/* Presentation contract: quiet surfaces, readable controls, one active cue.
   Scoped specificity intentionally wins over the older layout variants. */
:root[data-interface=calm][data-theme=dark] {
  --calm-canvas:#171a1c;--calm-panel:#1d2123;--calm-hover:#272d30;
  --calm-text:#edf0ef;--calm-muted:#a8b3b1;--calm-line:#ffffff16;
}
:root[data-interface=calm][data-theme=light] {
  --calm-canvas:#fcfdfc;--calm-panel:#f3f5f4;--calm-hover:#e9eeeb;
  --calm-text:#20312d;--calm-muted:#5e716b;--calm-line:#20312d20;
}
:root[data-interface=calm][data-theme][data-workspace-design] {
  --rf-bg:var(--calm-canvas)!important;--rf-side:var(--calm-panel)!important;
  --rf-surface:var(--calm-panel)!important;--rf-text:var(--calm-text)!important;
  --rf-muted:var(--calm-muted)!important;--rf-line:var(--calm-line)!important;
  --b1x-bg:var(--calm-canvas)!important;--b1x-solid:var(--calm-canvas)!important;
  --b1x-solid-weak:var(--calm-panel)!important;--b1x-control:var(--calm-panel)!important;
  --b1x-text:var(--calm-text)!important;--b1x-muted:var(--calm-muted)!important;
  --b1x-border:var(--calm-line)!important;
}
:root[data-interface=calm] #shell#shell#shell :is(.topbar,#main,.workspace-dock,.composer-area) {
  background:var(--calm-canvas)!important;box-shadow:none!important;backdrop-filter:none!important;
}
:root[data-interface=calm] #shell#shell #sidebar {background:var(--calm-panel)!important;border-right:1px solid var(--calm-line)!important}
:root[data-interface=calm] #shell#shell #sidebar :is(button,a,input) {font-size:13px!important;letter-spacing:0!important;font-weight:450!important;box-shadow:none!important}
:root[data-interface=calm] #shell#shell #sidebar :is(button,a) {min-height:36px;border-radius:8px!important}
:root[data-interface=calm] #shell#shell #sidebar :is(.nav-group-title,.sidebar-section-label) {font-size:11px!important;font-weight:500!important;color:var(--calm-muted)!important}
:root[data-interface=calm] #shell#shell #sidebar :is(button,a):hover {background:var(--calm-hover)!important}
:root[data-interface=calm] #shell#shell #sidebar :is([aria-current=page],[aria-selected=true]) {background:var(--calm-hover)!important;color:var(--b1x-accent)!important;font-weight:600!important}
:root[data-interface=calm] #shell#shell#shell .topbar {gap:8px!important;border-bottom:1px solid var(--calm-line)!important}
:root[data-interface=calm] #shell#shell#shell .topbar :is(button,select) {font-size:13px!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important;min-height:40px!important;border-color:transparent!important;background:transparent!important}
:root[data-interface=calm] #shell#shell#shell .topbar :is(button,select):hover {background:var(--calm-hover)!important}
:root[data-interface=calm] #shell#shell#shell .topbar .workspace-project-picker strong {font-weight:500}
:root[data-interface=calm] #shell#shell#shell.dock-open .refined-header-panels {display:none!important}
:root[data-interface=calm] #shell#shell#shell .launch-home h1 {font-weight:600!important;letter-spacing:-.035em!important}
:root[data-interface=calm] #shell#shell#shell .launch-home :is(.launch-eyebrow,.launch-kicker) {display:none!important}
:root[data-interface=calm] #shell#shell#shell .launch-home p {color:var(--calm-muted)!important}
:root[data-interface=calm] #shell#shell#shell :is(.dock-panel,.task-window-content,.arena-card) {box-shadow:none!important;background:transparent!important;border-color:var(--calm-line)!important}
:root[data-interface=calm] #shell#shell#shell :is(.dock-tabs,.dock-toolbar,.dock-head,.workspace-dock>header) {background:transparent!important;box-shadow:none!important;border-color:var(--calm-line)!important}
:root[data-interface=calm] #shell#shell#shell :is(.dock-tabs,.dock-toolbar,.dock-head) button {font-size:12px!important;font-weight:500!important;min-height:40px;box-shadow:none!important}
:root[data-interface=calm] #shell#shell#shell .refined-activity-row {padding:12px 0!important}
:root[data-interface=calm] #shell#shell#shell .refined-activity-row p {margin:5px 0!important;font-size:13px!important}
:root[data-interface=calm] #shell#shell#shell .refined-activity-row:first-child {border-inline-start:2px solid var(--b1x-accent);padding-inline-start:12px!important}
:root[data-interface=calm] #shell#shell#shell .refined-header-panels .modern-workspace-command {text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
:root[data-interface=calm] #shell#shell#shell .shared-composer {background:var(--calm-panel)!important;border:1px solid var(--calm-line)!important;box-shadow:none!important;backdrop-filter:none!important}
:root[data-interface=calm] #shell#shell#shell .shared-composer :is(button,summary) {font-weight:500!important;box-shadow:none!important;min-height:44px;min-width:44px}
:root[data-interface=calm] #shell#shell#shell .shared-composer textarea {font-size:16px!important;line-height:1.5!important}

/* Shared composer states. The request controller continues to own enable/stop. */
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer {
  background:var(--calm-panel)!important;border:1px solid var(--calm-line)!important;
  box-shadow:none!important;backdrop-filter:none!important;filter:none!important;gap:6px!important;
}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer:focus-within {border-color:var(--b1x-accent)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(button,summary) {
  font-weight:500!important;font-size:13px!important;letter-spacing:0!important;
  box-shadow:none!important;filter:none!important;text-shadow:none!important;transform:none!important;
  transition:background-color 120ms ease,color 120ms ease,border-color 120ms ease!important;
}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(.composer-btn,.model-menu-trigger,.composer-presence-toggle,.calm-tools>summary):not(#composer-web-btn) {
  min-height:44px!important;height:44px!important;padding:8px!important;
  border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--calm-text)!important;
}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(.composer-btn,.calm-tools>summary):not(#composer-web-btn) {min-width:44px!important;width:44px!important;flex:0 0 44px!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(button,summary):hover:not(#composer-web-btn):not(:disabled):not([aria-disabled=true]) {background:var(--calm-hover)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(button,summary):active:not(#composer-web-btn):not(:disabled) {background:color-mix(in srgb,var(--b1x-accent) 15%,var(--calm-panel))!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is([aria-pressed=true],[aria-expanded=true]):not(#composer-web-btn) {color:var(--b1x-accent)!important;border-color:var(--calm-line)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(button:disabled,[aria-disabled=true]) {opacity:.45!important;cursor:not-allowed!important;background:transparent!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(#send,#stop) {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;border:1px solid var(--calm-line)!important;background:transparent!important;color:var(--calm-text)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer #send[data-send-state=ready] {background:var(--calm-text)!important;color:var(--calm-canvas)!important;opacity:1!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer #stop {border-color:var(--b1x-accent)!important;color:var(--b1x-accent)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer #stop>span {display:none!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer #prompt {font-size:14px!important;line-height:1.5!important;caret-color:var(--b1x-accent)}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer svg {stroke-width:1.6!important;width:19px!important;height:19px!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .model-trigger-live-dot {display:none!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .model-trigger-role-pill {background:transparent!important;border:0!important;font-size:10px!important;font-weight:400!important;color:var(--calm-muted)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .composer-presence-toggle {width:auto!important;min-width:44px!important;gap:8px!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer:is([data-presence=running],[data-presence=ready]) {min-height:54px!important;width:max-content!important;max-width:100%!important;margin:0 0 0 auto!important;padding:4px 6px!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer[data-presence=running]::before {display:none!important}
:root[data-interface=calm] #shell#shell#shell :is(button,summary,a,input,textarea,select):focus-visible {outline:2px solid var(--b1x-accent)!important;outline-offset:3px!important}

/* Secondary controls stay available in one keyboard-accessible disclosure. */
:root[data-interface=calm] .calm-tools {position:relative;flex:none}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools>summary {display:flex!important;align-items:center;justify-content:center;list-style:none;cursor:pointer;font-size:20px!important}
.calm-tools>summary::-webkit-details-marker {display:none}
:root[data-interface=calm] .calm-tools-panel {box-sizing:border-box;width:288px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--calm-line);border-radius:14px;color:var(--calm-text);background:var(--calm-panel);box-shadow:0 8px 24px #0002;overflow:auto}
:root[data-interface=calm] .calm-tools:not([open])>.calm-tools-panel {display:none!important}
:root[data-interface=calm] .calm-tools[open]>.calm-tools-panel:not(:popover-open) {position:absolute;bottom:calc(100% + 8px);right:0;z-index:110}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools-panel .composer-context-bar {display:flex!important;flex-direction:column!important;align-items:stretch!important;position:static!important;width:100%!important;gap:2px!important;margin:0!important;padding:0!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools-panel .composer-context-bar button {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-height:44px!important;height:auto!important;max-width:none!important;padding:8px!important;border:0!important;background:transparent!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools-panel .calm-control-label {display:inline!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;font-size:13px!important;font-weight:450!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools-panel .composer-secondary {display:block!important;padding-top:8px!important;border-top:1px solid var(--calm-line)!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools-panel .composer-secondary>summary {display:block!important;min-height:44px!important;padding:12px 8px!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .calm-tools-panel .composer-secondary-content {position:static!important;width:auto!important;max-height:none!important;box-shadow:none!important;background:transparent!important;border:0!important}

/* Remove continuous decorative work from the voice launchers. */
:root[data-interface=calm] #shell#shell#shell :is(#richard-launcher,#composer-live-audio,.mobile-model-cortex),
:root[data-interface=calm] #shell#shell#shell :is(#richard-launcher,#composer-live-audio,.mobile-model-cortex) * {animation:none!important;filter:none!important;box-shadow:none!important;backdrop-filter:none!important}
:root[data-interface=calm] #shell#shell#shell :is(#richard-launcher,#composer-live-audio,.mobile-model-cortex)::before,
:root[data-interface=calm] #shell#shell#shell :is(#richard-launcher,#composer-live-audio,.mobile-model-cortex)::after {display:none!important}
:root[data-interface=calm] #shell#shell#shell .neural-orb {width:23px!important;height:23px!important;position:relative!important;inset:auto!important;display:block!important;border:1px solid currentColor!important;border-radius:50%;background:transparent!important;color:var(--calm-muted)!important;transform:none!important}
:root[data-interface=calm] #shell#shell#shell .neural-orb>i {display:none!important}
:root[data-interface=calm] #shell#shell#shell .neural-orb .orb-seed {display:block!important;position:absolute!important;inset:8px!important;background:currentColor!important;border-radius:50%;opacity:.7!important;transform:none!important}
:root[data-interface=calm] #shell#shell#shell :is([data-voice-state=listening],[data-voice-state=speaking]) .neural-orb {color:var(--b1x-accent)!important;border-width:2px!important}

/* One answer toolbar; legible menus and flat output frames. */
:root[data-interface=calm] #shell#shell#shell .response-actions-toolbar {justify-content:flex-start!important;gap:6px!important;padding:10px 0!important}
:root[data-interface=calm] #shell#shell#shell .response-actions-toolbar :is(button,summary) {font:500 12px/1.4 var(--sans,system-ui)!important;min-height:40px!important;padding:8px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important}
:root[data-interface=calm] #shell#shell#shell .message-body .document-options>summary {font-style:normal!important;min-height:40px!important;padding:8px!important}
:root[data-interface=calm] #shell#shell#shell .workspace-notice {font-size:13px!important;line-height:1.5!important;padding:10px 12px!important;border-radius:10px!important;max-height:140px;overflow:auto}
:root[data-interface=calm] #shell#shell#shell .workspace-notice>span {font-size:13px!important}
:root[data-interface=calm] #shell#shell#shell .workspace-notice button {font-size:12px!important;min-height:40px!important}
:root[data-interface=calm] #shell#shell#shell .message-body[data-document-state=draft]>:last-child {animation:none!important}
:root[data-interface=calm] #shell#shell#shell .calm-delivery-active {box-shadow:-2px 0 0 color-mix(in srgb,var(--b1x-accent) 45%,transparent)!important}
:root[data-interface=calm] #shell#shell#shell .calm-delivery-arrived {animation:calm-arrival 220ms ease-out!important}
@keyframes calm-arrival {from{opacity:.82}to{opacity:1}}
:root[data-interface=calm] #workspace-execution-feed.live-execution {border:0;border-top:1px solid var(--calm-line);border-radius:0;background:var(--calm-canvas);font-size:13px;max-height:min(30dvh,260px)}
:root[data-interface=calm] .live-execution .live-ink::after {animation:none!important}
:root[data-interface=calm] .live-execution[data-delivery-pulse=true] .live-ink::after {animation:calm-ink-arrival 260ms ease-out!important}
@keyframes calm-ink-arrival {from{transform:translateX(0) rotate(20deg);opacity:.4}to{transform:translateX(16px) rotate(20deg);opacity:1}}
:root[data-interface=calm] .live-execution[data-delivery-kind=table] .live-ink {border:1px solid currentColor;border-radius:2px;background:linear-gradient(90deg,transparent 45%,currentColor 45%,currentColor 49%,transparent 49%),linear-gradient(transparent 45%,currentColor 45%,currentColor 49%,transparent 49%)}
:root[data-interface=calm] .live-execution[data-delivery-kind=diagram] .live-ink {border:1px solid currentColor;border-radius:5px}
:root[data-interface=calm] .live-execution[data-delivery-kind=chart] .live-ink {border:0;border-bottom:1px solid currentColor;background:linear-gradient(currentColor,currentColor) 2px bottom/3px 5px no-repeat,linear-gradient(currentColor,currentColor) 9px bottom/3px 10px no-repeat,linear-gradient(currentColor,currentColor) 16px bottom/3px 7px no-repeat}
:root[data-interface=calm] .live-execution[data-delivery-kind=image] .live-ink::after {width:7px;border-radius:1px 1px 4px 4px}
:root[data-interface=calm] .live-execution[data-delivery-kind=code] .live-ink {border-bottom-style:dashed}
:root[data-interface=calm] .calm-latest {display:block;margin:0 12px 8px auto!important;min-height:40px!important;background:transparent!important;font-size:12px!important}
:root[data-interface=calm] .calm-latest[hidden] {display:none!important}
:root[data-interface=calm] #shell#shell#shell .composer-area:has(.live-execution:not([hidden]))>.activity:not(:has(#undo:not([hidden]))) {display:none!important}
@media(max-width:700px) {
  :root[data-interface=calm] #shell#shell#shell .topbar {gap:4px!important;padding-inline:10px!important}
  :root[data-interface=calm] #shell#shell#shell .topbar button {min-width:44px!important;min-height:44px!important}
  :root[data-interface=calm] #shell#shell#shell .topbar :is(#richard-launcher,#inspector-toggle,.workspace-panel-controls) {display:none!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .composer-toolbar {gap:2px!important;flex-wrap:wrap!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer:is(.composer-resting,[data-presence=writing]) {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;border-radius:22px!important;height:auto!important;max-height:none!important;min-height:0!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer:is(.composer-resting,[data-presence=writing]) .composer-toolbar {width:100%!important;flex:1 0 100%!important;justify-content:flex-start!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer:is(.composer-resting,[data-presence=writing]) #prompt {flex:1 0 100%!important;width:100%!important;min-width:0!important;padding:8px 10px!important;min-height:40px!important;max-height:160px!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .composer-model-control {width:auto!important;flex:1 1 70px!important;min-width:70px!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:0!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer .model-menu-trigger {width:auto!important;min-width:70px!important;max-width:140px!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer :is(.model-trigger-role-pill,.model-trigger-chevron) {display:none!important}
  :root[data-interface=calm] #shell#shell#shell .refined-mobile-nav button {font-size:11px!important;font-weight:500!important;background:transparent!important;min-height:48px!important}
  :root[data-interface=calm] #shell#shell#shell .refined-mobile-nav {box-shadow:none!important;background:var(--calm-canvas)!important;border-color:var(--calm-line)!important}
  :root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer.expanded #prompt {min-height:min(180px,30dvh)!important;max-height:40dvh!important}
}
@media(prefers-reduced-motion:reduce) {
  :root[data-interface=calm] #shell#shell#shell .calm-delivery-arrived,
  :root[data-interface=calm] .live-execution[data-delivery-pulse=true] .live-ink::after {animation:none!important}
}
:root[data-interface=calm][data-motion=reduced] #shell#shell#shell .calm-delivery-arrived,
:root[data-interface=calm][data-motion=reduced] .live-execution[data-delivery-pulse=true] .live-ink::after {animation:none!important}
:root[data-interface=calm] .live-execution[data-paused=true] .live-ink::after {animation:none!important}

/* Compact navigation, shared execution drawer and honest conversation states. */
.control-vector {width:18px;height:18px;flex:none;vertical-align:middle}
:root[data-interface=calm] #shell#shell#shell .sidebar-activity {display:flex!important;align-items:center;gap:10px;min-height:36px;width:100%;padding:6px 12px;color:var(--b1x-text);background:transparent;border:0;text-align:left}
:root[data-interface=calm] #shell#shell#shell .sidebar-tools {display:flex!important;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:13px!important;min-height:36px}
:root[data-interface=calm] #shell#shell#shell .sidebar-tools kbd {display:none}
:root[data-interface=calm] #shell#shell#shell .conversation-live-state {font:500 10px/1.3 var(--sans);color:var(--b1x-muted);margin-left:auto;max-width:64px;overflow:hidden;text-overflow:ellipsis}
:root[data-interface=calm] #shell#shell#shell #history>button {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 8px!important;padding:7px 10px!important}
:root[data-interface=calm] #shell#shell#shell #history .history-title {grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-interface=calm] #shell#shell#shell #history .history-run-state {grid-column:2;grid-row:1;font-size:10px;color:var(--b1x-muted)}
:root[data-interface=calm] #shell#shell#shell #history .history-mode {display:none}
:root[data-interface=calm] #shell#shell#shell #history time {grid-column:1/-1;font-size:10px;color:var(--b1x-muted)}
:root[data-interface=calm] #shell#shell#shell .recent-work-list {display:grid!important;gap:0!important;border:0!important;border-radius:0!important}
:root[data-interface=calm] #shell#shell#shell .recent-work-entry {border:0!important;border-bottom:1px solid var(--calm-line)!important;border-radius:0!important;margin:0!important;padding:0!important;background:transparent!important}
:root[data-interface=calm] #shell#shell#shell .recent-work-entry>button {display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;padding:6px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;font:450 13px/1.4 var(--sans)!important;box-shadow:none!important}
:root[data-interface=calm] #shell#shell#shell .recent-work-entry>button>span {flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:450!important}
:root[data-interface=calm] #shell#shell#shell .recent-work-entry svg {width:16px!important;height:16px!important;stroke-width:1.5!important;flex:none}
:root[data-interface=calm] #shell#shell#shell .recent-run-state {font-size:10px!important;font-weight:500!important;white-space:nowrap;color:var(--b1x-muted);display:flex;align-items:center;gap:5px}
:root[data-interface=calm] :is(.recent-run-state,.history-run-state,.conversation-live-state)::before {content:'';display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:currentColor}
:root[data-interface=calm] :is(.recent-run-state,.history-run-state,.conversation-live-state):is([data-state=running],[data-state=streaming],[data-state=reviewing],[data-state=merging]) {color:var(--b1x-accent)!important}
:root[data-interface=calm] :is(.recent-run-state,.history-run-state,.conversation-live-state):is([data-state=failed],[data-state=partial],[data-state=interrupted]) {color:var(--amber,#ac7333)!important}
:root[data-interface=calm] #shell#shell#shell .conversation-fold .control-vector {width:12px;height:12px;transform:rotate(90deg)}
:root[data-interface=calm] #shell#shell#shell .conversation-fold[aria-expanded=false] .control-vector {transform:none}
:root[data-interface=calm] #shell#shell#shell #sidebar :is(summary,#projects-toggle)::before {content:''!important;display:inline-block!important;width:5px!important;height:5px!important;min-width:5px!important;border:solid currentColor!important;border-width:0 1.4px 1.4px 0!important;transform:rotate(-45deg);margin:0 7px 1px 2px!important;background:none!important;font-size:0!important}
:root[data-interface=calm] #shell#shell#shell #sidebar :is(details[open]>summary,#projects-toggle[aria-expanded=true])::before {transform:rotate(45deg)}
:root[data-interface=calm] .model-trigger-chevron .control-vector {width:12px!important;height:12px!important;transform:rotate(90deg)}

:root[data-interface=calm] #shell#shell#shell #task-activity-window {position:fixed!important;left:8px!important;right:auto!important;top:68px!important;bottom:8px!important;width:min(340px,calc(100vw - 16px))!important;height:auto!important;max-height:calc(100dvh - 76px)!important;border:1px solid var(--calm-line)!important;border-radius:12px!important;padding:0!important;box-shadow:0 8px 24px #0002!important;background:var(--calm-canvas)!important;z-index:240!important;transform:none!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window :is(.task-window-tabs,.task-window-context,.task-window-section-heading,.task-window-cortex,.task-window-composer,.task-window-heading small,.monitor-controls) {display:none!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window .task-window-header {padding:10px 12px!important;min-height:40px!important;background:transparent!important;border-bottom:1px solid var(--calm-line)!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window .task-window-heading strong {font-size:14px!important;font-weight:550!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window .task-window-content {display:block!important;padding:10px 12px!important;overflow:auto!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window :is(.task-window-activity,.task-window-monitor,.activity-log) {display:block!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;max-height:none!important}
:root[data-interface=calm] #task-activity-window .execution-controls {display:flex;flex-wrap:wrap;gap:6px;background:transparent!important;padding:0!important}
:root[data-interface=calm] #task-activity-window :is(button,select,summary) {font:500 12px/1.4 var(--sans)!important;min-height:36px!important;padding:6px 8px!important;box-shadow:none!important}
:root[data-interface=calm] #task-activity-window .execution-controls select {width:100%;max-width:100%}
:root[data-interface=calm] #task-activity-window :is(.execution-status,.execution-progress,.execution-active-work) {font-size:12px;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}
:root[data-interface=calm] #task-activity-window :is(.execution-options,.execution-extra) {width:100%;margin-top:6px}
:root[data-interface=calm] #task-activity-window .execution-events {max-height:none!important;padding:0!important;font-size:12px!important}
:root[data-interface=calm] #task-activity-window .execution-events>li {border:0!important;border-bottom:1px solid var(--calm-line)!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:6px 0!important}
:root[data-interface=calm] #task-activity-window .execution-events pre {white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:11px}
:root[data-interface=calm] #task-activity-window #task-monitor>summary {display:none!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window #task-monitor {display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window #task-monitor::details-content {display:block!important;flex:none!important;height:auto!important;overflow:visible!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window .activity-log {flex:none!important;height:auto!important}
:root[data-interface=calm] #shell#shell#shell#shell .topbar .mobile-model-cortex {display:none!important}
:root[data-interface=calm] #shell#shell#shell .topbar :is(.mobile-model-cortex,[data-modern-panel=Activity]) {display:none!important}
:root[data-interface=calm] #shell#shell#shell .topbar #richard-launcher {display:inline-flex!important}
:root[data-interface=calm] .task-window-scrim {background:#0002!important;backdrop-filter:none!important}

/* Model options stay beside model choice. Only the selected view is shown. */
:root[data-interface=calm] .model-view-btn {display:inline-flex!important;align-items:center;gap:5px;font:500 11px/1.3 var(--sans)!important;min-height:32px!important}
:root[data-interface=calm] .model-view-btn .control-vector {width:12px;height:12px}
:root[data-interface=calm] .model-composer-options {display:block!important;width:100%;padding:8px 0;border-top:1px solid var(--b1x-border);font:12px/1.5 var(--sans)}
:root[data-interface=calm] .model-composer-options>summary {display:flex!important;align-items:center;gap:6px;cursor:pointer;min-height:40px;font:500 12px var(--sans)!important;list-style:none}
:root[data-interface=calm] .model-composer-options>summary::before {content:'';width:10px;height:10px;border:1px solid currentColor;border-radius:3px}
:root[data-interface=calm] .model-composer-options>summary::after {content:none!important}
:root[data-interface=calm] .model-composer-options .composer-secondary-content {position:static!important;display:grid;gap:8px;width:auto!important;max-width:none!important;box-shadow:none!important;background:transparent!important;padding:8px 0!important;border:0!important}
:root[data-interface=calm] .model-composer-options :is(button,input,select) {min-height:36px;font-size:12px!important}
:root[data-interface=calm] .model-composer-options .composer-output-label {display:grid;grid-template-columns:1fr 1fr;gap:5px;border:0;margin:0;padding:0}
:root[data-interface=calm] .model-composer-options button svg {width:18px;height:18px}
:root[data-interface=calm] #shell#shell#shell #composer#composer#composer#composer#composer#composer:focus-within {border-color:var(--b1x-accent)!important;box-shadow:none!important}
:root[data-interface=calm] #shell#shell#shell #composer#composer#composer#composer#composer#composer #prompt:focus-visible {outline:none!important;box-shadow:none!important}
:root[data-interface=calm] #shell#shell#shell :is(#composer-live-audio,#richard-launcher,.mobile-model-cortex) {display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important}
:root[data-interface=calm] #shell#shell#shell :is(#composer-live-audio,#richard-launcher,.mobile-model-cortex)>svg {display:block!important;width:20px!important;height:20px!important;stroke-width:1.6!important}
:root[data-interface=calm] #shell#shell#shell :is(#composer-live-audio,#richard-launcher,.mobile-model-cortex)>.neural-orb {display:none!important}
:root[data-interface=calm] #shell#shell#shell :is(#composer-live-audio,#richard-launcher)[data-voice-state=listening],
:root[data-interface=calm] #shell#shell#shell :is(#composer-live-audio,#richard-launcher)[data-voice-state=speaking] {color:var(--b1x-accent)!important}

/* A single floating orb. All optional controls are behind its context menu. */
:root[data-interface=calm] body #floating-companion.single-orb {width:88px!important;min-width:88px!important;height:88px!important;min-height:88px!important;max-height:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
:root[data-interface=calm] body #floating-companion.single-orb :is(.cortex-quickbar,.dialog-close,.character-video,.cortex-setup-toggle,h2,.companion-voice-state,.companion-reply,.companion-replay) {display:none!important}
:root[data-interface=calm] body #floating-companion.single-orb .cortex-orbit-controls {width:88px!important;height:88px!important;min-height:88px!important;padding:0!important;background:transparent!important;border:0!important}
:root[data-interface=calm] body #floating-companion.single-orb .cortex-control {position:relative!important;inset:auto!important;width:88px!important;height:88px!important;min-width:88px!important;min-height:88px!important;margin:0!important;padding:0!important;transform:none!important;animation:none!important;box-shadow:none!important;background:transparent!important;border:0!important}
:root[data-interface=calm] body #floating-companion.single-orb .cortex-control :is(img,i),
:root[data-interface=calm] body #floating-companion.single-orb .cortex-control::before,
:root[data-interface=calm] body #floating-companion.single-orb .cortex-control::after {display:none!important}
:root[data-interface=calm] body #floating-companion.single-orb .cortex-control>.neural-orb {position:absolute!important;inset:8px!important;width:72px!important;height:72px!important;border-radius:50%!important;border:1px solid color-mix(in srgb,var(--b1x-accent) 40%,transparent)!important;background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--b1x-accent) 35%,var(--calm-canvas)),var(--calm-panel) 75%)!important;filter:none!important;animation:none!important;box-shadow:none!important;transform:scale(calc(1 + var(--orb-level,0)*.025))!important}
:root[data-interface=calm] .orb-context-menu {box-sizing:border-box;width:210px;padding:6px;border:1px solid var(--b1x-border);border-radius:12px;background:var(--calm-panel);color:var(--b1x-text);box-shadow:0 6px 20px #0002}
:root[data-interface=calm] .orb-context-menu[hidden] {display:none!important}
:root[data-interface=calm] .orb-context-menu button {display:block;width:100%;padding:10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;min-height:40px;font:13px/1.4 var(--sans)}
:root[data-interface=calm] .orb-context-menu button:hover {background:var(--calm-hover)}
:root[data-interface=calm] body #floating-companion.single-orb:has(.cortex-text:not([hidden])) {width:min(340px,calc(100vw - 24px))!important;height:auto!important;max-height:80dvh!important;background:var(--calm-panel)!important;border:1px solid var(--b1x-border)!important;border-radius:16px!important;padding:12px!important;overflow:auto!important}
:root[data-interface=calm] body #floating-companion.single-orb:has(.cortex-text:not([hidden])) .companion-reply:not([hidden]) {display:block!important}

/* Manual resizing supplements automatic sizing; it never changes prompt data. */
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer[data-manual-size=true]:not([data-presence=running]):not([data-presence=ready]) {display:flex!important;flex-direction:column!important;width:min(var(--composer-manual-width),100%)!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;margin-inline:auto!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer[data-manual-size=true]:not([data-presence=running]):not([data-presence=ready]) #prompt {width:100%!important;min-height:44px!important;height:var(--prompt-height)!important;max-height:var(--prompt-height)!important;flex:none!important;overflow:auto!important}
:root[data-interface=calm] #shell #composer#composer#composer#composer#composer#composer[data-manual-size=true] .composer-toolbar {width:100%!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.composer-resize-handle {position:absolute;z-index:4;touch-action:none;opacity:0}
#composer:is(:hover,:focus-within) .composer-resize-handle {opacity:1}
.composer-resize-handle:focus-visible {outline:2px solid var(--b1x-accent);opacity:1}
.composer-resize-handle[data-edge=n],.composer-resize-handle[data-edge=s] {height:8px;left:24px;right:24px;cursor:ns-resize}
.composer-resize-handle[data-edge=n] {top:-4px}.composer-resize-handle[data-edge=s] {bottom:-4px}
.composer-resize-handle[data-edge=e],.composer-resize-handle[data-edge=w] {width:8px;top:24px;bottom:24px;cursor:ew-resize}
.composer-resize-handle[data-edge=e] {right:-4px}.composer-resize-handle[data-edge=w] {left:-4px}
.composer-resize-handle:is([data-edge=ne],[data-edge=nw],[data-edge=se],[data-edge=sw]) {width:14px;height:14px;border-radius:50%;background:color-mix(in srgb,var(--b1x-muted) 15%,transparent)}
.composer-resize-handle[data-edge=ne] {right:-3px;top:-3px;cursor:nesw-resize}.composer-resize-handle[data-edge=nw] {left:-3px;top:-3px;cursor:nwse-resize}
.composer-resize-handle[data-edge=se] {right:-3px;bottom:-3px;cursor:nwse-resize}.composer-resize-handle[data-edge=sw] {left:-3px;bottom:-3px;cursor:nesw-resize}
:root[data-interface=calm] #shell#shell#shell #task-activity-window {bottom:auto!important}
:root[data-interface=calm] #shell#shell#shell #task-activity-window .task-window-content {max-height:calc(100dvh - 150px)!important}
:root[data-interface=calm] #task-activity-window .execution-status:empty {display:none}
:root[data-interface=calm] #shell#shell#shell summary {list-style:none!important}
:root[data-interface=calm] #shell#shell#shell summary::-webkit-details-marker {display:none!important}
:root[data-interface=calm] #shell#shell#shell :is(#task-activity-window,.launch-explore) summary::before {content:''!important;display:inline-block!important;width:5px!important;height:5px!important;border:solid currentColor!important;border-width:0 1.4px 1.4px 0!important;transform:rotate(-45deg);margin-right:9px!important;background:none!important}
:root[data-interface=calm] #shell#shell#shell :is(#task-activity-window,.launch-explore) details[open]>summary::before {transform:rotate(45deg)}
@media(max-width:700px){
 :root[data-interface=calm] #shell#shell#shell #task-activity-window {top:56px!important;max-height:calc(100dvh - 128px)!important}
 :root[data-interface=calm] #shell#shell#shell #task-activity-window .task-window-content {max-height:calc(100dvh - 180px)!important}
 :root[data-interface=calm] #shell#shell#shell .topbar :is(.mobile-model-cortex,#topbar-new-chat) {display:none!important}
 :root[data-interface=calm] #shell#shell#shell .recent-work-entry>button {min-height:44px!important;font-size:12px!important}
}

/* Workspace location is shared across desktop and phone-sized web views. */
.workspace-location-dialog {width:min(520px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:22px;border:1px solid var(--b1x-border,#52615a);border-radius:14px;background:var(--b1x-solid,#18211d);color:var(--b1x-text,#e4ece7);font:13px/1.65 var(--sans,sans-serif)}
.workspace-location-dialog h2 {font-size:17px;font-weight:600}
.workspace-location-address {overflow-wrap:anywhere;font-weight:600}
.workspace-location-actions {display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.workspace-location-actions :is(button,a) {min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;box-sizing:border-box;font:inherit}
.workspace-location-dialog :focus-visible {outline:2px solid var(--b1x-accent,#8fc9b0);outline-offset:3px}
