.workflow-header { display:flex; align-items:center; gap:12px; min-height:76px; padding:16px 24px; border-bottom:1px solid #e2e9f3; color:#26364c; background:#fff; flex-shrink:0; }
.workflow-header h1 { margin:0; font-size:23px; font-weight:550; letter-spacing:-.6px; line-height:1.3; }
.workflow-header > button, .workflow-actions > button, .workflow-menu-anchor > button { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px; border:0; border-radius:7px; background:transparent; color:#486280; font:inherit; font-size:12px; }
.workflow-header button:hover { background:#eaf1fc; color:#294e83; }
.workflow-header svg { width:17px; height:17px; flex-shrink:0; }
.workflow-title { flex:1; min-width:0; }
.workflow-title h1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workflow-cadence { display:inline-flex; gap:5px; align-items:center; border:0; padding:4px 0 0; background:transparent; color:#6c7c90; font:inherit; font-size:11px; }
.workflow-toggle { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border:1px solid #cfd6df; border-radius:999px; background:transparent; font:inherit; font-size:12px; }
.workflow-toggle[aria-pressed="true"] { border-color:#2f7d5a; color:#2f7d5a; }
.workflow-actions { display:flex; align-items:center; gap:5px; flex-shrink:0; }
/* Icon-only toolbar: Adjust and Run; everything else is in the overflow menu. */
.workflow-actions > button > span { display:none; }
.workflow-actions > button, .workflow-menu-anchor > button { width:34px; height:34px; padding:0; border:1px solid #d6dde8; }
.workflow-menu button[aria-pressed] { position:relative; }
.workflow-menu-anchor { position:relative; }
.workflow-menu { position:absolute; z-index:15; right:0; top:calc(100% + 6px); width:200px; padding:6px; border:1px solid #ccd9ec; border-radius:9px; background:#f8fbff; box-shadow:0 12px 30px #203c631a; }
.workflow-menu > button { display:block; width:100%; padding:10px; border:0; border-radius:5px; background:transparent; color:#486280; text-align:left; font:inherit; font-size:12px; }
.workflow-menu > button[aria-current="page"] { background:#e6efff; color:#294e83; }
.workflow-menu .is-danger { color:#a13f49; border-top:1px solid #dce6f3; margin-top:4px; }
.workflow-search { margin-left:auto; display:flex; align-items:center; gap:8px; width:235px; padding:0 12px; border:1px solid #b8c9e1; border-radius:8px; background:#fff; }
.workflow-search:hover { border-color:#829fc6; }
.workflow-search:focus-within { border-color:#315f9c; box-shadow:0 0 0 2px #315f9c1a; }
.workflow-search input { min-width:0; width:100%; border:0; outline:0; padding:10px 0; background:transparent; font:inherit; font-size:12px; }
.workflow-header .workflow-search input:focus-visible { outline:0; box-shadow:none; }
.workflow-search button { display:grid; place-items:center; border:0; padding:0; background:transparent; color:#486280; }
.workflow-body { flex:1; min-height:0; overflow:auto; padding:20px 24px 32px; background:#fff; overflow-anchor:none; }
.workflow-body:has(.work-execution) { padding-bottom:24px; }
.workflow-rows { border-top:1px solid #e7edf4; }
.workflow-row { display:grid; grid-template-columns:100px minmax(100px,1fr) minmax(0,1.3fr) 110px; gap:14px; align-items:center; width:100%; min-height:44px; padding:0 10px; border:0; border-bottom:1px solid #e7edf4; background:#fff; color:#2c3540; font:inherit; text-align:left; }
.workflow-row:hover { background:#f0f5fd; }
.workflow-row > :is(strong,span,time) { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
.workflow-row > strong { font-weight:550; }
.workflow-row > time { text-align:right; color:#62748d; font-size:11px; }
.workflow-row > span:not(.workflow-row-kind) { color:#62748d; }
.workflow-row .workflow-row-kind { justify-self:start; border-radius:4px; background:#eaf1fe; padding:4px 7px; color:#3c5e8b; font-size:11px; }
.workflow-pagination { display:flex; justify-content:flex-end; gap:12px; padding:16px 0; }
.workflow-pagination button, .workflow-history button, .workflow-response button { border:1px solid #cbd9ec; border-radius:7px; background:#edf3ff; color:#315581; padding:8px 12px; font:inherit; font-size:12px; }
.workflow-run-picker { display:flex; align-items:center; gap:10px; margin-bottom:16px; color:#62748d; font-size:12px; }
.workflow-run-picker select, .workflow-run-picker > alliance-select { flex:0 1 280px; width:280px; max-width:100%; }
.workflow-result { border:1px solid #dce5f3; border-radius:12px; overflow:hidden; padding:0 24px 24px; color:#26364c; }
.workflow-result > header { display:flex; align-items:center; justify-content:space-between; margin:0 -24px 22px; padding:14px 24px; background:#e5eefb; color:#4c6d97; font-size:12px; }
.workflow-result h2 { font-size:26px; font-weight:550; margin:0 0 16px; letter-spacing:-.5px; }
.workflow-result p { color:#53677f; line-height:1.75; font-size:14px; overflow-wrap:anywhere; white-space:pre-wrap; }
.workflow-artifact { display:flex; align-items:center; gap:12px; width:100%; padding:16px; border:1px solid #c9dceb; border-radius:9px; background:#edf7f5; color:#2d6159; text-align:left; }
.workflow-artifact > span { display:grid; gap:6px; flex:1; }
.workflow-artifact svg { width:19px; height:19px; }
.workflow-artifact small { color:#5d807c; }
.workflow-history button { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; margin-bottom:10px; padding:15px; }
.workflow-empty { padding:32px 0; color:#62748d; font-size:14px; }
.workflow-notice { border-radius:8px; padding:12px; background:#eaf1ff; color:#315581; font-size:12px; }
.workflow-dialog { width:min(520px,calc(100vw - 40px)); max-height:calc(100dvh - 64px); overflow:auto; padding:22px; border:1px solid #cad9ef; border-radius:16px; background:#f5f8ff; color:#26364c; box-shadow:0 18px 60px #1a355b26; }
.workflow-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px; }
.workflow-dialog h2 { font-size:20px; margin:0; font-weight:550; }
.workflow-dialog h3, .workflow-response h3 { font-size:14px; font-weight:550; margin:22px 0 10px; }
.workflow-dialog p { color:#53677f; font-size:13px; line-height:1.7; }
.workflow-dialog form, .workflow-response form { display:grid; gap:9px; }
.workflow-dialog label, .workflow-response label { font-size:12px; color:#53677f; margin-top:8px; }
.workflow-dialog :is(input,select,textarea), .workflow-response textarea { width:100%; min-width:0; padding:10px 12px; border:1px solid #becfe7; border-radius:7px; background:#fff; color:#26364c; font:inherit; font-size:13px; }
.workflow-dialog textarea, .workflow-response textarea { min-height:90px; resize:vertical; }
.workflow-dialog button { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid #bed0eb; border-radius:7px; background:#e5edfc; color:#315581; padding:9px 12px; font:inherit; font-size:12px; }
.workflow-dialog > header button { border:0; padding:5px; background:transparent; }
.workflow-dialog svg { width:18px; height:18px; }
.workflow-dialog button:hover { background:#d6e4fb; }
.workflow-dialog .is-danger { background:#f9e5e8; border-color:#e8b6bf; color:#a13f49; }
.workflow-dialog footer { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }
.workflow-share-modes { display:flex; gap:8px; }
.workflow-share-modes button[aria-pressed="true"] { background:#315f9c; border-color:#315f9c; color:#fff; }
.workflow-recipient { display:flex; gap:12px; align-items:center; padding:12px 0; border-top:1px solid #dbe4f1; font-size:13px; }
.workflow-recipient > span { display:grid; gap:4px; flex:1; }
.workflow-recipient small { color:#62748d; font-size:11px; }
.workflow-response { margin-top:20px; padding:20px; border:1px solid #d6dff1; border-radius:10px; background:#f5f8ff; }
.workflow-response:first-child { margin-top:0; margin-bottom:24px; }
.workflow-response .workflow-request-label { margin:0; color:#315581; font-size:12px; font-weight:550; }
.workflow-response .workflow-request-label + h3 { margin-top:8px; font-size:18px; }
.workflow-result-fields { display:grid; grid-template-columns:max-content 1fr; gap:10px 24px; margin:18px 0; }
.workflow-result-fields dt { color:#62748d; }
.workflow-result-fields dd { margin:0; font-weight:550; overflow-wrap:anywhere; }
:is(.workflow-header,.workflow-body,.workflow-dialog) button:disabled { opacity:.5; cursor:default; }
:is(.workflow-header,.workflow-body,.workflow-dialog) :is(button,input,textarea,select):focus-visible { outline:2px solid #315f9c; outline-offset:3px; }
@media(max-width:850px) {
 .workflow-row { grid-template-columns:82px minmax(0,1fr) 90px; gap:8px; }
 .workflow-row > span:not(.workflow-row-kind) { display:none; }
 .workflow-actions > button > span { display:none; }
 .workflow-header { padding-inline:16px; }
 .workflow-body { padding-inline:16px; }
 .workflow-search { width:200px; }
}

.workflow-chat-widget .assistant-button.classic-chat-launcher,
.workflow-chat-widget .assistant-button.classic-chat-launcher:is(:hover,.is-open) { background:#0d52cf; border-color:#0d52cf; color:#fff; }
.workflow-chat-widget .assistant-button > svg { transform:none; }
.workflow-chat-widget .workspace-chat-panel { background:#fff; border-color:#cbdaf0; box-shadow:0 16px 50px #183c792e; }
.workflow-chat-widget .assistant-chat { background:#fff; }
.workflow-response pre { max-height:320px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:14px; border:1px solid #d7e2f3; border-radius:8px; background:#fff; font:12px/1.7 ui-monospace,monospace; }

.workflow-result-value { max-height:420px; overflow:auto; padding:16px; border-radius:8px; background:#f3f7fd; white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.7 ui-monospace,monospace; }

.workflow-runner-note { color:#62748d; font-size:12px; line-height:1.6; margin:0 0 16px; }

.workflow-exact-data { margin-top:16px; color:#53677f; font-size:12px; }
.workflow-exact-data pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:320px; overflow:auto; }

.workflow-trigger-details { margin:0 0 16px; color:#62748d; font-size:12px; }
.workflow-trigger-details li { margin:10px 0; }
.workflow-trigger-details li > span { display:block; margin-top:5px; }

.workflow-source-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.workflow-source-toolbar .workflow-run-picker { margin-bottom:0; flex:1; min-width:0; }
.workflow-source-toolbar .workflow-trigger-details { position:relative; margin:0; flex-shrink:0; }
.workflow-source-toolbar .workflow-trigger-details > ul { position:absolute; z-index:12; right:0; top:100%; width:min(340px,75vw); max-height:240px; overflow:auto; padding:12px 24px; border:1px solid #cbd9ec; border-radius:8px; background:#f8fbff; box-shadow:0 12px 30px #203c631a; }
.workflow-dialog button.is-danger:hover { background:#f2d5db; border-color:#d69daa; color:#963645; }