/* ==========================================================================
   B1XAGI UNIFIED MODEL SELECTOR ARCHITECTURE
   Property of Bolosoft Computers Limited
   Dedicated to Francis and Cookie Bologna (The Bolognas USA) for their enduring belief in RSB.
   Architectural Reference: 82a80941-2f28-4769-9db8-2a62d6aea40f
   ========================================================================== */

/* Deliberate hierarchy: the workspace model, its modes, then provider models. */
.model-view-explanation{margin:6px 8px 12px;color:var(--b1x-muted);font-size:11px;line-height:1.5}
:root[data-theme] body .model-menu-trigger{display:inline-flex;align-items:center;gap:7px;height:32px;min-height:32px;padding:5px 9px!important;border-color:transparent!important;border-radius:8px;background:transparent!important;box-shadow:none!important;color:var(--b1x-text)!important;font:500 12px/1.2 var(--sans,system-ui)}
.model-trigger-name{overflow:hidden;text-overflow:ellipsis}.model-trigger-mode{padding:3px 5px;border-radius:5px;background:var(--b1x-control);color:var(--b1x-muted);font-size:10px}.model-trigger-chevron{font-size:15px;color:var(--b1x-muted)}
:root[data-theme] body .model-menu-trigger:hover{background:var(--b1x-control)!important}
:root[data-theme] body .model-menu-trigger:focus-visible{outline:2px solid var(--b1x-accent);outline-offset:2px}
:root[data-theme] body .model-menu-panel{box-sizing:border-box;padding:8px;border-radius:14px;border:1px solid var(--b1x-border);background:var(--b1x-solid);color:var(--b1x-text);box-shadow:0 16px 48px #0003,0 2px 8px #0001;font:13px/1.4 var(--sans,system-ui);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.model-menu-heading{padding:7px 9px 13px;font-size:12px;font-weight:600;color:var(--b1x-muted)}
.model-primary-group{padding:0 3px 13px}.model-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}
:root[data-theme] body .model-choice{box-sizing:border-box;display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:9px 11px;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:var(--b1x-text);text-align:left;font:inherit;cursor:pointer;box-shadow:none!important}
.model-choice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.model-choice-copy strong{font-size:13px;font-weight:550;line-height:1.35}.model-choice-copy small{font-size:11px;color:var(--b1x-muted);line-height:1.35}
.model-choice-brand{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--b1x-accent) 12%,var(--b1x-solid));color:var(--b1x-accent);font-size:11px;font-weight:750;letter-spacing:-.5px}
.model-provider-mark{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid var(--b1x-border);border-radius:8px;color:var(--b1x-muted);font-size:12px;font-weight:600}
.model-choice-check{visibility:hidden;flex:0 0 14px;font-size:14px;color:var(--b1x-accent)}
:root[data-theme] body .model-choice[aria-selected=true]>.model-choice-check{visibility:visible}
:root[data-theme] body .model-choice-featured{padding:13px 11px;min-height:74px;background:var(--b1x-control)!important;border-color:var(--b1x-border)!important}
:root[data-theme] body .model-choice-featured .model-choice-copy strong{font-size:14px;font-weight:650}
:root[data-theme] body .model-choice-mode{min-height:36px;padding:7px 10px;border-radius:7px}.model-choice-mode .model-choice-copy strong{font-size:11px;font-weight:500}
:root[data-theme] body .model-choice-mode[aria-selected=true]{background:var(--b1x-selection)!important}
:root[data-theme] body .model-choice:hover{background:var(--b1x-control)!important}
:root[data-theme] body .model-choice:focus-visible{outline:2px solid var(--b1x-accent);outline-offset:-2px}
.model-frontier-group{padding:10px 3px 3px;border-top:1px solid var(--b1x-border)}
.model-group-heading{padding:3px 9px 7px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--b1x-muted)}
.model-menu-empty{padding:10px;font-size:12px;color:var(--b1x-muted)}
:root[data-theme] body .model-choice-zero{margin-top:9px;padding-top:13px;border-top-color:var(--b1x-border)!important;border-radius:0}
.model-free-badge{font-size:10px;font-weight:550;color:var(--b1x-accent);background:color-mix(in srgb,var(--b1x-accent) 9%,var(--b1x-solid));padding:3px 7px;border-radius:5px}
:root[data-theme] body .model-choice:disabled{opacity:1;cursor:not-allowed;color:var(--b1x-muted)}
.model-choice:disabled .model-choice-copy strong{font-weight:500;color:var(--b1x-muted)}
.model-choice:disabled>.model-choice-check{visibility:visible;font-size:10px;color:var(--b1x-muted);flex-basis:28px}
.model-upgrade{display:flex;align-items:center;gap:12px;padding:13px 10px 7px;margin-top:8px;border-top:1px solid var(--b1x-border)}
.model-upgrade p{flex:1;margin:0;font-size:11px;line-height:1.5;color:var(--b1x-muted)}
:root[data-theme] body .model-upgrade button{flex-shrink:0;padding:8px 10px;border:1px solid var(--b1x-border);border-radius:7px;background:var(--b1x-control);color:var(--b1x-text);font:500 11px var(--sans,system-ui);cursor:pointer}
.model-upgrade[hidden]{display:none}
:root[data-theme] body #shell.unified-shell #composer .composer-toolbar .composer-model-control{min-width:105px!important;max-width:210px}
@media(max-width:600px){:root[data-theme] body .model-menu-trigger{min-height:36px!important}.model-menu-panel .model-choice-row{min-height:58px}:root[data-theme] body .model-choice-mode{min-height:44px}.model-choice-mode .model-choice-copy strong{font-size:12px}}

/* ==========================================================================
   BOLOSOFT DUAL-VIEW SELECTOR EXTENSIONS (ADVANCED TELEMETRY & SLA VIEW)
   Allows interactive side-by-side comparison between Classic & Telemetry views.
   ========================================================================== */
.model-menu-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px 10px;
  border-bottom: 1px solid var(--b1x-border);
  margin-bottom: 8px;
}
.model-menu-heading-text {
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: var(--b1x-muted);
}
.model-view-toggle-wrap {
  display: inline-flex;
  padding: 2px;
  background: var(--b1x-control);
  border-radius: 6px;
  border: 1px solid var(--b1x-border);
}
.model-view-btn {
  border: none !important;
  background: transparent !important;
  color: var(--b1x-muted);
  font: 600 10px/1.2 var(--sans, system-ui);
  padding: 3px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.model-view-btn.active {
  background: var(--b1x-solid) !important;
  color: var(--b1x-accent);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.model-trigger-sla-badge {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--b1x-accent) 14%, var(--b1x-control));
  color: var(--b1x-accent);
  font: 600 9.5px/1 var(--mono, monospace);
  margin-left: 2px;
}
.model-mode-stack {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 8px;
}
.model-choice-telemetry {
  min-height: 58px !important;
  padding: 8px 10px !important;
  border-radius: 8px;
}
.model-choice-header-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
}
.model-tele-factor-pill {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--b1x-accent) 12%, var(--b1x-solid));
  color: var(--b1x-accent);
  font: 700 9.5px/1.2 var(--mono, monospace);
}
.model-choice-layer-line {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0 1px;
}
.model-layer-tag {
  font: 600 9px/1.2 var(--sans, system-ui);
  color: var(--b1x-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.model-policy-tag {
  font: 500 9.5px/1.2 var(--mono, monospace);
  color: var(--b1x-text);
  background: var(--b1x-control);
  padding: 1px 4px;
  border-radius: 3px;
}