/* Flow media workspace uses the portal's existing cards and color variables. */
#view-flow .card + .card{margin-top:18px}
.flow-fields{display:grid;grid-template-columns:1fr 140px;gap:14px}
#view-flow select,#view-flow textarea{width:100%;padding:10px 12px;border:1px solid var(--divider);border-radius:10px;background:var(--card);color:var(--t1);font:inherit}
#view-flow textarea{resize:vertical;min-height:112px}
#view-flow .field{margin-bottom:16px;display:flex;flex-direction:column;gap:7px}
.flow-account{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--divider)}
.flow-account:last-child{border-bottom:0}
.flow-account strong{word-break:break-word}
.flow-account p{margin:6px 0}
.flow-actions{display:flex;gap:8px;flex-wrap:wrap}
.flow-output{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.flow-output img,.flow-output video{max-width:100%;max-height:480px;border-radius:12px;background:var(--bg);object-fit:contain}
#flowModelID{overflow-wrap:anywhere}
@media(max-width:600px){.flow-fields{grid-template-columns:1fr}.flow-account{align-items:flex-start;flex-direction:column}}

.flow-auth-link{display:flex;flex-direction:column;gap:10px;margin:16px 0;padding:14px;background:var(--bg);border-radius:12px}.flow-auth-link input{width:100%;padding:10px;border:1px solid var(--divider);border-radius:8px;background:var(--card);font:12px/1.5 monospace}.flow-auth-link label{font-weight:600;font-size:13px}

.flow-extension-guide{padding-left:22px;font-size:13px;color:var(--t2);line-height:1.8}.flow-extension-guide li{margin:7px 0}.flow-extension-guide a{color:var(--primary)}#flowExtensionCode{width:100%;min-height:78px;resize:vertical;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--t1);font:12px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.flow-legacy{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.flow-legacy summary{cursor:pointer;font-size:13px;color:var(--t2)}.flow-extension-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.flow-extension-connection p{margin:4px 0 0}.flow-extension-connection strong{overflow-wrap:anywhere;font-size:13px}

#view-flow [hidden]{display:none!important}

.flow-model-fields{grid-template-columns:1fr 1fr}.flow-optional{margin:0 0 14px}.flow-optional>summary{cursor:pointer;color:var(--text-muted,#777);font-size:13px;padding:6px 0}.flow-optional[open]>summary{margin-bottom:8px}.flow-optional .field{margin-bottom:8px}@media(max-width:600px){.flow-model-fields{grid-template-columns:1fr}}