.work-launch { display:flex; align-items:center; gap:.5rem; width:100%; margin:.5rem 0; padding:.7rem 1rem; border:1px solid var(--border-color,#34394a); border-radius:.8rem; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.work-launch span:not(:empty) { border-radius:1rem; padding:.1rem .5rem; background:#a87926; color:#fff; }
.work-mode-switch { display:flex; gap:.3rem; align-items:center; }
.work-mode-switch button { border:1px solid var(--border-color,#34394a); border-radius:.6rem; background:transparent; color:inherit; padding:.35rem .6rem; cursor:pointer; }
.work-mode-switch button[aria-pressed="true"] { background:#34445d; color:#fff; }
/* Keep all controls reachable when the task switch shares a narrow composer. */
@media(max-width:650px) { .composer-bar__left { flex-wrap:wrap; } .work-mode-switch { flex-shrink:0; } }
#workWorkspaceLabel { display:flex; gap:.4rem; align-items:center; padding:.3rem .7rem; }
#workWorkspaceLabel[hidden] { display:none; }
#workWorkspace { max-width:15rem; background:var(--panel-bg,#171c27); color:inherit; border:1px solid #68758a; border-radius:.4rem; padding:.35rem; }
#taskModeHint { margin:.35rem .7rem; color:var(--muted,#a9b4c6); font-size:.82rem; }
#taskModeHint:empty { display:none; }
body[data-task-mode="work"] .composer-mode { display:none; }
.work-panel { box-sizing:border-box; width:min(1050px,96vw); max-height:90dvh; padding:1.2rem; border:1px solid #56647a; border-radius:1rem; background:var(--panel-bg,#151b26); color:var(--text-color,#edf1f8); }
.work-panel::backdrop { background:#000a; }
.work-panel header,.work-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; }
.work-panel header h2 { flex:1; margin:.3rem 0; }
.work-button { background:transparent; color:inherit; border:1px solid #65738a; border-radius:.55rem; padding:.5rem .8rem; cursor:pointer; min-height:44px; }
.work-button:focus-visible,.work-launch:focus-visible,.work-mode-switch button:focus-visible { outline:2px solid #a7cbff; outline-offset:3px; }
.work-button[aria-pressed="true"] { background:#304966; }
.work-button:disabled { opacity:.55; cursor:wait; }
.work-layout { display:grid; grid-template-columns:minmax(210px,1fr) minmax(0,2fr); gap:1rem; }
.work-job,.work-approval { padding:.8rem; margin:.6rem 0; border:1px solid #47536a; border-radius:.7rem; overflow-wrap:anywhere; }
.work-job .work-button { width:100%; text-align:left; }
.work-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.84rem; background:#0b1019; color:#edf1f8; padding:.8rem; border-radius:.5rem; max-height:40dvh; overflow:auto; }
#workEvents { padding-left:1.4rem; max-height:25dvh; overflow:auto; font-size:.85rem; }
#workEnrollForm { display:grid; gap:.6rem; }
#workEnrollForm label { display:grid; gap:.3rem; }
#workEnrollForm input,#workEnrollForm textarea { box-sizing:border-box; width:100%; padding:.6rem; border:1px solid #65738a; border-radius:.4rem; background:#101622; color:#edf1f8; }
#workExtensionForm { display:grid; gap:.6rem; }
#workStudio label { display:grid; gap:.3rem; margin:.6rem 0; }
#workStudio input:not([type="checkbox"]),#workStudio textarea,#workStudio select { box-sizing:border-box; width:100%; padding:.6rem; border:1px solid #65738a; border-radius:.4rem; background:#101622; color:#edf1f8; }
#workEditorText { font-family:ui-monospace,monospace; tab-size:2; }
#workExtensionManifest { box-sizing:border-box; width:100%; padding:.6rem; border:1px solid #65738a; border-radius:.4rem; background:#101622; color:#edf1f8; }
@media(max-width:650px) { .work-panel { width:100vw; max-width:100vw; max-height:96dvh; padding:.8rem; } .work-layout { grid-template-columns:1fr; } #workList { max-height:25dvh; overflow:auto; } .work-mode-switch { gap:.2rem; } .work-mode-switch button { padding:.35rem .45rem; } }