/* Compact public descriptions: provider identities stay outside B1Xagi modes. */
:root[data-theme] body .model-menu-trigger{display:inline-flex!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:108px!important;max-width:168px!important;height:32px!important;min-height:32px!important;padding:4px 8px!important;border-radius:999px!important;background:linear-gradient(125deg,color-mix(in srgb,var(--b1x-accent) 14%,var(--b1x-control)),var(--b1x-control))!important;border:1px solid color-mix(in srgb,var(--b1x-accent) 48%,var(--b1x-border))!important;box-shadow:0 2px 10px -3px color-mix(in srgb,var(--b1x-accent) 30%,transparent),inset 0 1px 0 #ffffff14!important;white-space:nowrap!important}
:root[data-theme] body #shell #composer#composer#composer#composer .composer-model-control{width:auto!important;min-width:108px!important;max-width:168px!important;flex:0 0 auto!important;overflow:visible!important}
:root[data-theme] body #shell #composer#composer#composer#composer .composer-model-control .model-menu-trigger{width:100%!important;min-width:108px!important;max-width:168px!important;padding:4px 8px!important;gap:5px!important}
.model-trigger-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981cc;flex:0 0 6px;animation:b1xModelDotPulse 2.2s ease-in-out infinite}
@keyframes b1xModelDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.86)}}
.model-trigger-logo{width:18px;height:18px;flex:0 0 18px;object-fit:contain;filter:drop-shadow(0 0 4px #61c4ed55)}
.model-trigger-provider-mark{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px;border-radius:50%;background:color-mix(in srgb,var(--b1x-accent) 22%,transparent);border:1px solid color-mix(in srgb,var(--b1x-accent) 45%,transparent);color:var(--b1x-accent);font:700 9.5px/1 var(--mono,monospace)}
:root[data-theme] body .model-menu-trigger .model-trigger-mode,:root[data-theme] body .model-menu-trigger .model-trigger-name{display:inline-block!important;font:650 11.5px/1.2 var(--sans,system-ui)!important;background:none;padding:0;color:var(--b1x-text)!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:88px}
.model-trigger-role-pill{display:inline-flex!important;align-items:center;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--b1x-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--b1x-accent) 42%,transparent);color:var(--b1x-accent);font:700 8.5px/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.04em;text-transform:uppercase;flex:0 0 auto}
.model-trigger-chevron{font-size:9.5px;opacity:.75;color:var(--b1x-muted);margin-left:auto;flex:0 0 auto}

/* Composer Activity Row Active Model Telemetry Pill */
.composer-area>.activity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#composer-selected-model-pill{display:inline-flex!important;align-items:center;gap:5px;min-height:22px!important;padding:2px 8px!important;border-radius:999px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--b1x-accent) 14%,var(--b1x-control)),color-mix(in srgb,var(--b1x-control) 92%,transparent))!important;border:1px solid color-mix(in srgb,var(--b1x-accent) 42%,var(--b1x-border))!important;color:var(--b1x-text)!important;font:500 10.5px/1.2 var(--sans,system-ui)!important;cursor:pointer;box-shadow:0 0 12px -4px color-mix(in srgb,var(--b1x-accent) 40%,transparent)!important;transition:border-color .18s,box-shadow .18s,transform .18s;flex:0 0 auto;white-space:nowrap;pointer-events:auto}
#composer-selected-model-pill:hover{border-color:var(--b1x-accent)!important;box-shadow:0 0 14px -2px color-mix(in srgb,var(--b1x-accent) 55%,transparent)!important}
#composer-selected-model-pill .csmp-dot{width:6px;height:6px;border-radius:50%;background:var(--b1x-accent);box-shadow:0 0 7px var(--b1x-accent);flex:0 0 6px}
#composer-selected-model-pill .csmp-prefix{font:700 8.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.08em;color:var(--b1x-muted);text-transform:uppercase}
#composer-selected-model-pill .csmp-name{font:650 10.5px/1.1 var(--sans,system-ui);color:var(--b1x-text)}
#composer-selected-model-pill .csmp-badge{padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--b1x-accent) 20%,transparent);color:var(--b1x-accent);font:700 8.5px/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.05em}
#composer-selected-model-pill.csmp-pulse{animation:b1xModelLockPulse .75s cubic-bezier(.22,1,.36,1)}
@keyframes b1xModelLockPulse{0%{transform:scale(.95);box-shadow:0 0 0 0 color-mix(in srgb,var(--b1x-accent) 70%,transparent)}50%{transform:scale(1.04);box-shadow:0 0 18px 3px color-mix(in srgb,var(--b1x-accent) 45%,transparent)}100%{transform:scale(1)}}

/* Futuristic Composer Activity Strip */
:root[data-theme] body #composer-activity{display:inline-flex;align-items:center;gap:6px;font:500 11px/1.3 var(--sans,system-ui);color:var(--b1x-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme] body #composer-activity[data-exec-active=true]{color:var(--b1x-text);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--b1x-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--b1x-accent) 35%,transparent)}
.composer-activity-model{font:700 9.5px/1 var(--mono,ui-monospace,monospace);color:var(--b1x-accent);letter-spacing:.04em;text-transform:uppercase;flex:0 0 auto}
.composer-activity-stage{padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--b1x-accent) 20%,transparent);color:var(--b1x-accent);font:700 9px/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.05em;flex:0 0 auto}
.composer-activity-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Futuristic Continuous Prompt Update & Live Steering HUD */
:root[data-theme] body #shell #composer#composer #composer-live-update-bar:not([hidden]),#composer-live-update-bar:not([hidden]){position:absolute!important;bottom:calc(100% + 34px);left:12px;right:12px;z-index:28;display:flex!important;flex-direction:column;gap:6px;padding:7px 11px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--b1x-solid,#0b1520) 95%,var(--b1x-accent,#00f2fe)),color-mix(in srgb,var(--b1x-solid,#0b1520) 96%,transparent));border:1px solid color-mix(in srgb,var(--b1x-accent,#00f2fe) 45%,var(--b1x-border,#283a48));box-shadow:0 10px 28px -8px #0009,0 0 18px -6px color-mix(in srgb,var(--b1x-accent,#00f2fe) 45%,transparent);backdrop-filter:blur(16px);pointer-events:auto;transition:opacity .18s,transform .18s}
:root[data-theme] body #shell #composer#composer #composer-live-update-bar[hidden],#composer-live-update-bar[hidden]{display:none!important}
.club-main-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.club-status-group{display:inline-flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto}
.club-beacon{width:8px;height:8px;border-radius:50%;background:var(--b1x-accent,#00f2fe);box-shadow:0 0 10px var(--b1x-accent,#00f2fe);animation:b1xModelDotPulse 1.3s ease-in-out infinite;flex:0 0 8px}
.club-title{font:700 9.5px/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--b1x-accent,#00f2fe);flex:0 0 auto}
.club-state-note{font:500 11px/1.25 var(--sans,system-ui);color:var(--b1x-text,#e8f1f5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.club-queue-count{padding:1.5px 6px;border-radius:999px;background:color-mix(in srgb,var(--b1x-accent,#00f2fe) 22%,transparent);border:1px solid color-mix(in srgb,var(--b1x-accent,#00f2fe) 48%,transparent);color:var(--b1x-accent,#00f2fe);font:700 9px/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.05em;flex:0 0 auto}
.club-actions{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;flex:0 0 auto}
.club-btn{display:inline-flex!important;align-items:center;gap:4px;min-height:24px!important;height:24px!important;padding:2px 8px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--b1x-border,#2c4050) 85%,transparent)!important;background:color-mix(in srgb,var(--b1x-control,#14222e) 90%,transparent)!important;color:var(--b1x-text,#eaf4f8)!important;font:600 10px/1.1 var(--sans,system-ui)!important;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;white-space:nowrap}
.club-btn:hover{border-color:var(--b1x-accent,#00f2fe)!important;color:var(--b1x-accent,#00f2fe)!important;background:color-mix(in srgb,var(--b1x-accent,#00f2fe) 15%,var(--b1x-control,#14222e))!important}
.club-btn-primary{background:linear-gradient(120deg,color-mix(in srgb,var(--b1x-accent,#00f2fe) 26%,var(--b1x-control,#14222e)),color-mix(in srgb,var(--b1x-accent,#00f2fe) 14%,var(--b1x-control,#14222e)))!important;border-color:color-mix(in srgb,var(--b1x-accent,#00f2fe) 62%,transparent)!important;color:var(--b1x-accent,#00f2fe)!important;box-shadow:0 0 12px -4px color-mix(in srgb,var(--b1x-accent,#00f2fe) 50%,transparent)!important}
.club-btn svg{width:12px!important;height:12px!important;flex:0 0 12px}
.club-queue-list{display:flex;flex-direction:column;gap:4px;max-height:110px;overflow-y:auto;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--b1x-border,#2c4050) 65%,transparent)}
.club-queue-list[hidden]{display:none!important}
.club-queue-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:8px;background:color-mix(in srgb,var(--b1x-control,#14222e) 75%,transparent);border:1px solid color-mix(in srgb,var(--b1x-border,#2c4050) 65%,transparent);font:500 10.5px/1.25 var(--sans,system-ui)}
.club-queue-item-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}
.club-queue-tag{font:700 8.5px/1 var(--mono,ui-monospace,monospace);padding:1.5px 5px;border-radius:4px;background:color-mix(in srgb,var(--b1x-accent,#00f2fe) 18%,transparent);color:var(--b1x-accent,#00f2fe);flex:0 0 auto}
.club-queue-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--b1x-text,#eaf4f8)}
.club-queue-item-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.club-queue-mini-btn{padding:1px 6px!important;min-height:20px!important;height:20px!important;border-radius:6px!important;border:1px solid color-mix(in srgb,var(--b1x-border,#2c4050) 80%,transparent)!important;background:transparent!important;color:var(--b1x-muted,#8ba3b5)!important;font:600 9.5px/1 var(--sans,system-ui)!important;cursor:pointer}
.club-queue-mini-btn:hover{color:var(--b1x-accent,#00f2fe)!important;border-color:var(--b1x-accent,#00f2fe)!important}

/* Futuristic Document Phase Pill inside Assistant Stream */
.document-phase{display:inline-flex!important;align-items:center;gap:8px;padding:6px 12px!important;border-radius:999px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--b1x-accent) 14%,var(--b1x-control)),var(--b1x-control))!important;border:1px solid color-mix(in srgb,var(--b1x-accent) 42%,var(--b1x-border))!important;box-shadow:0 4px 16px -4px color-mix(in srgb,var(--b1x-accent) 28%,transparent)!important;font:500 12px/1.35 var(--sans,system-ui)!important;color:var(--b1x-text)!important}
.document-phase-dot{width:7px;height:7px;border-radius:50%;background:var(--b1x-accent);box-shadow:0 0 8px var(--b1x-accent);animation:b1xModelDotPulse 1.4s ease-in-out infinite;flex:0 0 7px}
.document-phase-model{padding:1.5px 6px;border-radius:999px;background:color-mix(in srgb,var(--b1x-accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--b1x-accent) 40%,transparent);color:var(--b1x-accent);font:700 10px/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.04em;flex:0 0 auto}
.document-phase-stage{font:700 10px/1.1 var(--mono,ui-monospace,monospace);color:var(--b1x-muted);letter-spacing:.06em;text-transform:uppercase;flex:0 0 auto}
.document-phase-text{font-weight:500;color:var(--b1x-text)}

:root[data-theme] body .model-menu-panel{padding:7px;border-color:color-mix(in srgb,var(--b1x-accent) 25%,var(--b1x-border));border-radius:14px;font:12px/1.35 var(--sans,system-ui)}
.model-route-preview{display:flex;align-items:center;gap:3px;margin-top:6px;max-width:100%;overflow:hidden;color:var(--b1x-muted)}
.model-route-node{border:1px solid var(--b1x-border);border-radius:4px;padding:1px 4px;font:500 8px/1.35 var(--mono,monospace);white-space:nowrap;color:var(--b1x-text)}
.model-route-arrow{font-size:10px;color:var(--b1x-accent)}
.model-menu-panel .model-menu-heading,.model-menu-panel .model-group-heading{font:650 10.5px/1.3 var(--sans,system-ui);letter-spacing:.045em;padding:7px 9px;color:var(--b1x-muted)}
:root[data-theme] body .model-menu-panel .model-choice{gap:9px;min-height:44px!important;padding:7px 9px!important}
.model-menu-panel .model-choice-copy{gap:2px}
.model-menu-panel .model-choice-copy strong{font:600 12px/1.3 var(--sans,system-ui)!important}
.model-menu-panel .model-choice-copy small{font:400 11px/1.35 var(--sans,system-ui)!important;color:var(--b1x-muted)}
.model-menu-panel .model-choice-logo{width:24px;height:24px;flex:0 0 24px;object-fit:contain;padding:0;background:none;border-radius:0}
:root[data-theme] body .model-menu-panel .model-choice-featured{min-height:54px!important;background:linear-gradient(110deg,color-mix(in srgb,var(--b1x-accent) 9%,var(--b1x-control)),var(--b1x-control))!important;border-color:color-mix(in srgb,var(--b1x-accent) 30%,var(--b1x-border))!important}
.model-menu-panel .model-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px}
.model-menu-panel .model-primary-group{padding-bottom:6px}
.model-menu-panel .model-frontier-group{padding-top:5px}
.model-menu-panel .model-provider-mark{width:24px;height:24px;flex-basis:24px;font-size:11px;border-radius:7px}
.model-menu-panel .model-upgrade{padding:9px 8px 4px;gap:8px;margin-top:4px}
.model-menu-panel .model-upgrade p{font-size:11px}
.model-menu-panel .model-choice-check{font-size:12px}
/* B1X tile inherits the selected workspace accent. */
:root[data-theme] body .b1x-mode-mark{display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:0;background:transparent;border:0;box-shadow:none;filter:none;box-sizing:border-box;flex-shrink:0}
:root[data-theme] body .b1x-mode-mark::before{content:'';width:100%;height:100%;background:var(--b1x-brand-color,var(--b1x-accent));mask:url('/web/assets/brand/b1xagi-arrow-logo.png') center/contain no-repeat;-webkit-mask:url('/web/assets/brand/b1xagi-arrow-logo.png') center/contain no-repeat;filter:none}
:root[data-theme] body .model-trigger-logo.b1x-mode-mark{width:18px;height:18px;flex-basis:18px}

/* Zero shares the B1X/infinity identity with a quiet open-ring variant. */
:root[data-theme] body .b1x-mode-mark-zero{background:transparent;box-shadow:none}
:root[data-theme] body .b1x-mode-mark-zero::before{width:88%;height:88%;opacity:.75}
/* Tap the brand/mode chip to open a compact selection palette. */
:root[data-theme] body .model-menu-trigger{cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
:root[data-theme] body .model-menu-trigger[aria-expanded=true]{border-color:var(--b1x-accent)!important;background:var(--b1x-selection)!important;box-shadow:0 0 14px -2px color-mix(in srgb,var(--b1x-accent) 45%,transparent)!important}
:root[data-theme] body .model-menu-panel .model-choice[aria-selected=true]{border-color:color-mix(in srgb,var(--b1x-accent) 45%,transparent)!important;background:var(--b1x-selection)!important}
:root[data-theme] body .model-menu-panel .model-mode-grid .model-choice{gap:6px!important;align-items:flex-start}
.model-mode-grid .model-choice-check{flex-basis:10px;font-size:10px}
@media(max-width:700px){
 :root[data-theme] body .model-menu-panel{padding:6px;font-size:11px;border-radius:12px}
 :root[data-theme] body .model-menu-panel .model-choice{min-height:36px!important;padding:6px!important;gap:6px!important}
 :root[data-theme] body .model-menu-panel .model-choice-featured{min-height:40px!important}
 :root[data-theme] body .model-menu-panel .model-choice-copy strong{font-size:11px!important}
 :root[data-theme] body .model-menu-panel .model-choice-copy small{font-size:10px!important;line-height:1.35}
 :root[data-theme] body .model-menu-panel :is(.model-choice-logo,.model-provider-mark){width:18px;height:18px;flex-basis:18px}
 :root[data-theme] body .model-menu-panel :is(.model-menu-heading,.model-group-heading){font-size:9px;padding:6px}
 :root[data-theme] body #shell #composer#composer#composer#composer:not(.composer-resting) .composer-model-control{width:auto!important;min-width:108px!important;max-width:130px!important;flex:0 0 auto!important}
 :root[data-theme] body #shell #composer#composer#composer#composer:not(.composer-resting) .model-menu-trigger{width:100%!important;min-width:108px!important;max-width:130px!important;height:32px!important;padding:3px 7px!important;gap:4px!important}
 :root[data-theme] body #shell #composer#composer#composer#composer:not(.composer-resting) .model-trigger-mode,:root[data-theme] body #shell #composer#composer#composer#composer:not(.composer-resting) .model-trigger-name{display:inline-block!important;font-size:10.5px!important;max-width:72px!important}
 :root[data-theme] body #shell #composer#composer#composer#composer .model-trigger-logo{width:16px!important;height:16px!important;min-width:16px!important;flex-basis:16px!important}
 :root[data-theme] body #shell #composer#composer#composer#composer:not(.composer-resting) .model-trigger-role-pill{display:none!important}
 #composer-selected-model-pill{padding:2px 7px!important;font-size:10px!important}
 #composer-selected-model-pill .csmp-prefix{display:none}
 #composer-live-update-bar{left:6px;right:6px;padding:6px 8px}
 .club-state-note{display:none}
}
:root[data-theme] body .cortex-companion .cortex-control::after,
:root[data-theme] body .cortex-companion.cortex-first .cortex-control::after {
  content: '' !important;
  display: block !important;
  background: radial-gradient(ellipse at 25% 22%, var(--cortex-accent, var(--b1x-accent, #56d7c3)), transparent 38%), conic-gradient(from 20deg, transparent 0deg, var(--cortex-accent, var(--b1x-accent, #56d7c3)) 48deg, transparent 105deg, var(--cortex-accent, var(--b1x-accent, #56d7c3)) 165deg, transparent 210deg, var(--cortex-accent, var(--b1x-accent, #56d7c3)) 260deg, transparent 325deg) !important;
}


/* Live run steering strip above the composer; the execution feed stays a pure report surface. */
:root[data-theme] body #shell #composer#composer #composer-live-update-bar:not([hidden]),
#composer-live-update-bar:not([hidden]) {position:static!important;inset:auto!important;box-shadow:none!important;margin:0 0 4px!important;padding:2px 4px!important;width:auto!important;z-index:auto!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;}
.club-main-row{gap:6px}
.club-beacon{width:6px;height:6px;flex:0 0 6px}
.club-title{font-size:8.5px}
.club-state-note{font-size:10.5px}
.club-adjust {margin-left:auto;}
.club-adjust>summary {cursor:pointer;padding:3px 8px;font:600 10px/1.2 var(--sans,system-ui);}
.club-adjust[open] .club-actions {display:flex;flex-wrap:wrap;padding:4px 0;}
#workspace-execution-feed .execution-feed-pipeline {display:none;}
@media(max-width:640px){#workspace-execution-feed[open]{max-height:40dvh;overflow:auto;}.club-main-row{flex-wrap:wrap!important}.club-state-note{white-space:normal!important}}
