body { background: var(--bg); }
.aurora { display: none; }
.glass-card { background: var(--paper); border: 1px solid var(--line); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.topbar { border-radius: 12px; padding: 12px 18px; gap: 16px; }
.brand-mark { width: 36px; height: 36px; object-fit: cover; border-radius: 10px; }
.brand-copy h1 { font-size: 1.25rem; letter-spacing: 0; }
.hub-nav { display: flex; align-items: center; gap: 16px; margin-left: auto; font-size: .875rem; }
.hub-nav a { text-decoration: none; }
.hub-menu { position: relative; }
.hub-menu summary { cursor: pointer; padding: 10px 0; }
.hub-menu > div { position: absolute; top: 100%; right: 0; z-index: 10; display: grid; gap: 8px; padding: 16px; min-width: 180px; background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow); border-radius: 12px; }
.hub-menu a { padding: 8px 0; }
.department-panel, .quest-panel, .settings-panel { border-radius: 12px; }
.department-panel { background: var(--bg); }
.department-button { box-shadow: none; background: transparent; border: 1px solid transparent; border-radius: 8px; }
.department-button.selected, .department-button:hover { background: var(--selection); border-color: var(--line); box-shadow: none; }
.quest-header { padding: 12px 20px; grid-template-columns: minmax(0,1fr) auto; }
.quest-header h2 { font-size: 1.1rem; }
.department-emblem, #department-mission { display: none; }
.execution-details { padding: 0 20px; border-bottom: 1px solid var(--line); }
.execution-details > summary, .project-location > summary { color: var(--muted); cursor: pointer; font-size: .8rem; padding: 9px 0; }
.execution-details[open] { max-height: 220px; overflow: auto; }
.operation-ribbon { background: transparent; padding: 8px 0; gap: 8px; }
.operation-item { background: var(--panel-strong); color: var(--text); border-color: var(--line); font-size: .8rem; }
.execution-meters { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 10px; }
.execution-meters .server-meter, .execution-meters .model-pact { display: flex; font-size: .8rem; color: var(--muted); }
.project-controls { padding: 8px 20px; gap: 8px; display: flex; flex-wrap: wrap; align-items: center; }
.project-controls > label { flex: 1; }
.project-controls .run-actions { width: auto; }
#run-progress { flex-basis: 100%; color: var(--muted); }
.guard-card small { color: var(--muted); font-size: .75rem; }
.operation-item.dispatch, .operation-item.reasoning, .operation-item.completion, .operation-item.round-trips { color: var(--text); }
.state-chip { max-width: none; white-space: normal; }
.project-location { flex: 1; min-width: 100px; }
.project-controls button, .project-controls select { padding: 7px 10px; background: var(--paper); color: var(--text); border: 1px solid var(--control-border); border-radius: 8px; font-size: .8rem; }
.workbench-tabs { display: flex; align-items: center; gap: 6px; padding: 8px 18px; border-bottom: 1px solid var(--line); }
.workbench-tabs button { background: transparent; border: 1px solid transparent; color: var(--muted); border-radius: 8px; padding: 8px 12px; white-space: nowrap; font-size: .85rem; }
.workbench-tabs button[aria-pressed="true"] { background: var(--selection); color: var(--accent); border-color: var(--accent); }
.chat-search { margin-left: auto; min-width: 44px; position: relative; }
.chat-search summary { padding: 10px; cursor: pointer; color: var(--muted); font-size: .85rem; }
.chat-search label { position: absolute; z-index: 4; width: 260px; right: 0; top: 100%; padding: 10px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
.chat-search input { width: 100%; padding: 9px; border: 1px solid var(--control-border); border-radius: 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.chat { background: var(--paper); scroll-behavior: auto; }
.message { max-width: min(100%,760px); width: 100%; border: 0; box-shadow: none; border-radius: 12px; padding: 16px; }
.message.codex, .message.claude, .message.system { background: transparent; border: 0; }
.message.user { background: var(--selection); border: 0; max-width: min(90%,680px); }
.message.system { color: var(--muted); }
.message.user .message-bubble, .message.codex .message-bubble, .message.claude .message-bubble { background: transparent; border: 0; padding: 0; font-size: 1rem; line-height: 1.85; }
.message-head { flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.message-head strong { color: var(--text); }
.message-head time { color: var(--muted); }
.message-avatar { box-shadow: none; }
.message-copy-button, .message-voice-button { background: transparent; color: var(--muted); border: 0; white-space: nowrap; font-size: .8rem; }
.message-metadata { font-size: .8rem; color: var(--muted); }
.message-metadata summary { cursor: pointer; padding: 10px 4px; }
.message-metadata span { margin-right: 8px; }
.message-engine-badge, .message-intent-badge, .message-persona-badge { background: var(--panel-strong); color: var(--muted); border-color: var(--line); }
.empty-state { min-height: 180px; padding: 20px; }
.big-orb { box-shadow: none; width: 56px; height: 56px; border-radius: 18px; }
.chat-latest { align-self: center; margin: 8px; background: var(--selection); color: var(--accent); border: 1px solid var(--accent); border-radius: 20px; padding: 8px 15px; }
.result-spotlight { display: flex; align-items: center; gap: 12px; margin: 8px 18px; padding: 10px 14px; background: var(--selection); border: 1px solid var(--line); border-radius: 10px; }
.result-spotlight > div { flex: 1; min-width: 0; }
.result-spotlight small { display: block; font-size: .8rem; color: var(--muted); }
.result-spotlight strong { display: block; font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-spotlight button { background: transparent; color: var(--accent); border: 0; padding: 8px; }
.quest-panel[data-view="chat"] > .deliverables, .quest-panel[data-view="chat"] > .log-panel { display: none; }
.quest-panel:not([data-view="chat"]) > .chat, .quest-panel:not([data-view="chat"]) > .chat-latest, .quest-panel:not([data-view="chat"]) > .shared-files, .quest-panel:not([data-view="chat"]) > .result-spotlight { display: none; }
.quest-panel[data-view="outputs"] > .log-panel, .quest-panel[data-view="logs"] > .deliverables { display: none; }
.quest-panel[data-view="outputs"] > .deliverables, .quest-panel[data-view="logs"] > .log-panel { flex: 1; min-height: 160px; max-height: none; overflow: auto; margin: 0; padding: 20px; }
.quest-panel[data-view="logs"] > .log-panel { order: 0; }
.quest-panel:not([data-view="chat"]) > .composer { order: 1; }
.deliverable-list { max-height: none; }
.deliverable-item { grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 14px; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; }
.deliverable-item small, .deliverable-item span { overflow-wrap: anywhere; }
.composer { background: var(--paper); padding: 12px 18px; }
.composer textarea { background: var(--paper); border-color: var(--control-border); box-shadow: none; border-radius: 10px; font-size: 1rem; }
.send-button { background: var(--accent); color: var(--on-accent); box-shadow: none; border: 0; }
.settings-panel { background: var(--paper); box-shadow: var(--shadow); }
.settings-panel > .section-heading { background: var(--paper); }
.settings-panel[aria-hidden="true"] { visibility: hidden; opacity: 0; pointer-events: none; transition: none; }
.model-update-card { padding: 14px; background: var(--panel-strong); border-radius: 10px; border: 1px solid var(--line); }
.model-update-card p, .model-update-card small { font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
.model-update-card small { display: block; color: var(--muted); }
.model-update-card button { padding: 9px; margin: 4px 0; border: 1px solid var(--line); border-radius: 8px; }
.artifact-review { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.artifact-metadata { color: var(--muted); font-size: .8rem; }
.artifact-metadata summary { cursor: pointer; padding: 8px 0; }
.artifact-content { background: var(--paper); }
@media (min-width: 1000px) {
  .workspace-grid { grid-template-columns: 190px minmax(0,1fr); height: calc(100dvh - 114px); min-height: 560px; align-items: stretch; }
  .department-panel { overflow-y: auto; min-height: 0; }
  .quest-panel { display: flex; flex-direction: column; min-height: 0; }
  .quest-panel > * { flex-shrink: 0; }
  .quest-panel > .chat { flex: 1; min-height: 120px; max-height: none; overflow-y: auto; padding: 16px clamp(16px,3vw,48px); }
  .shared-files { max-height: 80px; overflow-y: auto; }
}
@media (min-width: 1200px) {
  body.review-open .workspace-grid { grid-template-columns: 170px minmax(0,1fr) minmax(320px,.85fr); }
  .artifact-review { position: relative; top: 0; height: 100%; min-height: 0; align-self: stretch; }
}
@media (max-width: 999px) {
  .quest-panel { display: flex; flex-direction: column; min-height: 0; }
  .quest-header { padding: 10px 12px; }
  .quest-header h2 { white-space: nowrap; }
  .quest-header-actions { flex-wrap: wrap; }
  .quest-header-actions { grid-column: 1 / -1; }
  .execution-details { padding: 0 12px; }
  .project-controls { padding: 8px 12px; }
  .workbench-tabs { padding: 6px 10px; flex-wrap: wrap; }
  .workbench-tabs button { padding: 8px; }
  .chat-search { flex: 0 0 auto; }
  .chat { min-height: 240px; max-height: 55dvh; padding: 12px; }
  .message { padding: 12px 6px; }
  .message.user { padding: 12px; }
  .message-head { gap: 6px; }
  .result-spotlight { margin: 8px 10px; padding: 8px; }
  .result-spotlight button { max-width: 130px; text-align: right; }
  .composer { padding: 10px; }
  .deliverable-item { display: flex; flex-wrap: wrap; }
  .deliverable-item > div { flex: 1 1 100%; }
  .deliverable-item button { flex: 1; }
  body.review-open .quest-panel > .chat, body.review-open .quest-panel > .deliverables, body.review-open .quest-panel > .log-panel, body.review-open .result-spotlight { display: none; }
  .artifact-review { max-height: none; height: 55dvh; min-height: 300px; }
}
@media (max-width: 760px) {
  .ui-workbench .app-shell { height: 100dvh; min-height: 740px; display: flex; flex-direction: column; padding: 8px; }
  .ui-workbench .workspace-grid { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
  .ui-workbench .department-panel { flex-shrink: 0; padding: 8px; }
  .ui-workbench .department-button { padding: 6px; min-width: auto; }
  .ui-workbench .mini-emblem { width: 26px; height: 26px; }
  .ui-workbench .quest-panel { flex: 1; min-height: 0; }
  .ui-workbench .quest-panel > * { flex-shrink: 0; }
  .ui-workbench .quest-panel > .chat { flex: 1; min-height: 100px; max-height: none; }
  .ui-workbench .quest-header { padding: 8px 12px; gap: 6px; }
  .ui-workbench .workbench-tabs { flex-wrap: nowrap; gap: 2px; padding: 4px 6px; }
  .ui-workbench .workbench-tabs button { font-size: .8rem; padding: 8px; }
  .ui-workbench .composer { position: static; }
  .ui-workbench .result-spotlight { margin: 4px 8px; padding: 4px 8px; }
  .ui-workbench .result-spotlight button { max-width: none; font-size: .8rem; }
  .ui-workbench .artifact-review { flex: 1; height: auto; min-height: 180px; }
  .ui-workbench .topbar { padding: 10px; gap: 8px; flex-wrap: wrap; }
  .brand-copy h1 { font-size: 1rem; }
  .hub-nav { gap: 12px; font-size: .8rem; }
  .ui-workbench .theme-control { margin-left: auto; }
  .ui-workbench .topbar > .server-meter { display: flex; order: 5; flex-basis: 100%; justify-content: flex-start; font-size: .8rem; }
  .quest-header-actions .state-chip { max-width: none; white-space: normal; }
  .voice-command-toggle { font-size: .8rem; }
  .voice-command-toggle span { display: inline; }
  .project-location { flex-basis: 100%; }
  .message-metadata summary { min-height: 44px; display: flex; align-items: center; }
}