/* OperateHigher modern dark theme */
:root{
  color-scheme: dark;
  --ink:#e8f1ff;
  --muted:#8aa0b9;
  --accent:#8a63ff;
  --accent-2:#29d9ff;
  --accent-soft:#151d2a;
  --line:rgba(148,163,184,.14);
  --canvas:#050810;
  --surface:#0d1420;
  --nav:#070b12;
  --cyan:#29d9ff;
  --magenta:#b96cff;
  --glow-blue:rgba(59,130,246,.32);
  --glow-violet:rgba(124,92,255,.32);
}

html{background:#050810}
body{
  background:
    radial-gradient(960px 640px at 84% -12%,rgba(59,130,246,.18),transparent 62%),
    radial-gradient(820px 560px at 2% 94%,rgba(124,92,255,.14),transparent 58%),
    linear-gradient(180deg,#080d16 0%,#050810 100%);
  color:var(--ink);
  min-height:100vh;
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:-25%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 40%,rgba(125,92,255,.10),transparent 45%),
    radial-gradient(circle at 80% 20%,rgba(29,217,255,.07),transparent 40%);
  opacity:.9;
}
::selection{background:rgba(124,92,255,.55);color:#fff}
*{scrollbar-width:thin;scrollbar-color:#334155 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:#2a3444;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}
/* Typography and focus */
h1,h2,h3,h4,.metric,strong{color:var(--ink)}
h1{font-weight:800;letter-spacing:-.04em}
.muted{color:var(--muted)}
.eyebrow{color:#78e6ff;font-weight:800;letter-spacing:.16em}
.status-message{color:#9ff5e0}
.error,.field-error,.inline-error{color:#ff92a4}
[aria-invalid="true"]{border-color:#ff5f87;box-shadow:0 0 0 2px rgba(255,95,135,.18)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#29d9ff}

/* Navigation */
.side{
  background:linear-gradient(180deg,rgba(10,16,24,.98),rgba(7,11,18,.99));
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.025);
}
.brand{color:#eff6ff}
.brand-symbol{
  background:linear-gradient(135deg,#3563ff,#a855f7);
  color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 0 18px rgba(124,92,255,.4);
}
.brand small{color:#8291a8}
.nav-finder{
  border-color:rgba(255,255,255,.10);
  background:rgba(22,30,45,.78);
  color:#c8d7ea;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
}
.nav-finder:hover{background:#1b2434;border-color:#6e5eff}
.nav-finder kbd{border-color:rgba(255,255,255,.16);color:#91a3ba}
.nav button{color:#8fa3bb;border-radius:10px}
.nav button:not(:disabled):hover{background:rgba(124,92,255,.15);color:#eef4ff}
.nav .active{background:linear-gradient(135deg,#3563ff,#7c5cff);box-shadow:0 8px 24px rgba(89,83,255,.32)}
.nav .nav-heading{color:#6a7c94}
.nav-footer{color:#8195ad;border-top-color:rgba(255,255,255,.07)}
.nav-more{margin-top:16px;border-top-color:rgba(255,255,255,.07)}
.nav-more summary{color:#94a8c0}
/* Topbar and form controls */
.top{border-bottom-color:rgba(255,255,255,.08)}
.workspace-switcher>span{color:#7d90ab}
.workspace-switcher input,
.workspace-launcher>input,
.search,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea{
  background:#0f1724;
  border-color:rgba(255,255,255,.12);
  color:#e7f0ff;
}
.search::placeholder,.workspace-switcher input::placeholder,.workspace-launcher>input::placeholder,
input::placeholder,textarea::placeholder{color:#72869f}
.top .search{background:#0f1724}
.operator-command-form input,.ai-composer select,.ai-composer textarea{background:#0e1622}
.top-tools button{font-size:12px}
.signout-button{border-color:rgba(255,255,255,.12);color:#aebfd5;background:rgba(16,23,36,.7)}
.signout-button:hover{border-color:#5b8cff;color:#e5f2ff}
.quick-create{box-shadow:0 8px 24px rgba(89,83,255,.20)}
input[type="checkbox"],input[type="radio"]{accent-color:#7c5cff}
input[type="range"]{accent-color:#7c5cff;background:#111c2b}

/* Buttons */
button.primary,.primary{
  background:linear-gradient(135deg,#3b73ff,#7c5cff);
  color:#fff;
  border:1px solid rgba(126,173,255,.65);
  box-shadow:0 8px 24px rgba(59,130,246,.22),inset 0 1px 0 rgba(255,255,255,.18);
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
button.primary:not(:disabled):hover,.primary:hover{
  background:linear-gradient(135deg,#4c85ff,#8f72ff);
  border-color:#b9c2ff;
  box-shadow:0 10px 30px rgba(89,83,255,.28);
  transform:translateY(-1px);
}
button.secondary,.secondary{
  background:rgba(14,21,33,.74);
  border:1px solid rgba(255,255,255,.13);
  color:#e0ecff;
}
button.secondary:not(:disabled):hover,.secondary:hover{
  background:rgba(22,31,48,.94);
  border-color:#7a67ff;
  color:#f0f7ff;
}
button.danger,.danger{color:#ff9ba6;border-color:rgba(255,120,151,.45);background:rgba(55,18,29,.6)}
button.text-button,.text-button{color:#8fa4ff}
button.text-button:hover,.text-button:hover{color:#c7d5ff}
/* Surfaces and dashboard */
.card,.business-panel,.performance-stat,.builder-project,.asset-card,.opportunity,.pipeline-stage,.empty-state,.loading-state,.failure-state,.plan-edit-section,.ai-build-guide,.ai-conversation-card,.record-context,.message-card,.invoice-sheet,.build-summary div,.revision-compare>div,.campaign-revision-callout,.coordinated-review>article,.pipeline-setup-stages article,.operation-changes article,.workflow-stages,.workflow-preview-note,.visual-canvas,.visual-edit-panel,.visual-option,.visual-review,.directory-filters,.directory-menu>div{
  background:linear-gradient(180deg,rgba(19,27,39,.96),rgba(11,16,24,.96));
  border-color:var(--line);
  box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.card{color:var(--ink)}
.kpi-card .kpi-icon{box-shadow:0 0 0 1px rgba(255,255,255,.07) inset}
.kpi-card:hover,.kpi-card:focus-visible{box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(124,92,255,.25)}
.business-row{background:#111a27;border-color:rgba(148,163,184,.14);color:#dfeaff}
.business-row.current{background:linear-gradient(135deg,rgba(21,31,53,.98),rgba(15,23,34,.98));border-color:#7f68ff}
.business-avatar{background:#1a2436;color:#b7c7ff}
.business-row .muted{color:#8298b0}
.dashboard-list-item,.row,.contact-row,.device,.test-item,.status-check,.attention-button,.directory-row,.table-scroll th,.table-scroll td{border-bottom-color:rgba(255,255,255,.08)}
.tag{background:#182335;color:#a9c0d7}
.verification-badge{background:#172236;color:#9fb4cc}
.source-track{background:#182335}
.source-fill{background:linear-gradient(90deg,#29d9ff,#8a63ff)}
.source-row progress{background:#182335}
.source-row progress::-webkit-progress-value{background:linear-gradient(90deg,#29d9ff,#8a63ff)}

/* AI and operator */
.ai{
  background:
    radial-gradient(380px 220px at 92% 0%,rgba(41,217,255,.18),transparent 60%),
    linear-gradient(135deg,rgba(18,24,42,.98),rgba(28,24,60,.98));
  border-color:rgba(124,92,255,.5);
  box-shadow:0 0 0 1px rgba(124,92,255,.14) inset,0 24px 60px rgba(0,0,0,.42);
  color:#f1f6ff;
}
.ai h2{color:#fff}
.ai .muted,.aihead>div>div,.operator-command,.operator-command span{color:#c9d6ff}
.aihead>.primary{background:#d9e2ff;color:#201b55;border-color:#e2e7ff}
.operator-command{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}
.ai-connection{background:rgba(58,40,18,.94);color:#ffc48a;border-color:rgba(255,179,71,.30)}
.ai-connection.connected{background:rgba(16,55,46,.94);color:#b9f8e8;border-color:rgba(38,217,143,.35)}
.ai-notice{background:linear-gradient(135deg,rgba(58,44,20,.94),rgba(42,30,12,.90));border-color:rgba(255,215,94,.26);color:#e6f0ff}
.ai-notice b{color:#ffeaa8}
.ai-notice p{color:#c6d5e8}

/* Chat bubbles used the light workspace defaults, making inherited light text invisible. */
.ai-message.human,.ai-message.assistant{background:#111a27;border-color:rgba(148,163,184,.18);color:#e6f0ff}
.ai-message b,.ai-message strong{color:#9fb4cc}
.ai-message p{color:#e6f0ff}
.ai-message a{color:#9ec7ff}

/* Headline accents */
.hero h1,.workspace-page-header h1{
  background:linear-gradient(135deg,#f3fbff 0%,#b6c7ff 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
/* Auth, drawers and workspace */
.auth{
  background:
    radial-gradient(ellipse at 20% 10%,rgba(86,82,255,.18),transparent 60%),
    radial-gradient(ellipse at 80% 90%,rgba(29,217,255,.10),transparent 55%),
    #050810;
}
.authbox{
  background:rgba(11,16,24,.91);
  border-color:rgba(255,255,255,.09);
  box-shadow:0 24px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(16px);
}
.authbox h1{color:#f0f6ff}
.authbox label{color:#d8e6f7}
.authbox p,.authbox .muted{color:#91a7bf}
.authbox input{background:#0f1724;border-color:rgba(255,255,255,.12)}
.authbox .secondary{width:auto}
.drawer{
  background:#0c121c;
  border-left:1px solid rgba(255,255,255,.08);
  box-shadow:-20px 0 60px rgba(0,0,0,.55);
  color:#e3eeff;
}
.drawer input,.drawer select,.drawer textarea{background:#10182a;border-color:rgba(255,255,255,.12)}
.workspace-page #drawerBody{background:#0e1522;border-color:var(--line);color:#e3eeff}
.workspace-page-header{border-bottom-color:rgba(255,255,255,.08)}
.workspace-page label,.workspace-page .page-intro,.workspace-page form{color:#b9c9dd}
.workspace-page .builder-fields legend{color:#eef5ff}
.record-context{background:#101827}
.builder-preview{background:var(--surface)}
.builder-preview .preview-scroll iframe,
.builder-preview .asset-card iframe{background:#fff}
/* Directory, statuses and smaller surfaces */
.directory-heading{color:#7e92aa;border-bottom-color:rgba(255,255,255,.08)}
.directory-name{color:#e8f2ff}
.directory-name:hover{color:#9ec7ff}
.directory-avatar{background:#182232;color:#b6a8ff}
.directory-menu summary{color:#8191a6}
.directory-menu summary:hover{background:#182235}
.directory-menu>div{background:#111a27;border-color:var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.directory-pagination{color:#95a8be}
.empty-state{border-color:rgba(255,255,255,.14);background:#0e1622;color:#8ea5bd}
.empty-state b{color:#eaf2ff}
.loading-state{color:#8ea5bd}
.failure-state{border-color:rgba(255,120,151,.45);background:rgba(45,16,23,.78)}
.status-dot{background:#ff5f73;box-shadow:0 0 8px rgba(255,95,115,.35)}
.status-dot.ready{background:#26d98f;box-shadow:0 0 8px rgba(38,217,143,.4)}
.status-dot.test_mode{background:#ffd75e;box-shadow:0 0 8px rgba(255,215,94,.35)}
.unavailable,.support-id{color:#7f93a7}
.workspace-launcher{
  background:#0f1622;
  border-color:rgba(255,255,255,.12);
  color:#e6f0ff;
  box-shadow:0 34px 100px rgba(0,0,0,.65);
}
.workspace-launcher::backdrop{background:rgba(4,8,16,.72)}
.launcher-result{background:#121b28;color:#e6f0ff}
.launcher-result:hover,.launcher-result:focus-visible{background:#1a2436;border-color:#7c6aff}
.launcher-result small,.launcher-result .launch-arrow{color:#879ab0}
.workspace-launcher footer{color:#7d90a7;border-top-color:rgba(255,255,255,.08)}

/* Media and tables */
.asset-card pre{background:#0f1724;color:#c9d8eb;border-color:rgba(255,255,255,.12)}
.asset-type,.builder-status{background:#182335;color:#a9c0d7}
.build-summary div{background:#111a27}
.revision-compare>div{background:#111a27}
.campaign-revision-callout{background:linear-gradient(135deg,rgba(20,32,48,.98),rgba(18,26,46,.98));border-color:rgba(124,92,255,.4)}
.table-scroll th,.table-scroll td{border-bottom-color:rgba(255,255,255,.08)}
.table-scroll th{color:#9fb2c8}
/* Final polish and remaining light surfaces */
.performance-stat,
.build-summary div,
.revision-compare > div,
.coordinated-review > article,
.layout-sketch-section,
.layout-sketch,
.message-card,
.message-outbound,
.unread-notification,
.notification-count,
.invoice-sheet,
.builder-preview,
.visual-canvas,
.visual-edit-panel,
.visual-option,
.visual-review,
.ai-composer,
.ai-concept,
.ai-email-preview,
.ai-proposal,
.ai-draft-previews details,
.ai-next-action,
.ai-selection,
.ai-plan-grid article,
.ai-asset-link,
.plan-edit-section,
.ai-build-guide,
.ai-guide-state,
.campaign-revision-callout,
.pipeline-setup-stages article,
.operation-changes article,
.workflow-stages,
.workflow-preview-note,
.record-context,
.directory-filters,
.directory-menu > div,
.modal,
dialog,
.toast,
.callout {
  background: linear-gradient(180deg, rgba(16, 24, 34, .96), rgba(10, 15, 22, .96));
  border-color: var(--line);
  color: #e6f0ff;
}

.performance-stat strong,
.build-summary strong,
.metric,
.invoice-sheet h2,
.message-card b {
  color: #f1f7ff;
}

.notification-count {
  color: #070b12;
  background: #ffd76a;
}

.unread-notification {
  border-left-color: #26d98f;
  background: rgba(16, 32, 26, .88);
}

.unread-notification b,
.unread-notification span,
.message-card .muted,
.ai-email-preview,
.ai-draft-previews summary span,
.ai-next-action span,
.ai-guide-heading p,
.ai-plan-grid p,
.ai-plan-grid li,
.plan-edit-section > summary,
.ai-selection span {
  color: #c6d5e8;
}

.layout-sketch-section {
  border-top-color: rgba(255, 255, 255, .08);
}

.layout-sketch-hero {
  background: linear-gradient(135deg, #101c2b, #161e32);
}

.layout-sketch.theme-indigo .layout-sketch-hero,
.layout-sketch.theme-amber .layout-sketch-hero,
.layout-sketch.theme-red .layout-sketch-hero {
  background: linear-gradient(135deg, #161a2b, #1a1c2c);
}

.modal,
dialog {
  background: #0f1622;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .65);
}

dialog::backdrop {
  background: rgba(4, 8, 16, .72);
}

/* Layout and spacing polish */
.shell,
.main {
  background: transparent;
}

/* Demo banner, KPI accents, and remaining controls */
.demo-banner {
  background: linear-gradient(135deg, rgba(255, 215, 94, .15), rgba(255, 179, 71, .10));
  color: #ffdd99;
  border-bottom-color: rgba(255, 215, 94, .30);
}

.demo-banner b {
  color: #ffeaa8;
}

.kpi-icon.teal {
  background: linear-gradient(135deg, rgba(13, 56, 46, .94), rgba(9, 34, 28, .90));
  color: #77f5d1;
  box-shadow: 0 0 0 1px rgba(38, 217, 143, .28) inset, 0 0 14px rgba(38, 217, 143, .16);
}

.kpi-icon.blue {
  background: linear-gradient(135deg, rgba(18, 39, 80, .94), rgba(12, 25, 56, .90));
  color: #9fc5ff;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, .32) inset, 0 0 14px rgba(59, 130, 246, .18);
}

.kpi-icon.violet {
  background: linear-gradient(135deg, rgba(42, 28, 82, .94), rgba(28, 19, 60, .90));
  color: #b9a8ff;
  box-shadow: 0 0 0 1px rgba(124, 92, 255, .30) inset, 0 0 14px rgba(124, 92, 255, .18);
}

.kpi-icon.orange {
  background: linear-gradient(135deg, rgba(58, 40, 18, .94), rgba(42, 28, 12, .90));
  color: #ffc48a;
  box-shadow: 0 0 0 1px rgba(255, 179, 71, .30) inset, 0 0 14px rgba(255, 179, 71, .16);
}

.kpi-icon.rose {
  background: linear-gradient(135deg, rgba(60, 23, 35, .94), rgba(42, 16, 25, .90));
  color: #ff9bb0;
  box-shadow: 0 0 0 1px rgba(255, 95, 135, .30) inset, 0 0 14px rgba(255, 95, 135, .14);
}

.aihead > .primary {
  background: linear-gradient(135deg, #1c2a44, #26345f);
  color: #eef4ff;
  border-color: rgba(124, 92, 255, .55);
  box-shadow: 0 0 0 1px rgba(124, 92, 255, .12) inset, 0 8px 24px rgba(59, 83, 255, .18);
}

.top {
  backdrop-filter: blur(14px);
  background: rgba(7, 11, 18, .92);
  border-bottom-color: rgba(255, 255, 255, .07);
}

/* END */