:root { --surface: #fff; --subtle: #e8f2ef; --line: #d5e3df; --ink: #162b31; --brand: #16803f; --brand-hover: #0d6630; --brand-bg: #e4f5e8; --success: #0d6b54; --success-bg: #ddf4e9; --warning: #936300; --warning-bg: #fff0c9; --danger: #b9382e; --danger-bg: #fce5e1; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand) 72%, white); outline-offset: 2px; }
button.primary { background: var(--brand); border-color: var(--brand); } button.primary:hover { background: var(--brand-hover); color: #fff; }
.status.completed, .status.deployed, .status.ready { background: var(--success-bg); color: var(--success); }
.page-title { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:20px; } .page-title h1 { margin-bottom:4px; }
.agent-list { background:var(--surface); border:1px solid var(--line); border-radius:6px; overflow:hidden; } .agent-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto auto; align-items:center; gap:14px; padding:14px 16px; border-bottom:1px solid #e5eaf0; } .agent-row:last-child { border-bottom:0; }
.agent-mark,.session-harness { display:grid; place-items:center; width:30px; height:30px; border-radius:5px; background:var(--brand-bg); color:var(--brand); font-size:13px; font-weight:700; } .agent-main { min-width:0; display:grid; gap:3px; } .agent-main span { color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .row-actions { display:flex; gap:6px; } .secondary-panel { margin-top:16px; background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:14px 16px; } .secondary-panel summary { cursor:pointer; font-weight:600; }
.capability-management-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; } .capability-management-header h3 { margin-bottom:3px; } .capability-management-header p { margin:0; } .capability-management-header a { flex:0 0 auto; color:var(--brand); font-size:11px; font-weight:700; text-decoration-thickness:1px; text-underline-offset:3px; }
.workspace-layout { display:grid; grid-template-columns:280px minmax(0,1fr); min-height:calc(100vh - 180px); border:1px solid var(--line); background:var(--surface); border-radius:6px; overflow:hidden; } .session-list { background:#f8fafc; border-right:1px solid var(--line); padding:8px; overflow:auto; } .session-row { width:100%; display:flex; gap:10px; align-items:center; padding:11px; text-align:left; border:0; background:transparent; border-radius:4px; } .session-row:hover,.session-row.selected { background:var(--brand-bg); color:var(--ink); } .session-row.selected { box-shadow:inset 3px 0 var(--brand); } .session-row span:last-child { min-width:0; display:grid; gap:3px; } .session-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-shell { min-width:0; display:flex; flex-direction:column; } .workspace-header { padding:20px 24px 12px; border-bottom:1px solid #e5eaf0; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; } .workspace-header h2 { margin:3px 0 5px; font-size:18px; } .workspace-header p { margin:0; color:var(--muted); font-size:13px; } .eyebrow { color:var(--muted); font-size:12px; } .live-state { margin-left:8px; color:var(--brand); font-size:12px; } .terminal-connected { display:inline-flex; align-items:center; color:var(--success); font-size:12px; }
.work-view { min-height:0; padding:20px 24px 0; }
.skill-picker { position:absolute; z-index:3; right:0; bottom:calc(100% + 6px); left:0; max-height:260px; overflow:auto; border:1px solid var(--line); border-radius:6px; background:var(--surface); box-shadow:0 8px 24px rgb(23 32 51 / 16%); } .skill-picker button { display:grid; width:100%; gap:3px; border:0; border-bottom:1px solid #e5eaf0; border-radius:0; padding:10px 12px; text-align:left; background:var(--surface); } .skill-picker button:last-child { border-bottom:0; } .skill-picker button:hover,.skill-picker button[aria-selected="true"] { background:var(--brand-bg); } .skill-picker span { color:var(--muted); font-size:12px; } .skill-picker small { color:var(--success); font-size:11px; }
.skill-picker-empty { margin:0; padding:10px 12px; color:var(--muted); font-size:13px; }
.capabilities-drawer { margin:0 24px; padding:16px; border:1px solid var(--line); border-top:0; background:var(--subtle); } .capabilities-drawer header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .capabilities-drawer h2,.capabilities-drawer h3,.capabilities-drawer p { margin-top:0; } .capabilities-drawer h2 { font-size:16px; } .capability-group { margin-top:16px; } .capability-group h3 { font-size:13px; } .capability-group ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:8px; margin:0; padding:0; list-style:none; } .capability-group li { padding:10px; border:1px solid var(--line); background:var(--surface); } .capability-group li p { margin:5px 0; font-size:13px; } .capability-group small { color:var(--muted); }
.workspace-secondary-drawer { margin:0 24px; padding:16px; border:1px solid var(--line); border-top:0; background:var(--subtle); } .workspace-secondary-drawer header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .workspace-secondary-drawer h2,.workspace-secondary-drawer p { margin-top:0; } .workspace-secondary-drawer h2 { font-size:16px; } .workspace-files-list { display:grid; gap:7px; } .workspace-files-list>button { display:flex; justify-content:space-between; align-items:baseline; gap:12px; width:100%; padding:10px; border:1px solid var(--line); border-radius:4px; background:var(--surface); text-align:left; } .workspace-files-list small { color:var(--muted); } .workspace-diagnostic { margin-top:10px; padding:10px; border-left:3px solid var(--warning); background:var(--warning-bg); } .workspace-diagnostic p { margin:5px 0; } .workspace-diagnostic details { margin-top:8px; } .workspace-diagnostic pre { max-height:180px; overflow:auto; white-space:pre-wrap; font-size:12px; }
@media(max-width:800px) { .workspace-layout { grid-template-columns:1fr; } .session-list { border-right:0; border-bottom:1px solid var(--line); max-height:180px; } .agent-row { grid-template-columns:32px minmax(0,1fr); } .agent-row>div:nth-child(3),.row-actions { grid-column:2; } .workspace-header,.work-view { padding-left:16px; padding-right:16px; } .capabilities-drawer,.workspace-secondary-drawer { margin:0 16px; } .capability-group ul { grid-template-columns:1fr; } .page-title { align-items:stretch; flex-direction:column; } .workspace-files-list>button { align-items:flex-start; flex-direction:column; gap:3px; } }
.workspace-filters { display:flex; gap:10px; margin:0 0 14px; } .workspace-filters input { min-width:0; flex:1; } .workspace-filters select { width:auto; } .button-link { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:5px; padding:7px 11px; color:var(--text); background:var(--surface); text-decoration:none; font-size:13px; } @media(max-width:800px) { .workspace-filters { display:grid; } .workspace-filters select { width:100%; } }
.test-workspace { grid-template-columns:minmax(0,1fr); } .test-workspace .session-list { display:none; }
.work-timeline { display:grid; gap:10px; min-height:420px; max-height:calc(100vh - 300px); overflow:auto; padding:4px 2px 12px; } .work-entry { border-left:3px solid var(--line); padding:9px 12px; background:var(--subtle); min-width:0; } .work-entry pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace; color:#172033; } .work-user { justify-self:end; width:min(88%,760px); background:var(--brand-bg); border-left-color:var(--brand); } .work-user pre { color:var(--ink); } .work-agent { background:#fff; border-left-color:#6c7d93; } .work-plan { border-left-color:#7b61b9; background:#f7f4fd; } .work-command { border-left-color:#1d7565; background:#f2f8f7; } .work-command>pre { color:#115649; } .work-output { margin-top:8px !important; padding:8px; max-height:240px; overflow:auto; color:#234 !important; background:#fff; border:1px solid #cfe0dc; } .work-tool { border-left-color:#a96e17; background:#fffaf0; } .work-file { border-left-color:#4377af; background:#f3f7fc; } .work-approval { border-left-color:var(--warning); background:var(--warning-bg); } .work-approval strong { color:#754d00; font-size:13px; } .work-approval pre { margin:8px 0; } .native-approval-options { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; } .native-approval-options button { border-color:#b98a32; background:#fffdf7; } .native-approval-options button:first-child { background:var(--brand); border-color:var(--brand); color:#fff; } .native-approval-options button:disabled { opacity:.65; cursor:wait; } .native-approval-status { min-height:18px; margin:10px 0 0; color:#754d00; font-size:12px; } .work-label { display:block; margin-bottom:5px; color:var(--muted); font-size:11px; font-weight:600; } .work-connection { align-self:center; color:var(--muted); text-align:center; } .file-artifacts { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:10px; } .file-artifacts .work-label { width:100%; margin:0; } .file-artifacts button { font-size:12px; } .native-artifact-preview { margin-top:10px; border:1px solid #b9ccdf; background:#fff; } .native-artifact-preview header { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:7px 9px; border-bottom:1px solid #d7e2ee; } .native-artifact-preview pre { padding:9px; max-height:320px; overflow:auto; } @media(max-width:800px) { .work-timeline { max-height:none; min-height:360px; } .work-user { width:100%; } }
.file-change-details { margin-top:10px; } .file-change-details > p { margin:6px 0; } .file-change-details details { margin-top:7px; border:1px solid var(--line); border-radius:4px; } .file-change-details summary { cursor:pointer; padding:8px 10px; } .file-diff { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); } .file-diff>div { min-width:0; padding:8px 10px; background:var(--surface); } .file-diff span { color:var(--muted); font-size:11px; } @media(max-width:720px) { .file-diff { grid-template-columns:1fr; } }
.raw-terminal-panel { margin-top:16px; border:1px solid var(--line); border-radius:6px; overflow:hidden; } .raw-terminal-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:12px 14px; background:var(--subtle); border-bottom:1px solid var(--line); } .raw-terminal-panel header p { margin:4px 0 0; font-size:12px; } #workspace-shell-terminal { height:420px; padding:8px; background:#101b2d; } @media(max-width:800px) { #workspace-shell-terminal { height:320px; } }
.native-recovery-note { margin:12px 0 0; padding:9px 12px; border-left:3px solid var(--warning); background:var(--warning-bg); color:#754d00; font-size:13px; }
.workspace-empty-state{display:grid;align-content:center;justify-items:start;gap:14px;min-height:480px;padding:42px;background:var(--surface)}.workspace-empty-state .evidence-label{color:var(--sprout-ink)}.workspace-empty-state h1{max-width:19ch;margin:0;color:var(--night);font-size:clamp(28px,4vw,46px);line-height:1.06;letter-spacing:-.04em}.workspace-empty-state p{max-width:56ch;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.6}

/* The active Workspace is a focused working surface, not an admin dashboard. */
.test-workspace .workspace-header { max-width:980px; width:100%; margin:0 auto; padding-top:28px; }
.test-workspace .work-view { width:min(100%,980px); margin:0 auto; padding:26px 24px 0; }
.work-timeline { gap:14px; }
.work-entry { border-left-width:2px; padding:10px 14px; border-radius:0 5px 5px 0; }
.work-user { width:min(86%,760px); border-radius:5px 0 0 5px; }
.work-command { padding:0; overflow:hidden; }
.work-command > .work-label { padding:8px 12px 0; }
.work-command > pre:first-of-type { padding:0 12px 9px; }
.work-command .work-output { margin:0 !important; border-width:1px 0 0; max-height:260px; }
.work-approval { border-left-width:3px; padding:14px 16px; }
.work-approval strong { display:block; margin-bottom:3px; }
.workspace-header .actions { justify-content:flex-end; }
@media(max-width:800px) { .test-workspace .workspace-header,.test-workspace .work-view { padding-left:16px; padding-right:16px; } }

/* Workbench shell: the active Session is the work object. Administrative
   information remains reachable elsewhere in the Console instead of sharing
   this visual hierarchy. */
.workbench-frame { display:grid; grid-template-columns:264px minmax(0,1fr); min-height:calc(100vh - 128px); overflow:hidden; border:1px solid rgb(15 17 21 / 10%); border-radius:8px; background:#fff; box-shadow:0 12px 32px rgb(15 17 21 / 5%); }
.workbench-nav { position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden; padding:14px 10px; border-right:1px solid rgb(15 17 21 / 8%); background:#f9fafb; }
.workbench-nav-header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 6px 15px; }
.workbench-brand { color:#0f1115; font-size:18px; font-weight:700; text-decoration:none; }
.workbench-console-link { color:#61666b; font-size:12px; text-decoration:none; }
.workbench-console-link:hover { color:#0f1115; text-decoration:underline; }
.close-workbench-nav,.open-workbench-nav { display:none; }
.new-session-button { display:flex; align-items:center; justify-content:center; width:100%; min-height:38px; margin:0 0 18px; border-color:rgb(15 17 21 / 12%); border-radius:10px; background:#fff; color:#0f1115; font-size:14px; font-weight:600; }
.new-session-button::before { content:'+'; margin-right:7px; font-size:18px; font-weight:400; line-height:1; }
.new-session-button:hover { border-color:rgb(15 17 21 / 22%); background:#f4f6f8; color:#0f1115; }
.new-session-picker { position:absolute; z-index:10; top:72px; right:10px; left:10px; display:grid; gap:6px; max-height:min(70vh,520px); overflow-y:auto; padding:10px; border:1px solid rgb(15 17 21 / 12%); border-radius:12px; background:#fff; box-shadow:0 12px 28px rgb(15 17 21 / 16%); }
.new-session-picker[hidden] { display:none; }
.new-session-picker>div { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 2px 5px; font-size:13px; }
.new-session-choice { display:grid; gap:3px; width:100%; border:0; border-radius:8px; padding:10px; background:transparent; text-align:left; }
.new-session-choice[hidden] { display:none; }
.new-session-choice:hover { background:#f1f3f5; color:#0f1115; }
.new-session-choice small { overflow:hidden; color:#61666b; text-overflow:ellipsis; white-space:nowrap; }
.new-session-search { display:block; padding:2px 0 4px; }
.new-session-search input { width:100%; height:32px; border-color:rgb(15 17 21 / 12%); border-radius:8px; padding:6px 9px; font-size:12px; }
.new-session-no-match { margin:6px 2px; color:#737980; font-size:12px; }
.workbench-nav-title { display:flex; align-items:center; justify-content:space-between; min-height:30px; padding:0 6px; color:#61666b; font-size:13px; font-weight:600; }
.workbench-icon-button { border:0; border-radius:7px; padding:5px 7px; background:transparent; color:#61666b; font-size:12px; }
.workbench-icon-button:hover { background:rgb(38 49 72 / 7%); color:#0f1115; }
.workbench-search { display:none; padding:5px 4px 8px; }
.workbench-search.open { display:block; }
.workbench-search input { height:32px; border-color:rgb(15 17 21 / 12%); border-radius:8px; padding:6px 9px; font-size:13px; }
.workbench-session-list { flex:1; margin:4px -4px 0; padding:0 4px; overflow:auto; background:transparent; border:0; }
.workbench-list-label { display:block; padding:7px 6px 5px; color:#858b92; font-size:11px; font-weight:600; text-transform:uppercase; }
.workbench-session-copy { min-width:0; display:grid; gap:3px; }
.workbench-session-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workbench-session-row { gap:9px; margin:1px 0; border-radius:8px; padding:8px; color:#22262a; }
.workbench-session-row:hover { background:#f0f2f4; }
.workbench-session-row.selected { border-left:0; box-shadow:none; background:#e9edf1; }
.workbench-session-row .session-harness { width:27px; height:27px; border-radius:7px; background:#e4e9ef; color:#3c566f; font-size:12px; }
.workbench-session-row strong { font-size:13px; font-weight:600; }
.workbench-session-row small { font-size:11px; }
.workbench-empty-list { padding:10px 7px; color:#737980; font-size:13px; line-height:1.45; }
.workbench-content.workspace-layout { display:block; min-height:0; border:0; border-radius:0; background:#fff; }
.workbench-content .workspace-shell { height:100%; }
.workbench-content .workspace-header { max-width:1024px; margin:0 auto; padding:18px 28px 12px; border-bottom-color:rgb(15 17 21 / 8%); }
.workbench-content .workspace-header h2 { font-size:16px; font-weight:650; }
.workbench-content .workspace-header .actions { align-items:center; flex-wrap:nowrap; gap:6px; }
.workspace-back-link{display:inline-flex;align-items:center;min-height:32px;padding:0 9px;border-radius:8px;color:#555c63;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.workspace-back-link:hover{background:#f0f2f4;color:#0f1115}
.workbench-content .workspace-header .actions button { display:inline-flex; align-items:center; min-height:32px; padding:0 9px; border-color:transparent; border-radius:8px; background:transparent; color:#555c63; font-size:12px; white-space:nowrap; }
.workbench-content .workspace-header .actions button:hover { background:#f0f2f4; color:#0f1115; }
.workbench-content .workspace-header .actions .danger { color:#a42b23; }
.workspace-more { position:relative; display:flex; flex:none; align-items:center; min-height:32px; padding:0; border:0; }
.workspace-more summary { display:flex; align-items:center; min-height:32px; list-style:none; border-radius:8px; padding:0 9px; color:#555c63; cursor:pointer; font-size:12px; font-weight:600; white-space:nowrap; }
.workspace-more summary::-webkit-details-marker { display:none; }
.workspace-more summary:hover { background:#f0f2f4; color:#0f1115; }
.workspace-more>div { position:absolute; z-index:8; top:calc(100% + 6px); right:0; display:grid; min-width:158px; padding:5px; border:1px solid rgb(15 17 21 / 12%); border-radius:10px; background:#fff; box-shadow:0 10px 24px rgb(15 17 21 / 14%); }
.workspace-more>div button { justify-content:flex-start; width:100%; border:0 !important; border-radius:7px !important; padding:8px 9px; background:transparent !important; text-align:left; }
.workspace-more>div button:hover { background:#f0f2f4 !important; }
.workbench-content .work-view { position:relative; z-index:0; width:min(100%, 960px); min-height:0; margin:0 auto; padding:24px 28px 0; }
.workspace-error-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; padding:12px 14px; border:1px solid #e5b4ae; border-left:3px solid #b42318; border-radius:8px; background:#fff7f6; color:#5e1d16; }
.workspace-error-banner[hidden] { display:none; }
.workspace-error-banner strong { font-size:13px; }
.workspace-error-banner p { margin:4px 0 0; font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.workspace-error-actions { display:flex; flex:none; flex-wrap:wrap; gap:6px; }
.workspace-error-actions button { border-color:#e5b4ae; border-radius:7px; background:#fff; color:#7c251d; font-size:12px; }
.workspace-error-actions button:hover { border-color:#b42318; background:#fdeceb; color:#6a1d16; }
.workbench-content .work-timeline { min-height:calc(100vh - 354px); max-height:calc(100vh - 354px); padding-bottom:28px; }
.workbench-content .work-entry { border-left-color:transparent; border-radius:8px; background:transparent; }
.workbench-content .work-user { background:var(--brand-bg); border-left-color:var(--brand); }
.workbench-content .work-agent { border:1px solid rgb(15 17 21 / 7%); background:#fff; }
.workbench-content .work-command { border:1px solid rgb(15 17 21 / 8%); background:#fafbfc; }
.workbench-content .work-command,.workbench-content .work-tool { padding:0; overflow:hidden; }
.workbench-content .work-command details,.workbench-content .work-tool details { margin:0; }
.workbench-content .work-command summary,.workbench-content .work-tool summary { display:flex; align-items:center; gap:8px; min-height:40px; padding:9px 12px; cursor:pointer; list-style:none; }
.workbench-content .work-command summary::-webkit-details-marker,.workbench-content .work-tool summary::-webkit-details-marker { display:none; }
.workbench-content .work-command summary span,.workbench-content .work-tool summary span { color:#6c737b; font-size:11px; font-weight:700; text-transform:uppercase; }
.workbench-content .work-command summary code,.workbench-content .work-tool summary code { min-width:0; flex:1; overflow:hidden; color:#26343e; font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.workbench-content .work-command summary small,.workbench-content .work-tool summary small { color:#737980; font-size:11px; }
.workbench-content .work-command[open] summary,.workbench-content .work-command details[open] summary { border-bottom:1px solid rgb(15 17 21 / 8%); }
.workbench-content .work-command .work-output { margin:0 !important; border:0; background:#f6f8fa; }
.workbench-content .work-plan { border-left-color:#a39abf; background:#f8f7fb; }
.workbench-content .work-tool { border-left-color:#c99142; background:#fffcf7; }
.workbench-content .work-file { border-left-color:#7a9cc0; background:#f7faff; }
.workbench-content .work-approval { border-left-color:#d28a1e; background:#fff8eb; }
.workspace-details-rail { position:fixed; z-index:30; top:0; right:0; bottom:0; width:min(440px, 38vw); margin:0; padding:0; overflow:auto; border:0; border-left:1px solid var(--line-strong); background:var(--paper-light); box-shadow:-18px 0 42px rgb(22 43 49 / 18%); }
.workspace-details-rail[hidden] { display:none; }
.workspace-details-rail header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:22px 20px 18px; border-bottom:1px solid var(--line); background:var(--night); }
.workspace-details-rail header h2 { margin:5px 0 7px; color:#f5fbfa; font-size:19px; line-height:1.15; }
.workspace-details-rail header p { margin:0; color:#c4d4d1; font-size:13px; line-height:1.5; }
.workspace-details-rail header button { min-height:32px; border:1px solid rgb(255 255 255 / 36%); border-radius:1px; background:transparent; color:#f5fbfa; }
.workspace-details-rail header button:hover { border-color:var(--gold); background:var(--gold); color:var(--night); }
.workspace-rail-kicker { color:var(--gold); font:500 10px 'DM Mono',ui-monospace,monospace; letter-spacing:.07em; text-transform:uppercase; }
.workspace-details-rail .workspace-files-list { padding:14px; }
.workspace-details-rail .workspace-files-list>button { border-color:rgb(15 17 21 / 9%); border-radius:9px; padding:11px; }
.workspace-details-rail .workspace-diagnostic { margin:14px; border-left-color:#d28a1e; border-radius:0 8px 8px 0; }
.workspace-details-rail .native-artifact-preview { margin:12px 0 0; border-right:0; border-left:0; }
body[data-route='sessions'] .app-shell { grid-template-columns:1fr; }
body[data-route='sessions'] .app-shell > .sidebar { display:none; }
body[data-route='sessions'] main > .bar { display:none; }
body[data-route='sessions'] main > .journey-rail { display:none; }
body[data-route='sessions'] main > #screen { max-width:none; padding:20px 24px; }
body[data-route='sessions'] main > #notice { padding-right:24px; padding-left:24px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:800px) { .workbench-frame { position:relative; grid-template-columns:1fr; min-height:calc(100vh - 108px); border-radius:6px; } .open-workbench-nav { position:absolute; z-index:4; top:10px; left:10px; display:inline-flex; border:1px solid rgb(15 17 21 / 12%); border-radius:8px; background:#fff; color:#30353a; font-size:12px; } .workbench-nav { position:absolute; z-index:10; top:0; bottom:0; left:0; width:min(310px, 86vw); max-height:none; transform:translateX(-105%); transition:transform 180ms ease; border-right:1px solid rgb(15 17 21 / 8%); border-bottom:0; box-shadow:12px 0 34px rgb(15 17 21 / 16%); } .workbench-nav.open { transform:translateX(0); } .workbench-nav-header { padding-bottom:10px; } .workbench-console-desktop { display:none; } .close-workbench-nav { display:inline-flex; border:0; border-radius:7px; padding:5px 7px; background:transparent; } .new-session-button { min-height:34px; margin-bottom:8px; } .new-session-picker { top:58px; } .workbench-session-list { min-height:48px; margin:0; overflow:auto; } .workbench-list-label { display:block; } .workbench-session-row { min-width:0; } .workbench-content .workspace-header,.workbench-content .work-view { padding-right:16px; padding-left:16px; } .workbench-content .workspace-header { padding-top:52px; } .workbench-content .work-timeline { min-height:360px; max-height:none; } .workspace-error-banner { align-items:flex-start; flex-direction:column; gap:10px; } }
@media(max-width:800px) { .workspace-details-rail { width:min(100%, 420px); box-shadow:-10px 0 30px rgb(15 17 21 / 18%); } }
@media(prefers-reduced-motion:reduce) { .workbench-nav { transition:none; } }

/* Empty sessions need a clear first move, not a centered connection status. */
.workspace-first-task { display:grid; align-content:center; justify-items:start; gap:12px; min-height:clamp(300px, 52vh, 520px); max-width:680px; margin:0 auto; padding:34px 22px 48px; }
.workspace-first-task-kicker { color:var(--brand); font:500 10px/1.2 'DM Mono',ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.workspace-first-task h1 { max-width:18ch; margin:0; color:var(--ink); font-size:clamp(24px, 3vw, 36px); line-height:1.08; letter-spacing:-.025em; }
.workspace-first-task p { max-width:58ch; margin:0; color:var(--ink-soft); font-size:13px; line-height:1.6; }
.workspace-first-task-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.workspace-first-task-actions button { border-color:var(--line); border-radius:1px; background:var(--paper-light); color:var(--ink); font-size:12px; }
.workspace-first-task-actions button:hover { border-color:var(--brand); background:var(--brand-bg); color:var(--brand); }
@media(max-width:800px) { .workspace-first-task { min-height:300px; padding:28px 8px 40px; } .workspace-first-task-actions { display:grid; width:100%; } .workspace-first-task-actions button { width:100%; text-align:left; } }

/* Workspace belongs to the same route: slate frame, paper record, gold decisions. */
.workbench-frame{border:1px solid var(--line);border-radius:0;background:var(--paper-light);box-shadow:0 14px 34px rgb(23 35 45 / 10%)}
.workbench-nav{border-right:1px solid var(--line);background:var(--night);color:#f5fbfa}.workbench-brand,.workbench-console-link,.workbench-nav-title{color:#f5fbfa}.workbench-session-row{color:#e8eadf;border-radius:0}.workbench-session-row:hover{background:rgb(255 255 255 / 10%)}.workbench-session-row.selected{background:var(--gold);color:var(--ink)}.workbench-session-row small,.workbench-empty-list,.workbench-list-label{color:var(--dark-muted)}.workbench-session-row.selected small{color:var(--ink-soft)}.new-session-button{border-color:var(--gold);border-radius:0;background:var(--gold);color:var(--ink)}.workbench-content.workspace-layout{background:var(--paper-light)}.workbench-content .workspace-header{border-bottom-color:var(--line);background:var(--paper-light)}.workbench-content .work-view{background:var(--paper-light)}
.workbench-nav{background:#1c373d}.workbench-session-row{color:#d5e1df}.workbench-session-row:hover{background:rgb(255 255 255 / 8%)}.workbench-session-row.selected{background:var(--brand);color:#fff}.workbench-session-row small,.workbench-empty-list,.workbench-list-label{color:#9eb8b2}.workbench-session-row.selected small{color:#d5f0dd}.new-session-button{border-color:var(--brand);border-radius:1px;background:var(--brand);color:#fff}
@media(max-width:800px){.workbench-nav{width:min(280px,78vw)}.open-workbench-nav{border-color:var(--line);border-radius:0;background:var(--gold);color:var(--ink)}.workbench-content .workspace-header{padding-top:58px}.new-session-picker{top:58px;max-height:calc(100dvh - 90px)}}

/* Workspace context names the active Core without turning its lineage into a dashboard. */
.workspace-identity{min-width:0}.workspace-context{display:flex;align-items:center;gap:8px;min-width:0}.workspace-context a{display:block;overflow:hidden;padding:0;border-radius:0;background:transparent;color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.workspace-context a:hover{background:transparent;color:var(--brand)}.workspace-context a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.workspace-context span{color:var(--ink-soft);font:500 10px/1 'DM Mono',ui-monospace,monospace;white-space:nowrap}.workspace-context span+span::before{margin-right:8px;color:var(--line-strong);content:"/"}.workspace-identity>p{margin:4px 0 0;color:var(--ink-soft);font-size:11px}

/* The active Workspace behaves like a workbench: only the process record
   scrolls. The composer and session identity remain available while reading. */
@media(min-width:801px) {
  .workbench-frame { height:calc(100dvh - 40px); min-height:620px; }
}
.workbench-content .workspace-shell { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-height:0; }
.workbench-content .work-view { display:grid; grid-template-rows:auto minmax(0,1fr); min-height:0; overflow:hidden; padding-bottom:0; }
.workbench-content .work-timeline { min-height:0; max-height:none; overflow-y:auto; padding:6px 2px 22px; scroll-behavior:smooth; }
.workbench-content .work-timeline,.workbench-session-list,.new-session-picker,.skill-picker { scrollbar-width:none; }
.workbench-content .work-timeline::-webkit-scrollbar,.workbench-session-list::-webkit-scrollbar,.new-session-picker::-webkit-scrollbar,.skill-picker::-webkit-scrollbar { width:0; height:0; }
.workbench-content .work-entry { margin:0; padding:10px 14px; border:0; border-radius:0; background:transparent; }
.workbench-content .work-agent { border:0; background:transparent; }
.workbench-content .work-agent .work-label { margin-bottom:4px; color:#687079; }
.workbench-content .work-user { width:auto; max-width:82%; margin-left:auto; border-left:0; border-radius:10px; background:var(--brand-bg); }
.workbench-content .work-plan { margin:6px 0; padding:9px 12px; border-left:2px solid #b5bdc8; background:#f7f8fa; }
.workbench-content .work-file { margin:6px 0; padding:10px 12px; border-left:2px solid #91a3b8; background:#f7f9fb; }
.workbench-content .work-file pre { font-size:12px; }
.workbench-content .work-command,.workbench-content .work-tool { margin:7px 0; border-color:rgb(15 17 21 / 10%); border-radius:8px; background:#fafbfc; }
.workbench-content .work-tool { border-left:0; background:#fafbfc; }
.workbench-content .work-command summary,.workbench-content .work-tool summary { min-height:36px; padding:7px 10px; }
.workbench-content .work-approval { margin:8px 0; border-radius:8px; }
.capabilities-drawer .agent-runtime-details { margin:14px; padding:0 0 14px; border-bottom:1px solid rgb(15 17 21 / 8%); }
.agent-runtime-details h3 { margin:0 0 10px; color:#20242a; font-size:13px; }
.agent-runtime-details dl { display:grid; gap:8px; margin:0; }
.agent-runtime-details dl div { display:grid; gap:2px; }
.agent-runtime-details dt { color:#737980; font-size:11px; }
.agent-runtime-details dd { margin:0; color:#24282d; font-size:13px; }
.agent-runtime-details p { margin:10px 0 0; font-size:12px; line-height:1.45; }
.capabilities-drawer .capability-group { margin:14px; }
.capabilities-drawer .capability-group li { border-color:rgb(15 17 21 / 9%); border-radius:8px; }
.capabilities-drawer > .muted,.capabilities-drawer > .button-link { margin:14px; }
.raw-terminal-panel { position:fixed; z-index:40; top:8vh; right:5vw; bottom:8vh; left:5vw; display:grid; grid-template-rows:auto minmax(0,1fr); margin:0; box-shadow:0 22px 58px rgb(15 17 21 / 28%); }
#workspace-shell-terminal { height:auto; min-height:0; }
@media(max-width:800px) {
  .workbench-frame { height:100dvh; min-height:0; border-radius:0; }
  .workbench-content .workspace-header { flex:none; }
  .workbench-content .work-view { padding-bottom:0; }
  .workbench-content .work-timeline { min-height:0; }
.workbench-content .work-user { max-width:94%; }
  .raw-terminal-panel { top:5vh; right:10px; bottom:5vh; left:10px; }
}

/* Normal transcript prose must keep CJK glyph coverage; code remains mono below. */
.workbench-content .work-entry pre { font-family: Manrope, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
.workbench-content .work-command pre,.workbench-content .work-output pre,.workbench-content .work-file code,.workbench-content .work-tool code { font-family: "DM Mono", "Noto Sans Mono CJK SC", ui-monospace, SFMono-Regular, Menlo, monospace; }
.capabilities-empty { display:grid; gap:7px; margin:0; padding:18px 20px; border-bottom:1px solid var(--line); background:var(--paper-light); }
.capabilities-empty strong { color:var(--ink); font-size:13px; }
.capabilities-empty p { margin:0; color:var(--ink-soft); font-size:12px; line-height:1.45; }
.capabilities-empty .runtime-change-link { margin-top:2px; }
@media(max-width:800px) { .workspace-details-rail { height:auto; max-height:calc(100dvh - 24px); overflow-y:auto; } }

/* Workbench selection and explicit commands use Fresh Leaf, not route-progress Sprout. */
.workbench-session-row.selected{background:var(--brand);color:#fff}.workbench-session-row.selected small{color:#d5f0dd}.new-session-button{border-color:var(--brand);background:var(--brand);color:#fff}

/* Workspace focus is an active input state, not itinerary progress. */

.new-session-button:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:#fff}

/* Native confirmations retain action semantics: approve in Fresh Leaf, reject in Red. */
.native-approval-options button:first-child{background:var(--brand);border-color:var(--brand);color:#fff}
.native-approval-options button:first-child:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}
.native-approval-options button:last-child{border-color:var(--danger);color:var(--danger)}
.native-approval-options button:last-child:hover{background:var(--danger);border-color:var(--danger);color:#fff}
.native-approval-options button:disabled:not(.is-submitted){border-color:var(--line);background:var(--subtle);color:var(--ink-soft);opacity:1;cursor:not-allowed}.native-approval-options button.is-submitted{border-color:var(--green);background:var(--green);color:#fff;opacity:1;cursor:wait}.native-approval-status{font-weight:700}

/* Map legacy Workspace event treatments to the Console system so import order cannot revive blue UI. */
.session-row:hover:not(.workbench-session-row),.session-row.selected:not(.workbench-session-row),.skill-picker button:hover,.skill-picker button[aria-selected="true"],.work-user,.workbench-content .work-user:not(.workbench-session-row){background:var(--brand-bg)}
.session-row.selected:not(.workbench-session-row),.work-user,.workbench-content .work-user{border-left-color:var(--brand)}
.work-user pre{color:var(--ink)}
.capabilities-drawer .capability-group{margin:0;padding:16px 20px;border-bottom:1px solid var(--line)}.capabilities-drawer .capability-group h3{margin:0 0 10px;color:var(--ink);font-size:13px}.capabilities-drawer .capability-group ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.capabilities-drawer .capability-group li{padding:9px 10px;border:1px solid var(--line);border-radius:1px;background:var(--paper-light)}.capabilities-drawer .capability-group li strong{display:block;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.capability-group li p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:var(--ink-soft);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.capability-runtime{margin:0;padding:14px 20px;border-bottom:1px solid var(--line)}.capability-runtime summary{color:var(--ink);font-size:12px}.capability-runtime .agent-runtime-details{margin:12px 0 0;padding:0;border:0}.capabilities-drawer>.button-link{margin:16px 20px}
.runtime-change-link{display:inline-block;margin-top:8px;color:var(--brand);font-size:11px}

.workspace-composer textarea:focus-visible{outline:0!important}

/* Isolated Workspace Composer. It intentionally does not share legacy composer classes. */
.workspace-composer {
  position: relative;
  z-index: 20;
  width: min(100%, 960px);
  margin: 0 auto;
  padding: 14px 28px 22px;
  border-top: 1px solid var(--line);
  background: var(--paper-light);
}
.workspace-composer-surface {
  position: relative;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: #fcfdfc;
  box-shadow: 0 6px 16px rgb(22 43 49 / 7%);
}
.workspace-composer-surface:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgb(22 128 63 / 18%), 0 6px 16px rgb(22 43 49 / 7%);
}
.workspace-composer textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 58px;
  max-height: 168px;
  padding: 14px 16px 6px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: 500 14px/1.45 Manrope, "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
  outline: 0;
  resize: none;
}
.workspace-composer footer {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  height: 42px;
  padding: 0 10px;
}
.workspace-composer-plus,
.workspace-composer-send {
  display: grid;
  place-items: center;
  align-self: center;
  box-sizing: border-box;
  padding: 0;
  border-radius: 50%;
  line-height: 1;
}
.workspace-composer-plus {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  background: var(--paper-light);
  color: var(--ink);
  font-size: 19px;
}
.workspace-composer-plus:hover {
  border-color: var(--brand);
  background: var(--brand-bg);
  color: var(--brand);
}
.workspace-composer-market { min-height:30px; padding:5px 9px; border:1px solid var(--line); border-radius:4px; background:var(--paper-light); color:var(--ink-soft); font-size:11px; font-weight:700; }
.workspace-composer-market:hover { border-color:var(--brand); background:var(--brand-bg); color:var(--brand); }
.workspace-composer-send {
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-left: auto;
  border: 0;
  background: var(--brand);
  color: #fff;
  font-size: 18px;
}
.workspace-composer-send:hover { background: var(--brand-hover); }
.workspace-capability-menu {
  position: absolute;
  z-index: 25;
  bottom: calc(100% + 10px);
  left: 0;
  width: min(390px, calc(100vw - 40px));
  max-height: 320px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--paper-light);
  box-shadow: 0 14px 30px rgb(22 43 49 / 16%);
}
.workspace-capability-menu button { border-radius: 4px; }
.workspace-composer .workspace-permission-menu {
  position: relative;
  align-self: center;
  box-sizing: border-box;
  min-width: 0;
  width: max-content;
  height: 28px;
  padding-top: 0;
  border-top: 0;
}
.workspace-permission-control{display:flex;align-items:center;min-width:0}
.workspace-permission-feedback{max-width:190px;margin-left:8px;overflow:hidden;color:var(--ink-soft);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.workspace-composer .workspace-permission-menu > summary {
  display: flex;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  height: 28px;
  padding: 0 7px;
  list-style: none;
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.workspace-composer .workspace-permission-menu > summary::-webkit-details-marker { display: none; }
.workspace-composer .workspace-permission-menu > summary:hover,
.workspace-composer .workspace-permission-menu[open] > summary {
  background: var(--brand-bg);
  color: var(--brand);
}
.workspace-composer .workspace-permission-menu > summary:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}
.workspace-composer .workspace-permission-menu > div {
  position: absolute;
  z-index: 26;
  bottom: calc(100% + 10px);
  left: 0;
  width: min(246px, calc(100vw - 32px));
  padding: 5px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--paper-light);
  box-shadow: 0 14px 30px rgb(22 43 49 / 16%);
}
.workspace-composer .workspace-permission-menu > div button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding: 0 9px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--ink);
  font: 600 12px/1.2 Manrope, "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
  text-align: left;
}
.workspace-composer .workspace-permission-menu > div button:hover,
.workspace-composer .workspace-permission-menu > div button[aria-checked="true"] {
  background: var(--brand-bg);
  color: var(--brand);
}
@media (max-width: 800px) {
  .workspace-composer { padding: 10px 16px 16px; }
  .workspace-composer-surface { border-radius: 12px; }
  .workspace-composer textarea { min-height: 54px; }
}

.workspace-permission-state{margin-left:2px;color:var(--ink-soft);font-size:12px;font-weight:650;white-space:nowrap}
.journey-rail[hidden]{display:none}.capability-route .bar{min-height:52px;padding-top:8px;padding-bottom:8px}
.test-publish-review { display:flex; align-items:center; gap:10px; max-width:1024px; margin:12px auto 0; padding:10px 28px; border:1px solid var(--line); background:var(--subtle); color:var(--ink); font-size:12px; }
.test-publish-review span { color:var(--ink-soft); }
.capability-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border-bottom:1px solid var(--line);background:var(--line)}
.capability-overview>div{display:grid;gap:4px;padding:13px 14px;background:var(--paper-light)}
.capability-overview span,.capability-management h3,.capability-management small{color:var(--ink-soft);font:500 10px/1.2 'DM Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}
.capability-overview strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.capability-tabs{display:flex;gap:2px;padding:8px 12px;border-bottom:1px solid var(--line);overflow-x:auto}
.capability-tabs button{padding:7px 9px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}
.capability-tabs button.is-active{border-bottom-color:var(--gold);color:var(--ink)}
.capability-tabs button:hover{background:var(--brand-bg);color:var(--brand)}
.capability-tabs button span{font-family:'DM Mono',ui-monospace,monospace;font-size:10px}
.capability-panel>.muted{margin:14px 20px;color:var(--ink-soft);font-size:11px;line-height:1.45}
.capability-search{display:block;padding:9px 14px 0}.capability-search input{box-sizing:border-box;width:100%;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--paper-light);color:var(--ink);font:500 12px/1.2 Manrope,"Noto Sans SC","PingFang SC",system-ui,sans-serif;outline:0}.capability-search input:focus{border-color:var(--brand);box-shadow:0 0 0 2px rgb(22 128 63 / 12%)}
.capability-group li{position:relative}.capability-source{display:inline-block;margin-left:6px;color:var(--ink-soft);font:500 9px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}.tool-permission-rule{float:right}.tool-permission-rule select{min-height:26px;padding:0 5px;border:1px solid var(--line);border-radius:4px;background:var(--paper-light);color:var(--ink);font-size:11px}
.capability-management{margin:0;padding:14px 20px 18px;border-top:1px solid var(--line);background:var(--subtle)}
.capability-management h3{margin:0 0 4px;color:var(--ink)}
.capability-management p{margin:0 0 10px;color:var(--ink-soft);font-size:11px}
.capability-management ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.capability-management li{border-bottom:1px solid var(--line)}
.capability-management label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;cursor:pointer}
.capability-management label>span{display:grid;gap:3px;min-width:0}.capability-management strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.capability-management small{font-size:9px}.capability-management input{accent-color:var(--brand);flex:0 0 auto}
.publish-core-review{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid var(--line-strong);border-radius:2px;background:var(--paper-light);color:var(--ink);box-shadow:0 20px 60px rgb(22 43 49 / 24%)}
.publish-core-review::backdrop{background:rgb(22 43 49 / 34%)}
.publish-core-review form{display:grid;gap:0}.publish-core-review header,.publish-core-review footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.publish-core-review header h2{margin:0;font-size:18px}.publish-core-review header button{padding:5px 0;border:0;background:transparent;color:var(--ink-soft);font-size:11px;cursor:pointer}.publish-core-review p{margin:15px 18px 8px;color:var(--ink-soft);font-size:12px;line-height:1.5}.publish-core-review ul{display:grid;gap:7px;margin:0 18px;padding:0 0 10px 18px;color:var(--ink);font-size:12px}.publish-core-review li::marker{color:var(--brand)}.publish-core-review .publish-core-settings{gap:0;padding:0;list-style:none}.publish-core-settings li{display:grid;gap:3px;padding:8px 10px;border-top:1px solid var(--line);background:var(--subtle)}.publish-core-settings li:first-child{border-top:0}.publish-core-settings strong{font-size:12px}.publish-core-settings span{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.publish-core-review .publish-exclusion{margin-top:5px;padding:10px 12px;border:1px solid var(--line);background:var(--subtle);color:var(--ink);font-size:11px}.publish-core-review footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.publish-core-review footer button{min-height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:2px;background:var(--paper-light);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.publish-core-review footer button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.publish-core-review footer button:hover{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}.publish-core-review footer button.primary:hover{background:var(--brand-hover);color:#fff}
@media(max-width:800px){.workbench-content .workspace-header{align-items:stretch;flex-direction:column;gap:10px}.workbench-content .workspace-header .actions{justify-content:flex-start}.workspace-context span:last-child{display:none}.workspace-context a{font-size:14px}}
@media(max-width:520px){.capability-overview{grid-template-columns:1fr}.publish-core-review header,.publish-core-review footer{align-items:stretch;flex-direction:column}.publish-core-review footer button{width:100%}}

/* $ invokes an enabled Skill. + opens the capability market for this Workspace. */
#skill-picker.workspace-capability-menu{width:min(400px,calc(100vw - 32px));max-height:min(352px,calc(100dvh - 180px));padding:6px;overflow-y:auto;border-color:var(--line-strong);border-radius:8px;background:var(--paper-light);box-shadow:0 14px 30px rgb(22 43 49 / 16%)}
#skill-picker .workspace-picker-heading{display:flex;align-items:center;justify-content:space-between;min-height:26px;padding:2px 8px 5px;color:var(--ink-soft);font:500 10px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
#skill-picker .workspace-picker-group{display:grid;gap:2px;margin:0;padding:0}
#skill-picker .workspace-picker-group+.workspace-picker-group{margin-top:7px;padding-top:8px;border-top:1px solid var(--line)}
#skill-picker .workspace-picker-group h3{margin:0;padding:2px 8px 5px;color:var(--ink-soft);font:500 10px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
#skill-picker .workspace-picker-option,#skill-picker .workspace-picker-static{display:block;width:100%;min-width:0;padding:8px;border:0;border-radius:4px;background:transparent;color:var(--ink);text-align:left}
#skill-picker .workspace-picker-option{cursor:pointer}
#skill-picker .workspace-picker-option:hover,#skill-picker .workspace-picker-option[aria-selected="true"]{background:var(--brand-bg);color:var(--ink)}
#skill-picker .workspace-picker-copy,#skill-picker .workspace-picker-static{display:grid;gap:3px}
#skill-picker .workspace-picker-option strong,#skill-picker .workspace-picker-static strong{display:block;overflow:hidden;color:currentColor;font:700 12px/1.2 Manrope,"Noto Sans SC","PingFang SC",system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}
#skill-picker .workspace-picker-option small,#skill-picker .workspace-picker-static small{display:block;overflow:hidden;color:var(--ink-soft);font:500 11px/1.3 Manrope,"Noto Sans SC","PingFang SC",system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}
#skill-picker .workspace-picker-static{padding:8px;color:var(--ink)}
#skill-picker .skill-picker-empty{padding:10px 8px;color:var(--ink-soft);font-size:12px}
#skill-picker.workspace-capability-menu.workspace-market-open{position:absolute;z-index:40;right:0;bottom:calc(100% + 8px);left:0;width:auto;max-height:min(430px,calc(100dvh - 190px));padding:0;overflow:auto;border:1px solid var(--line-strong);border-radius:8px;background:var(--paper-light);box-shadow:0 18px 42px rgb(22 43 49 / 22%);transform:none}
.workspace-market-loading{padding:18px;color:var(--ink-soft);font-size:12px}
.workspace-market-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 11px;border-bottom:1px solid var(--line)}
.workspace-market-header>div{display:grid;gap:3px}.workspace-market-header strong{color:var(--ink);font-size:14px}.workspace-market-header small{color:var(--ink-soft);font-size:11px}
.workspace-market-close{min-height:auto;padding:2px 0;border:0;background:transparent;color:var(--ink-soft);font-size:11px;font-weight:700}.workspace-market-close:hover{background:transparent;color:var(--brand)}
.workspace-market-search{display:block;padding:12px 16px 8px}.workspace-market-search input{box-sizing:border-box;width:100%;min-height:34px;padding:7px 9px;border:1px solid var(--line-strong);border-radius:3px;background:var(--paper-light);color:var(--ink);font:500 12px/1.2 Manrope,"Noto Sans SC","PingFang SC",system-ui,sans-serif}.workspace-market-search input:focus{border-color:var(--brand);outline:2px solid rgb(22 128 63 / 14%);outline-offset:0}
.workspace-market-filters{display:flex;gap:0;margin:0 16px;border-bottom:1px solid var(--line)}.workspace-market-filters button{min-height:30px;padding:5px 8px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ink-soft);font-size:11px;font-weight:700}.workspace-market-filters button:hover{background:var(--subtle);color:var(--ink)}.workspace-market-filters button.is-active{border-bottom-color:var(--gold);color:var(--ink)}
.workspace-market-list{display:grid;gap:0;margin:0;padding:5px 16px;list-style:none}.workspace-market-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.workspace-market-row:last-child{border-bottom:0}.workspace-market-row[hidden]{display:none}.workspace-market-row>div{display:grid;min-width:0;gap:3px}.workspace-market-row span{color:var(--ink-soft);font:500 9px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}.workspace-market-row strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace-market-row small{overflow:hidden;color:var(--ink-soft);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.workspace-market-row button{min-width:54px;min-height:30px;padding:5px 8px;font-size:11px;box-shadow:none}.workspace-market-row .workspace-market-added{border-color:var(--line);background:var(--subtle);color:var(--brand)}.workspace-market-row .workspace-market-added:hover{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.workspace-market-empty{padding:18px 0;color:var(--ink-soft);font-size:12px}.workspace-market-link{display:block;padding:11px 16px;border-top:1px solid var(--line);color:var(--brand);font-size:12px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:800px){#skill-picker.workspace-capability-menu{left:50%;width:calc(100vw - 32px);max-height:min(320px,calc(100dvh - 170px));transform:translateX(-50%)}#skill-picker.workspace-capability-menu.workspace-market-open{right:0;bottom:calc(100% + 8px);left:0;width:auto;max-height:min(390px,calc(100dvh - 155px));transform:none}.workspace-market-row small{white-space:normal}.workspace-market-header{padding-right:14px}.workspace-market-search,.workspace-market-list{padding-right:12px;padding-left:12px}.workspace-market-filters{margin-right:12px;margin-left:12px}.workspace-market-link{padding-right:12px;padding-left:12px}}

/* Changed files are one project-facing record, never a duplicate raw event log. */
.workbench-content .work-file{border-left-color:var(--brand);background:var(--brand-bg)}.workbench-content .work-file .work-label{color:var(--brand)}.file-change-details{display:grid;gap:7px;margin-top:4px}.file-change-details>.file-change-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));background:var(--paper-light)}.file-change-item code{color:var(--ink);font:12px/1.4 'DM Mono',ui-monospace,monospace}.file-change-item span{padding:2px 5px;background:var(--subtle);color:var(--ink-soft);font:500 9px 'DM Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}.file-change-details details{margin:0;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:1px;background:var(--paper-light)}.file-change-details summary{padding:8px 10px;color:var(--ink);font:12px/1.4 'DM Mono',ui-monospace,monospace}.file-change-details details[open] summary{border-bottom:1px solid var(--line);background:var(--subtle)}