/* Tradellen spatial dashboard refresh
   Scoped to app-mode: marketing, onboarding and backend code remain untouched. */
body.enterprise-theme.app-mode {
  --dash-bg: #eef0ed;
  --dash-paper: rgba(255,255,255,.78);
  --dash-paper-solid: #fff;
  --dash-ink: #171917;
  --dash-muted: #6e746f;
  --dash-line: rgba(28,31,28,.085);
  --dash-amber: #d79a2b;
  --dash-amber-soft: #f3d797;
  --dash-green: #3f7d60;
  --dash-blue: #537b91;
  --dash-spring: cubic-bezier(.16,1,.3,1);
  --w: var(--dash-paper-solid);
  --bg: var(--dash-bg);
  --bg2: #e5e8e3;
  --bdr: var(--dash-line);
  --bdr2: rgba(28,31,28,.15);
  --ink: var(--dash-ink);
  --ink2: #353a36;
  --ink3: #626963;
  --ink4: #5f665f;
  --teal: var(--dash-blue);
  --teal-d: #41687d;
  --teal-glow: rgba(83,123,145,.11);
  --orange: var(--dash-amber);
  background:
    radial-gradient(circle at 82% 8%, rgba(243,215,151,.28), transparent 27%),
    radial-gradient(circle at 16% 88%, rgba(117,160,137,.15), transparent 28%),
    var(--dash-bg);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

body.enterprise-theme.app-mode #app {
  gap: 12px;
  padding: 12px;
  background:
    radial-gradient(circle at 78% -10%, rgba(246,216,148,.30), transparent 31%),
    linear-gradient(145deg, #e9ece7 0%, #f4f5f2 50%, #e8ebe6 100%);
}

/* Floating spatial sidebar */
body.enterprise-theme.app-mode aside {
  width: 270px;
  height: calc(100vh - 24px);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 27px;
  background:
    radial-gradient(circle at 22% 2%, rgba(243,215,151,.11), transparent 24%),
    linear-gradient(170deg, #202320 0%, #151715 70%, #101210 100%);
  box-shadow: 0 26px 70px rgba(29,34,29,.24), inset 0 1px 0 rgba(255,255,255,.08);
  scrollbar-gutter: stable;
}
body.enterprise-theme.app-mode .sb-hd { padding: 20px 16px 14px; border: 0; }
body.enterprise-theme.app-mode .sb-brand { margin-bottom: 15px; }
body.enterprise-theme.app-mode .sb-mark {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg,#27E3B4,#12B894);
  box-shadow: 0 9px 24px rgba(216,168,78,.24), inset 0 1px 0 rgba(255,255,255,.75);
  transition: transform .35s var(--dash-spring), box-shadow .35s ease;
}
body.enterprise-theme.app-mode .sb-brand:hover .sb-mark { transform: rotate(-5deg) scale(1.06); box-shadow: 0 13px 30px rgba(216,168,78,.32); }
body.enterprise-theme.app-mode .sb-coname { font-size: 14px; font-weight: 650; letter-spacing: -.01em; }
body.enterprise-theme.app-mode .sb-powered { color: rgba(255,255,255,.33); font-size: 8px; letter-spacing: .14em; }
body.enterprise-theme.app-mode .sb-agent {
  position: relative;
  overflow: hidden;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
body.enterprise-theme.app-mode .sb-agent::after { content: ""; position: absolute; right: -18px; top: -22px; width: 62px; height: 62px; border-radius: 50%; background: rgba(243,215,151,.08); filter: blur(2px); }
body.enterprise-theme.app-mode .sb-dot,
body.enterprise-theme.app-mode .pn-dot {
  animation: dashPulse 2.5s ease-in-out infinite !important;
  background: #78c58e;
  box-shadow: 0 0 0 5px rgba(120,197,142,.08);
}
body.enterprise-theme.app-mode nav.sb-nav { gap: 3px; padding: 7px 9px 12px; }
body.enterprise-theme.app-mode .nav-domain-label { padding: 12px 14px 6px; color: rgba(255,255,255,.27); font-size: 8px; letter-spacing: .13em; }
body.enterprise-theme.app-mode .nb {
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 13px;
  color: rgba(255,255,255,.52);
  font-family: inherit;
  font-size: 12px;
  transition: color .2s ease, background .2s ease, transform .32s var(--dash-spring), box-shadow .25s ease;
}
body.enterprise-theme.app-mode .nb svg { opacity: .6; transition: opacity .2s ease, transform .32s var(--dash-spring); }
body.enterprise-theme.app-mode .nb:hover { color: #fff; background: rgba(255,255,255,.07); transform: translateX(3px); }
body.enterprise-theme.app-mode .nb:hover svg { opacity: 1; transform: scale(1.1); }
body.enterprise-theme.app-mode .nb.act {
  color: #241d10;
  background: linear-gradient(135deg, #f7e4b5, #dca846);
  box-shadow: 0 10px 25px rgba(218,164,69,.22), inset 0 1px 0 rgba(255,255,255,.72);
  transform: translateX(2px);
}
body.enterprise-theme.app-mode .nb.act::before { display: none; }
body.enterprise-theme.app-mode .nb.act svg { color: #4d3914; opacity: 1; transform: scale(1.06); }
body.enterprise-theme.app-mode .sb-badge { border-radius: 999px; background: rgba(255,255,255,.88); color: #252820; box-shadow: 0 3px 9px rgba(0,0,0,.12); }
body.enterprise-theme.app-mode .sb-ft { border-color: rgba(255,255,255,.06); padding: 10px; }
body.enterprise-theme.app-mode .sb-so { min-height: 42px; border-radius: 13px; }

/* Main canvas and glass topbar */
body.enterprise-theme.app-mode #main { border-radius: 27px; background: transparent; overflow: hidden; }
body.enterprise-theme.app-mode .topbar {
  height: 72px;
  margin-bottom: 0;
  padding: 0 26px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 24px 24px 0 0;
  background: rgba(255,255,255,.67);
  box-shadow: 0 1px 0 rgba(255,255,255,.88) inset, 0 15px 44px rgba(39,45,39,.055);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}
body.enterprise-theme.app-mode .tb-title { font-size: 18px; font-weight: 670; letter-spacing: -.025em; }
body.enterprise-theme.app-mode .tb-date { margin-top: 3px; color: var(--dash-muted); font-size: 11px; }
body.enterprise-theme.app-mode .tb-right { gap: 9px; }
body.enterprise-theme.app-mode .tb-cmd {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--dash-line);
  border-radius: 13px;
  background: rgba(255,255,255,.66);
  box-shadow: 0 4px 14px rgba(31,35,31,.04), inset 0 1px 0 #fff;
  transition: transform .25s var(--dash-spring), box-shadow .25s ease, background .2s ease;
}
body.enterprise-theme.app-mode .tb-cmd:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(31,35,31,.09); }
body.enterprise-theme.app-mode .tb-cmd kbd { border: 0; border-radius: 7px; background: #eceeea; box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); }
body.enterprise-theme.app-mode .tb-status {
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid rgba(63,125,96,.13);
  border-radius: 999px;
  color: #356c51;
  background: rgba(224,241,229,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 4px 14px rgba(63,125,96,.05);
}
body.enterprise-theme.app-mode .tb-avatar {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  background: linear-gradient(145deg, #313630, #151715);
  box-shadow: 0 7px 17px rgba(30,34,29,.18), inset 0 1px 0 rgba(255,255,255,.12);
  transition: transform .3s var(--dash-spring), box-shadow .3s ease;
}
body.enterprise-theme.app-mode .tb-avatar:hover { transform: translateY(-2px) rotate(2deg) scale(1.04); box-shadow: 0 12px 24px rgba(30,34,29,.24); }
body.enterprise-theme.app-mode .content {
  position: relative;
  padding: 30px 30px 64px;
  border: 1px solid rgba(255,255,255,.52);
  border-top: 0;
  border-radius: 0 0 27px 27px;
  background:
    radial-gradient(circle at 90% 2%, rgba(243,215,151,.20), transparent 20%),
    radial-gradient(circle at 2% 80%, rgba(83,123,145,.08), transparent 22%),
    rgba(247,248,245,.66);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body.enterprise-theme.app-mode .content::before { content: ""; position: fixed; z-index: -1; right: 7%; top: 12%; width: 220px; height: 220px; border-radius: 50%; background: rgba(243,215,151,.18); filter: blur(70px); pointer-events: none; }

/* Page transitions: short, interruptible, spatial */
body.enterprise-theme.app-mode .page.act { animation: dashPageIn .42s var(--dash-spring) both; }
body.enterprise-theme.app-mode .ov-reveal { animation: dashCardIn .48s var(--dash-spring) both; }
body.enterprise-theme.app-mode .ov-reveal.d1 { animation-delay: .05s; }
body.enterprise-theme.app-mode .ov-hero { margin: 5px 0 24px; }
body.enterprise-theme.app-mode .ov-greeting { font-size: clamp(28px,3vw,38px); font-weight: 650; letter-spacing: -.045em; }
body.enterprise-theme.app-mode .ov-summary { max-width: 720px; margin-top: 9px; color: var(--dash-muted); font-size: 15px; }

/* Operational brief becomes a floating bento strip */
body.enterprise-theme.app-mode .enterprise-context {
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 22px;
  background: rgba(255,255,255,.52);
  box-shadow: 0 16px 45px rgba(32,38,32,.07), inset 0 1px 0 #fff;
  backdrop-filter: blur(18px);
}
body.enterprise-theme.app-mode .enterprise-context > div {
  padding: 16px 17px;
  border: 1px solid var(--dash-line);
  border-radius: 15px;
  background: rgba(255,255,255,.7);
  box-shadow: inset 0 1px 0 #fff;
  transition: transform .3s var(--dash-spring), box-shadow .3s ease;
}
body.enterprise-theme.app-mode .enterprise-context > div:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(33,38,33,.08); }
body.enterprise-theme.app-mode .enterprise-context > div:first-child { background: linear-gradient(145deg, #252925, #161816); }
body.enterprise-theme.app-mode .enterprise-context .context-primary span { color: rgba(255,255,255,.42); }
body.enterprise-theme.app-mode .enterprise-context .context-primary strong { color: #fff; }
body.enterprise-theme.app-mode .enterprise-context span { color: #848a84; font-size: 9px; letter-spacing: .1em; }
body.enterprise-theme.app-mode .enterprise-context strong { margin-top: 7px; font-size: 12px; }

/* Attention and lifecycle surfaces */
body.enterprise-theme.app-mode .ov-needs {
  padding: 7px;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 22px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 16px 42px rgba(32,38,32,.07), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode .ov-need { min-height: 66px; border-radius: 16px; transition: transform .28s var(--dash-spring), background .2s ease, box-shadow .25s ease; }
body.enterprise-theme.app-mode .ov-need:hover { background: #fff; transform: translateX(4px); box-shadow: 0 10px 24px rgba(32,38,32,.07); }
body.enterprise-theme.app-mode .ov-need-ic { width: 42px; height: 42px; border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
body.enterprise-theme.app-mode .service-lifecycle {
  overflow: hidden;
  margin: 24px 0;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 22px;
  background: rgba(255,255,255,.61);
  box-shadow: 0 16px 42px rgba(32,38,32,.06), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode .service-lifecycle-head { padding: 18px 20px 14px; }
body.enterprise-theme.app-mode .lifecycle-grid { gap: 7px; padding: 7px; border: 0; background: rgba(228,231,226,.45); }
body.enterprise-theme.app-mode .lifecycle-step {
  min-height: 98px;
  padding: 16px;
  border: 1px solid var(--dash-line) !important;
  border-radius: 15px;
  background: rgba(255,255,255,.78);
  transition: transform .3s var(--dash-spring), box-shadow .3s ease, background .2s ease;
}
body.enterprise-theme.app-mode .lifecycle-step:hover { z-index: 2; transform: translateY(-4px) scale(1.015); box-shadow: 0 13px 28px rgba(33,38,33,.1); background: #fff; }
body.enterprise-theme.app-mode .lifecycle-step.active { background: linear-gradient(145deg, #fffaf0, #f4e1b3); }
body.enterprise-theme.app-mode .lifecycle-step.attention { background: #fff5f1; }
body.enterprise-theme.app-mode .lifecycle-step::after { left: 16px !important; right: 16px !important; bottom: 9px !important; height: 3px !important; border-radius: 4px; }

/* Segmented controls */
body.enterprise-theme.app-mode .tab-row { width: max-content; max-width: 100%; gap: 4px; padding: 5px; border: 1px solid rgba(255,255,255,.8); border-radius: 15px; background: rgba(255,255,255,.56); box-shadow: inset 0 1px 0 #fff, 0 7px 22px rgba(32,38,32,.05); }
body.enterprise-theme.app-mode .tp { min-height: 38px; padding: 0 17px; border-radius: 11px; font-family: inherit; }
body.enterprise-theme.app-mode .tp:hover { background: rgba(255,255,255,.75); transform: translateY(-1px); }
body.enterprise-theme.app-mode .tp.act { color: #fff; background: linear-gradient(145deg, #353a35, #171917); box-shadow: 0 7px 16px rgba(25,29,25,.18), inset 0 1px 0 rgba(255,255,255,.16); }

/* Hero metrics */
body.enterprise-theme.app-mode .metrics-grid { gap: 13px; }
body.enterprise-theme.app-mode .mc {
  min-height: 142px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(249,250,247,.72));
  box-shadow: 0 18px 42px rgba(32,38,32,.075), inset 0 1px 0 #fff;
  transition: transform .38s var(--dash-spring), box-shadow .35s ease, border-color .2s ease;
}
body.enterprise-theme.app-mode .mc::before { content: ""; position: absolute; right: -24px; top: -26px; width: 86px; height: 86px; border-radius: 50%; background: rgba(83,123,145,.08); transition: transform .5s var(--dash-spring), background .3s ease; }
body.enterprise-theme.app-mode .mc:nth-child(2)::before,
body.enterprise-theme.app-mode .mc:nth-child(4)::before { background: rgba(215,154,43,.11); }
body.enterprise-theme.app-mode .mc:hover { transform: translateY(-8px) scale(1.018); border-color: rgba(255,255,255,.95); box-shadow: 0 28px 58px rgba(32,38,32,.14), inset 0 1px 0 #fff; }
body.enterprise-theme.app-mode .mc:hover::before { transform: scale(1.35); }
body.enterprise-theme.app-mode .mc:active { transform: translateY(-2px) scale(.985) !important; }
body.enterprise-theme.app-mode .mc::after { display: block; top: auto; bottom: 0; left: 18px; right: 18px; height: 4px; border-radius: 4px 4px 0 0; background: linear-gradient(90deg, var(--dash-blue), #8fb4c4); }
body.enterprise-theme.app-mode .mc:nth-child(2)::after,
body.enterprise-theme.app-mode .mc:nth-child(4)::after { background: linear-gradient(90deg, #c98a1d, var(--dash-amber-soft)); }
body.enterprise-theme.app-mode .mc-ey { margin-bottom: 14px; color: #7a817b; font-size: 9px; letter-spacing: .11em; }
body.enterprise-theme.app-mode .mc-val { position: relative; font-size: 38px; font-weight: 660; letter-spacing: -.045em; }
body.enterprise-theme.app-mode :where(.mc-val.tl,.mc-trend,.wf-stat .n.teal) { color: #4f7182; }

/* Cards shared across every dashboard page.
   NOTE: .bill-checkout is deliberately EXCLUDED — it is a dark "premium checkout" card
   (#122539) whose Change-plan / Stripe-note / Powered-by-Stripe text is light by design.
   Sweeping it into this light-card rule forced a white background under that light text,
   making the whole payment panel light-on-light (Stripe note measured 1.0:1 contrast).
   It keeps its own dark background from the inline stylesheet. */
body.enterprise-theme.app-mode :where(.chart-card,.tbl-card,.pn-card,.loc-page-card,.agent-script-card,.agent-chat-card,.s-card,.wf-stat,.wf-row,.wf-card,.wf-empty,.wf-thread,.cal-wrap,.asst-wrap,.dispatch-board-wrap,.rep-card,.sync-cell,.tm-card) {
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 21px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 16px 38px rgba(32,38,32,.065), inset 0 1px 0 #fff;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body.enterprise-theme.app-mode :where(.wf-card,.wf-row,.wf-stat,.pn-card,.loc-page-card,.s-card,.rep-card,.sync-cell,.tm-card) { transition: transform .32s var(--dash-spring), box-shadow .3s ease, border-color .2s ease, background .2s ease; }
body.enterprise-theme.app-mode :where(.wf-card,.wf-row,.wf-stat,.pn-card,.loc-page-card,.s-card,.rep-card,.sync-cell,.tm-card):hover { transform: translateY(-5px); border-color: rgba(255,255,255,.96); background: rgba(255,255,255,.94); box-shadow: 0 24px 48px rgba(32,38,32,.11), inset 0 1px 0 #fff; }
body.enterprise-theme.app-mode .chart-card { padding: 24px; }
body.enterprise-theme.app-mode .tbl-card { overflow: hidden; }
body.enterprise-theme.app-mode .tbl-hd { padding: 19px 22px; border-color: var(--dash-line); }
body.enterprise-theme.app-mode thead,
body.enterprise-theme.app-mode .wf-tbl th { background: rgba(231,234,229,.65); }
body.enterprise-theme.app-mode tbody tr { transition: background .18s ease, transform .22s var(--dash-spring); }
body.enterprise-theme.app-mode tbody tr:hover { background: rgba(255,250,238,.75); }
body.enterprise-theme.app-mode .bar-fill { border-radius: 7px 7px 2px 2px; background: linear-gradient(to top, #41687d, #9ab9c7); box-shadow: 0 5px 13px rgba(65,104,125,.14); }
body.enterprise-theme.app-mode :where(.badge,.wf-badge,.wf-tag,.wf-pill,.trial-pill,.plan-pill) { border-radius: 999px; }

/* Buttons, inputs, icon tiles, chat */
body.enterprise-theme.app-mode :where(.wf-btn,.s-btn,.chat-send,.dispatch-nav-btn.act,.form-submit) {
  min-height: 42px;
  border-radius: 13px;
  background: linear-gradient(145deg, #353a35, #171917);
  box-shadow: 0 8px 18px rgba(25,29,25,.16), inset 0 1px 0 rgba(255,255,255,.13);
  transition: transform .28s var(--dash-spring), box-shadow .25s ease, filter .2s ease;
}
body.enterprise-theme.app-mode :where(.wf-btn,.s-btn,.chat-send,.dispatch-nav-btn.act,.form-submit):hover { filter: brightness(1.08); transform: translateY(-3px); box-shadow: 0 13px 24px rgba(25,29,25,.22); }
body.enterprise-theme.app-mode :where(.wf-btn,.s-btn,.chat-send,.dispatch-nav-btn.act,.form-submit):active { transform: scale(.96) !important; }
body.enterprise-theme.app-mode :where(.wf-btn-ghost,.wf-btn-sm,.s-btn-ghost,.dispatch-nav-btn,.tbl-action) { min-height: 40px; border-radius: 12px; transition: transform .25s var(--dash-spring), background .2s ease, box-shadow .2s ease; }
body.enterprise-theme.app-mode :where(.wf-btn-ghost,.wf-btn-sm,.s-btn-ghost,.dispatch-nav-btn,.tbl-action):hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(32,38,32,.08); }
body.enterprise-theme.app-mode :where(.wf-in,.s-in,.chat-input,.form-input,.auth-input,.jstage) { min-height: 44px; border-radius: 13px; background: rgba(255,255,255,.82); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
body.enterprise-theme.app-mode :where(.wf-in,.s-in,.chat-input,.form-input,.auth-input,.jstage):focus { border-color: rgba(83,123,145,.55); background: #fff; box-shadow: 0 0 0 4px rgba(83,123,145,.1), 0 10px 22px rgba(32,38,32,.06); outline: 0; }
body.enterprise-theme.app-mode :where(.wf-card-ic,.wf-row-ic,.loc-icon,.ov-need-ic) { border-radius: 14px; }
body.enterprise-theme.app-mode .chat-bubble { border-radius: 16px 16px 16px 5px; }
body.enterprise-theme.app-mode .chat-msg.user .chat-bubble { border-radius: 16px 16px 5px 16px; background: linear-gradient(145deg, #343934, #171917); box-shadow: 0 8px 18px rgba(25,29,25,.12); }
body.enterprise-theme.app-mode .chat-av { width: 30px; height: 30px; box-shadow: 0 5px 12px rgba(32,38,32,.1); }

/* Sheets and overlays */
body.enterprise-theme.app-mode :where(.wf-modal,.modal-card) { border: 1px solid rgba(255,255,255,.72); border-radius: 24px; box-shadow: 0 36px 100px rgba(19,23,19,.28), inset 0 1px 0 #fff; animation: dashModalIn .38s var(--dash-spring) both; }
body.enterprise-theme.app-mode :where(#modal,#memberModal,#linkModal,#jobModal,#newJobModal) { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
body.enterprise-theme.app-mode #demoTourLauncher { border-radius: 16px !important; background: linear-gradient(145deg, #2f342f, #141614) !important; box-shadow: 0 15px 34px rgba(23,26,23,.28) !important; }

@keyframes dashPageIn { from { opacity: 0; transform: translateY(14px) scale(.988); } to { opacity: 1; transform: none; } }
@keyframes dashCardIn { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes dashModalIn { from { opacity: 0; transform: translateY(18px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes dashPulse { 0%,100% { opacity: 1; box-shadow: 0 0 0 4px rgba(120,197,142,.08); } 50% { opacity: .72; box-shadow: 0 0 0 8px rgba(120,197,142,0); } }

@media (max-width: 1100px) {
  body.enterprise-theme.app-mode #app { gap: 8px; padding: 8px; }
  body.enterprise-theme.app-mode aside { width: 244px; height: calc(100vh - 16px); border-radius: 23px; }
  body.enterprise-theme.app-mode .metrics-grid { grid-template-columns: repeat(2,1fr); }
  body.enterprise-theme.app-mode .enterprise-context { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  body.enterprise-theme.app-mode #app { padding: 0; gap: 0; }
  body.enterprise-theme.app-mode aside { height: 100vh; border-radius: 0 24px 24px 0; }
  body.enterprise-theme.app-mode #main { border-radius: 0; }
  body.enterprise-theme.app-mode .topbar { height: 64px; padding: 0 14px; border-radius: 0; }
  body.enterprise-theme.app-mode .tb-status,
  body.enterprise-theme.app-mode .tb-cmd { display: none; }
  body.enterprise-theme.app-mode .content { padding: 20px 14px 48px; border: 0; border-radius: 0; }
  body.enterprise-theme.app-mode .metrics-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  body.enterprise-theme.app-mode .mc { min-height: 126px; padding: 17px; border-radius: 18px; }
  body.enterprise-theme.app-mode .mc-val { font-size: 30px; }
  body.enterprise-theme.app-mode .enterprise-context { grid-template-columns: 1fr; }
  body.enterprise-theme.app-mode .lifecycle-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  body.enterprise-theme.app-mode .metrics-grid { grid-template-columns: 1fr; }
  body.enterprise-theme.app-mode .ov-greeting { font-size: 29px; }
}

@media (prefers-reduced-motion: reduce) {
  body.enterprise-theme.app-mode *,
  body.enterprise-theme.app-mode *::before,
  body.enterprise-theme.app-mode *::after { animation: none !important; transition-duration: .01ms !important; }
}

/* ─────────────────────────────────────────────────────────────
   Monochrome unification pass
   White is the operational accent. Gold is reserved for upgrade.
   ───────────────────────────────────────────────────────────── */
body.enterprise-theme.app-mode {
  --dash-bg: #e9eae8;
  --dash-paper: rgba(255,255,255,.78);
  --dash-paper-solid: #fff;
  --dash-ink: #0b0c0b;
  --dash-muted: #666a66;
  --dash-line: rgba(0,0,0,.09);
  --dash-amber: #fff;
  --dash-amber-soft: #fff;
  --dash-green: #262926;
  --dash-blue: #1b1d1b;
  --upgrade-gold: #d59b31;
  --upgrade-gold-soft: #f1d28d;
  --teal: #171917;
  --teal-d: #0b0c0b;
  --teal-glow: rgba(0,0,0,.07);
  --orange: var(--upgrade-gold);
  background: #e9eae8;
}

body.enterprise-theme.app-mode #app {
  background:
    radial-gradient(circle at 82% -8%, rgba(255,255,255,.96), transparent 29%),
    radial-gradient(circle at 10% 92%, rgba(255,255,255,.6), transparent 24%),
    linear-gradient(145deg, #dfe1de 0%, #f4f5f3 48%, #e2e4e1 100%);
}
body.enterprise-theme.app-mode aside {
  background:
    radial-gradient(circle at 22% 0%, rgba(255,255,255,.14), transparent 25%),
    linear-gradient(170deg, #191b19 0%, #090a09 72%, #000 100%);
  box-shadow: 0 26px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
body.enterprise-theme.app-mode .sb-mark {
  background: linear-gradient(135deg,#27E3B4,#12B894);
  box-shadow: 0 0 25px rgba(255,255,255,.38), 0 10px 28px rgba(0,0,0,.24), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode .sb-brand:hover .sb-mark { box-shadow: 0 0 34px rgba(255,255,255,.55), 0 14px 34px rgba(0,0,0,.3); }
body.enterprise-theme.app-mode .sb-agent::after { background: rgba(255,255,255,.1); }
body.enterprise-theme.app-mode .sb-dot,
body.enterprise-theme.app-mode .pn-dot { background: #fff; box-shadow: 0 0 14px rgba(255,255,255,.8); }
body.enterprise-theme.app-mode .nb.act {
  color: #050505;
  background: linear-gradient(145deg, #fff, #dfe1df);
  box-shadow: 0 0 24px rgba(255,255,255,.4), 0 10px 28px rgba(0,0,0,.3), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode .nb.act svg { color: #050505; }

body.enterprise-theme.app-mode .content {
  background:
    radial-gradient(circle at 91% 0%, rgba(255,255,255,.98), transparent 22%),
    radial-gradient(circle at 1% 84%, rgba(255,255,255,.6), transparent 25%),
    rgba(242,243,241,.76);
}
body.enterprise-theme.app-mode .content::before { background: rgba(255,255,255,.72); box-shadow: 0 0 85px rgba(255,255,255,.9); }
body.enterprise-theme.app-mode .tb-status { color: #252825; border-color: rgba(0,0,0,.09); background: rgba(255,255,255,.78); box-shadow: 0 0 18px rgba(255,255,255,.72), inset 0 1px 0 #fff; }
body.enterprise-theme.app-mode .enterprise-context > div:first-child { background: linear-gradient(145deg, #242724, #050605); box-shadow: 0 14px 30px rgba(0,0,0,.17); }
body.enterprise-theme.app-mode .enterprise-context > div:first-child:hover { box-shadow: 0 0 25px rgba(255,255,255,.72), 0 17px 34px rgba(0,0,0,.2); }
body.enterprise-theme.app-mode .lifecycle-step.active { border-color: rgba(0,0,0,.18) !important; background: linear-gradient(145deg, #fff, #e5e6e4); box-shadow: 0 0 24px rgba(255,255,255,.95), inset 0 1px 0 #fff; }
body.enterprise-theme.app-mode .lifecycle-step.active::after { background: #111 !important; }
body.enterprise-theme.app-mode .lifecycle-step.attention { background: #f1f2f0; }
body.enterprise-theme.app-mode .lifecycle-step.attention::after { background: #777 !important; }
body.enterprise-theme.app-mode .mc::before,
body.enterprise-theme.app-mode .mc:nth-child(2)::before,
body.enterprise-theme.app-mode .mc:nth-child(4)::before { background: rgba(255,255,255,.88); box-shadow: 0 0 32px rgba(255,255,255,.95); }
body.enterprise-theme.app-mode .mc::after,
body.enterprise-theme.app-mode .mc:nth-child(2)::after,
body.enterprise-theme.app-mode .mc:nth-child(4)::after { background: linear-gradient(90deg, #0b0c0b, #bfc2bf); }
body.enterprise-theme.app-mode :where(.mc-val.tl,.mc-val.or,.mc-trend,.wf-stat .n.teal,.rep-tech-rev,.kanban-card-val,.pn-status) { color: #111; }

/* Calendar: spatial cells, white glow, monochrome events */
body.enterprise-theme.app-mode .cal-wrap { padding: 20px; border-radius: 24px; background: rgba(255,255,255,.72); }
body.enterprise-theme.app-mode .cal-top { margin-bottom: 18px; }
body.enterprise-theme.app-mode .cal-month { color: #111; font-size: 17px; font-weight: 680; letter-spacing: -.02em; }
body.enterprise-theme.app-mode .cal-nav button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 13px;
  color: #111;
  background: linear-gradient(145deg, #fff, #eceeeb);
  box-shadow: 0 7px 16px rgba(0,0,0,.06), inset 0 1px 0 #fff;
  transition: transform .27s var(--dash-spring), box-shadow .25s ease;
}
body.enterprise-theme.app-mode .cal-nav button.cal-today { width: auto; min-width: 72px; }
body.enterprise-theme.app-mode .cal-nav button:hover { background: #fff; transform: translateY(-3px); box-shadow: 0 0 20px rgba(255,255,255,.95), 0 12px 24px rgba(0,0,0,.1); }
body.enterprise-theme.app-mode .cal-grid { gap: 8px; }
body.enterprise-theme.app-mode .cal-dow { color: #777c77; letter-spacing: .1em; }
body.enterprise-theme.app-mode .cal-cell {
  min-height: 104px;
  padding: 9px;
  border: 1px solid rgba(0,0,0,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.64);
  box-shadow: inset 0 1px 0 #fff;
  transition: transform .3s var(--dash-spring), box-shadow .28s ease, background .2s ease;
}
body.enterprise-theme.app-mode .cal-cell:hover { z-index: 2; background: #fff; transform: translateY(-4px) scale(1.018); box-shadow: 0 0 25px rgba(255,255,255,.95), 0 16px 30px rgba(0,0,0,.1); }
body.enterprise-theme.app-mode .cal-cell.today { border-color: #111; background: #111; box-shadow: 0 0 24px rgba(255,255,255,.9), 0 14px 32px rgba(0,0,0,.22); }
body.enterprise-theme.app-mode .cal-cell.today .cal-daynum { color: #fff; }
body.enterprise-theme.app-mode .cal-daynum { color: #111; }
body.enterprise-theme.app-mode .cal-chip { border: 1px solid rgba(0,0,0,.12); border-left: 3px solid #111; border-radius: 8px; color: #111; background: #eef0ed; }
body.enterprise-theme.app-mode .cal-cell.today .cal-chip { border-color: rgba(255,255,255,.35); border-left-color: #fff; color: #fff; background: rgba(255,255,255,.12); }

/* Locations, phone lines, and settings */
body.enterprise-theme.app-mode .loc-row { margin: 7px; padding: 16px 17px; border: 0; border-radius: 15px; transition: transform .28s var(--dash-spring), background .2s ease, box-shadow .25s ease; }
body.enterprise-theme.app-mode .loc-row:hover { background: #fff; transform: translateX(4px); box-shadow: 0 10px 24px rgba(0,0,0,.07); }
body.enterprise-theme.app-mode .loc-icon { color: #fff; background: #111; box-shadow: 0 0 18px rgba(255,255,255,.88), 0 8px 18px rgba(0,0,0,.18); }
body.enterprise-theme.app-mode .loc-primary,
body.enterprise-theme.app-mode .plan-pill { color: #111; border: 1px solid rgba(0,0,0,.1); background: #eceeeb; }
body.enterprise-theme.app-mode .pn-number-row,
body.enterprise-theme.app-mode #emailConnectBox { border-radius: 16px !important; background: rgba(243,244,242,.88) !important; }
body.enterprise-theme.app-mode .tog.on,
body.enterprise-theme.app-mode .wf-tog.on { background: #111; box-shadow: 0 0 16px rgba(255,255,255,.9); }

/* Dispatch, jobs and field tracking */
body.enterprise-theme.app-mode .dispatch-board-wrap { background: rgba(255,255,255,.75); }
body.enterprise-theme.app-mode .dispatch-tech-hd,
body.enterprise-theme.app-mode .dispatch-time-cell { color: #111; background: rgba(236,238,235,.9); }
body.enterprise-theme.app-mode .dispatch-slot { background: rgba(255,255,255,.42); }
body.enterprise-theme.app-mode .dispatch-slot.now { background: rgba(0,0,0,.035); box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
body.enterprise-theme.app-mode .dispatch-job,
body.enterprise-theme.app-mode .dispatch-job.scheduled,
body.enterprise-theme.app-mode .dispatch-job.enroute,
body.enterprise-theme.app-mode .dispatch-job.onsite,
body.enterprise-theme.app-mode .dispatch-job.completed,
body.enterprise-theme.app-mode .dispatch-job.invoiced,
body.enterprise-theme.app-mode .dispatch-job.unassigned { border: 1px solid rgba(0,0,0,.15); border-left: 3px solid #111; border-radius: 10px; color: #111; background: #fff; box-shadow: 0 6px 14px rgba(0,0,0,.09); }
body.enterprise-theme.app-mode .dispatch-job:hover { opacity: 1; transform: translateY(-2px) scale(1.02); box-shadow: 0 0 18px rgba(255,255,255,.95), 0 10px 22px rgba(0,0,0,.15); }
body.enterprise-theme.app-mode #ftMap { border-color: rgba(0,0,0,.12); border-radius: 21px; box-shadow: 0 16px 36px rgba(0,0,0,.12); }
body.enterprise-theme.app-mode .tm-card.sel { border-color: #111; box-shadow: 0 0 0 2px #111, 0 0 24px rgba(255,255,255,.95); }
body.enterprise-theme.app-mode .tm-av { border-radius: 13px; background: #111; box-shadow: 0 7px 16px rgba(0,0,0,.16); }
body.enterprise-theme.app-mode :where(.st-onjob,.st-avail,.st-off,.qbo-on,.qbo-off) { color: #111; background: #e4e6e3; }
body.enterprise-theme.app-mode .fd-dot { background: #111; box-shadow: 0 0 10px rgba(255,255,255,.95); }

/* Customers, work orders, pricebook and reporting */
body.enterprise-theme.app-mode .cust-stat,
body.enterprise-theme.app-mode .kanban-col,
body.enterprise-theme.app-mode .kanban-card,
body.enterprise-theme.app-mode .pb-item {
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 19px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 14px 34px rgba(0,0,0,.065), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode :where(.cust-stat,.kanban-card,.pb-item) { transition: transform .32s var(--dash-spring), box-shadow .28s ease, background .2s ease; }
body.enterprise-theme.app-mode :where(.cust-stat,.kanban-card,.pb-item):hover { border-color: #fff; background: #fff; transform: translateY(-6px); box-shadow: 0 0 24px rgba(255,255,255,.98), 0 22px 42px rgba(0,0,0,.11); }
body.enterprise-theme.app-mode .kanban-col { padding-bottom: 5px; background: rgba(225,227,224,.62); }
body.enterprise-theme.app-mode .kanban-col-hd { border-color: rgba(0,0,0,.08); }
body.enterprise-theme.app-mode :where(.cust-tag-vip,.cust-tag-new,.cust-tag-agree,.bg-bk,.bg-es,.bg-in) { border: 1px solid rgba(0,0,0,.1); color: #111; background: #e8eae7; }
body.enterprise-theme.app-mode .pb-cat.act { color: #fff; border-color: #111; background: #111; box-shadow: 0 0 18px rgba(255,255,255,.9), 0 8px 18px rgba(0,0,0,.15); }
body.enterprise-theme.app-mode .pb-item-tier.good,
body.enterprise-theme.app-mode .pb-item-tier.better,
body.enterprise-theme.app-mode .pb-item-tier.best { color: #555; }
body.enterprise-theme.app-mode .pb-item-add { width: 34px; height: 34px; border-radius: 11px; }
body.enterprise-theme.app-mode .pb-item:hover .pb-item-add { color: #fff; border-color: #111; background: #111; }
body.enterprise-theme.app-mode .rep-bar-fill,
body.enterprise-theme.app-mode .bar-fill { background: linear-gradient(to top, #111, #a9ada9); box-shadow: 0 0 12px rgba(255,255,255,.8); }
body.enterprise-theme.app-mode .rep-tech-av { background: #111; box-shadow: 0 0 14px rgba(255,255,255,.86), 0 6px 14px rgba(0,0,0,.15); }

/* Assistant and AI surfaces */
body.enterprise-theme.app-mode .asst-head { background: linear-gradient(145deg, #242724, #050505); }
body.enterprise-theme.app-mode .asst-dot { background: #fff; box-shadow: 0 0 15px #fff; }
body.enterprise-theme.app-mode .asst-msgs { background: rgba(241,242,240,.72); }
body.enterprise-theme.app-mode .asst-input-row input { min-height: 46px; border-radius: 14px; color: #111; background: #fff; }
body.enterprise-theme.app-mode .asst-input-row button { min-height: 46px; border-radius: 14px; color: #fff; background: #111; box-shadow: 0 9px 20px rgba(0,0,0,.18); }
body.enterprise-theme.app-mode .chat-av.ai { color: #fff; background: #111; box-shadow: 0 0 15px rgba(255,255,255,.85), 0 6px 14px rgba(0,0,0,.15); }
body.enterprise-theme.app-mode .chat-msg.ai .chat-bubble { border-color: rgba(0,0,0,.1); background: #f0f1ef; }

/* Generic workflow modules produced dynamically */
body.enterprise-theme.app-mode :where(.wf-card,.wf-row,.wf-stat,.wf-thread,.wf-empty,.wf-modal,.wf-section,.wf-panel) { color: #111; }
body.enterprise-theme.app-mode :where(.wf-card-ic,.wf-row-ic) { color: #fff; background: #111 !important; box-shadow: 0 0 16px rgba(255,255,255,.9), 0 7px 16px rgba(0,0,0,.16); }
body.enterprise-theme.app-mode :where(.wf-progress-fill,.wf-bar-fill) { background: linear-gradient(90deg, #111, #aaa) !important; }
body.enterprise-theme.app-mode :where(.wf-btn,.s-btn,.chat-send,.dispatch-nav-btn.act,.form-submit) { color: #fff; background: linear-gradient(145deg, #292c29, #050505); }

/* Gold is intentionally exclusive to commercial upgrade surfaces */
body.enterprise-theme.app-mode .trial-pill {
  color: #77510e;
  border-color: rgba(213,155,49,.35);
  background: linear-gradient(145deg, #fff8e8, #f5dfad);
  box-shadow: 0 0 20px rgba(213,155,49,.18), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode .trial-upgrade {
  color: #1b1306;
  background: linear-gradient(145deg, var(--upgrade-gold-soft), var(--upgrade-gold));
  box-shadow: 0 7px 16px rgba(175,116,20,.22), inset 0 1px 0 rgba(255,255,255,.55);
}
body.enterprise-theme.app-mode #planExplorer {
  padding: 16px;
  border: 1px solid rgba(213,155,49,.3);
  border-radius: 17px;
  background: linear-gradient(145deg, #fffaf0, #f8e8c1);
  box-shadow: 0 0 22px rgba(213,155,49,.12), inset 0 1px 0 #fff;
}
body.enterprise-theme.app-mode #planExplorer:empty { display: none; }
body.enterprise-theme.app-mode #planExplorer button { border-color: rgba(135,86,10,.3) !important; }
body.enterprise-theme.app-mode #planExplorer button:last-child { color: #211706 !important; background: linear-gradient(145deg, var(--upgrade-gold-soft), var(--upgrade-gold)) !important; box-shadow: 0 8px 18px rgba(175,116,20,.18); }

@keyframes dashPulse { 0%,100% { opacity: 1; box-shadow: 0 0 8px rgba(255,255,255,.72); } 50% { opacity: .7; box-shadow: 0 0 20px rgba(255,255,255,1); } }

/* Inline legacy controls and dynamically injected modules */
body.enterprise-theme.app-mode [style*="background:var(--teal)"]:not(.trial-upgrade) { color: #fff !important; background: #111 !important; box-shadow: 0 8px 18px rgba(0,0,0,.16), 0 0 14px rgba(255,255,255,.7); }
body.enterprise-theme.app-mode .agent-script-card span[style*="#FFFBEB"] { color: #111 !important; border-color: rgba(0,0,0,.12) !important; background: #fff !important; box-shadow: 0 0 15px rgba(255,255,255,.95); }
body.enterprise-theme.app-mode :where(.st-new,.st-draft,.st-open,.st-ordered,.st-active,.st-sent,.st-quoted,.st-pending,.st-enroute,.st-approved,.st-paid,.st-converted,.st-completed,.st-received,.st-connected,.st-on,.st-overdue,.st-low,.st-lost,.st-emergency,.st-off,.st-urgent,.st-scheduled) { color: #111 !important; background: #e6e8e5 !important; border: 1px solid rgba(0,0,0,.08); }
body.enterprise-theme.app-mode .wf-stat .n.red,
body.enterprise-theme.app-mode .wf-stat .n.amber { color: #111 !important; }
body.enterprise-theme.app-mode .wf-tag { color: #111; background: #e7e9e6; }
body.enterprise-theme.app-mode .wf-bars .b { background: linear-gradient(180deg,#999,#111); box-shadow: 0 0 12px rgba(255,255,255,.8); }
body.enterprise-theme.app-mode .wf-tbl { overflow: hidden; border-radius: 18px; background: rgba(255,255,255,.76); box-shadow: 0 14px 34px rgba(0,0,0,.06); }
body.enterprise-theme.app-mode .wf-av { background: #111 !important; box-shadow: 0 0 14px rgba(255,255,255,.85), 0 6px 14px rgba(0,0,0,.16); }

/* Calendar and pricebook modals share the same floating sheet language */
body.enterprise-theme.app-mode :where(#dayViewModal,#apptModal,#pbModal,#specModal) { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
body.enterprise-theme.app-mode :where(#dayViewModal,#apptModal,#pbModal,#specModal) > div { border: 1px solid rgba(255,255,255,.78); border-radius: 24px !important; background: rgba(255,255,255,.9) !important; box-shadow: 0 36px 100px rgba(0,0,0,.28), inset 0 1px 0 #fff !important; }
body.enterprise-theme.app-mode :where(#dayViewModal,#apptModal,#pbModal,#specModal) :where(input,select,textarea) { min-height: 44px; border-radius: 13px !important; background: #fff; }

/* Upgrade retains its deliberately unique gold signal after inline overrides. */
body.enterprise-theme.app-mode .trial-upgrade { color: #1b1306 !important; background: linear-gradient(145deg, var(--upgrade-gold-soft), var(--upgrade-gold)) !important; box-shadow: 0 7px 16px rgba(175,116,20,.22), inset 0 1px 0 rgba(255,255,255,.55) !important; }
body.enterprise-theme.app-mode #planExplorer button { color: #211706 !important; background: rgba(255,255,255,.64) !important; box-shadow: none; }
body.enterprise-theme.app-mode #planExplorer button:last-child { color: #211706 !important; background: linear-gradient(145deg, var(--upgrade-gold-soft), var(--upgrade-gold)) !important; box-shadow: 0 8px 18px rgba(175,116,20,.18) !important; }

/* Neutralize old amber literals in generated operational content. */
body.enterprise-theme.app-mode [style*="#B45309"]:not(#planExplorer *),
body.enterprise-theme.app-mode [style*="#D97706"]:not(#planExplorer *) { color: #111 !important; }
body.enterprise-theme.app-mode [style*="rgba(217,119,6"]:not(#planExplorer *) { color: #111 !important; background: #eceeeb !important; }
body.enterprise-theme.app-mode [style*="background:#F59E0B"]:not(#planExplorer *),
body.enterprise-theme.app-mode [style*="background:#D97706"]:not(#planExplorer *),
body.enterprise-theme.app-mode [style*="background:#FFFBEB"]:not(#planExplorer *) { background: #e6e8e5 !important; }
body.enterprise-theme.app-mode [style*="border-left:3px solid #F59E0B"] { border-left-color: #111 !important; }
body.enterprise-theme.app-mode svg [stroke="#D97706"],
body.enterprise-theme.app-mode svg[stroke="#D97706"] { stroke: #111 !important; }

/* Command Center hero: a premium anchor in both appearance modes. */
body.enterprise-theme.app-mode .ov-hero {
  position: relative;
  overflow: hidden;
  padding: 30px 32px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 25px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 30%, rgba(255,255,255,.18), transparent 18%),
    linear-gradient(145deg, #242624, #050605 72%);
  box-shadow: 0 28px 65px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.12);
}
body.enterprise-theme.app-mode .ov-hero::before { content: ""; position: absolute; right: -45px; top: -62px; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.025), 0 0 0 58px rgba(255,255,255,.015); }
body.enterprise-theme.app-mode .ov-greeting { position: relative; z-index: 1; color: #fff; text-shadow: 0 0 22px rgba(255,255,255,.16); }
body.enterprise-theme.app-mode .ov-summary { position: relative; z-index: 1; color: rgba(255,255,255,.56); }

/* Two intentional appearance choices in Settings. */
body.enterprise-theme.app-mode .appearance-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 8px 0 18px; }
body.enterprise-theme.app-mode .appearance-choice { min-height: 116px; display: flex; align-items: center; gap: 15px; padding: 14px; border: 1px solid var(--bdr2); border-radius: 18px; color: var(--ink); background: rgba(255,255,255,.48); cursor: pointer; font-family: inherit; text-align: left; transition: transform .3s var(--dash-spring), box-shadow .28s ease, border-color .2s ease; }
body.enterprise-theme.app-mode .appearance-choice:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(0,0,0,.1), 0 0 20px rgba(255,255,255,.8); }
body.enterprise-theme.app-mode .appearance-choice.selected { border-color: currentColor; box-shadow: 0 0 0 2px var(--w), 0 0 0 4px var(--ink), 0 16px 32px rgba(0,0,0,.11); }
body.enterprise-theme.app-mode .appearance-preview { position: relative; flex: none; width: 84px; height: 76px; overflow: hidden; display: block; border-radius: 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,.25); }
body.enterprise-theme.app-mode .appearance-preview i,
body.enterprise-theme.app-mode .appearance-preview b,
body.enterprise-theme.app-mode .appearance-preview em { position: absolute; display: block; border-radius: 7px; }
body.enterprise-theme.app-mode .appearance-preview i { left: 8px; top: 8px; bottom: 8px; width: 18px; }
body.enterprise-theme.app-mode .appearance-preview b { left: 33px; right: 8px; top: 9px; height: 20px; }
body.enterprise-theme.app-mode .appearance-preview em { left: 33px; right: 8px; top: 36px; bottom: 9px; }
body.enterprise-theme.app-mode .appearance-preview.obsidian { background: #050505; box-shadow: 0 0 20px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.18); }
body.enterprise-theme.app-mode .appearance-preview.obsidian i { background: #222; }
body.enterprise-theme.app-mode .appearance-preview.obsidian b { background: #fff; box-shadow: 0 0 12px rgba(255,255,255,.65); }
body.enterprise-theme.app-mode .appearance-preview.obsidian em { background: #171717; border: 1px solid #333; }
body.enterprise-theme.app-mode .appearance-preview.porcelain { background: #f2f3f1; border: 1px solid #dedfdd; }
body.enterprise-theme.app-mode .appearance-preview.porcelain i { background: #111; }
body.enterprise-theme.app-mode .appearance-preview.porcelain b { background: #fff; border: 1px solid #ddd; }
body.enterprise-theme.app-mode .appearance-preview.porcelain em { background: #111; }
body.enterprise-theme.app-mode .appearance-choice-copy { min-width: 0; }
body.enterprise-theme.app-mode .appearance-choice-copy strong,
body.enterprise-theme.app-mode .appearance-choice-copy small { display: block; }
body.enterprise-theme.app-mode .appearance-choice-copy strong { font-size: 13px; font-weight: 700; }
body.enterprise-theme.app-mode .appearance-choice-copy small { margin-top: 5px; color: var(--ink4); font-size: 10.5px; line-height: 1.4; }
body.enterprise-theme.app-mode :where(a,button,input,select,textarea):focus-visible { outline: 3px solid rgba(0,0,0,.72); outline-offset: 3px; }

/* ═══════════════════════════════════════════════════════════
   OBSIDIAN — predominantly black, shaped by white light
   ═══════════════════════════════════════════════════════════ */
html[data-theme="obsidian"] body.enterprise-theme.app-mode {
  color-scheme: dark;
  --dash-bg: #030403;
  --dash-paper: rgba(18,19,18,.86);
  --dash-paper-solid: #111211;
  --dash-ink: #f4f5f3;
  --dash-muted: #a3a7a3;
  --dash-line: rgba(255,255,255,.1);
  --w: #111211;
  --bg: #030403;
  --bg2: #1a1c1a;
  --bdr: rgba(255,255,255,.09);
  --bdr2: rgba(255,255,255,.17);
  --ink: #f4f5f3;
  --ink2: #d7d9d6;
  --ink3: #b0b4b0;
  --ink4: #5d635d;
  --teal: #fff;
  --teal-d: #fff;
  --teal-glow: rgba(255,255,255,.09);
  background: #000;
}
html[data-theme="obsidian"] body.enterprise-theme.app-mode #app { background: radial-gradient(circle at 84% -8%, rgba(255,255,255,.11), transparent 26%), radial-gradient(circle at 18% 100%, rgba(255,255,255,.055), transparent 26%), #000; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #main { background: #030403; box-shadow: 0 24px 80px rgba(0,0,0,.55); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .topbar { border-color: rgba(255,255,255,.1); color: var(--ink); background: rgba(13,14,13,.78); box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 16px 48px rgba(0,0,0,.38); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tb-cmd { color: #aaa; border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tb-cmd:hover { color: #fff; background: rgba(255,255,255,.1); box-shadow: 0 0 22px rgba(255,255,255,.12); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tb-cmd kbd { color: #ddd; background: #252725; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tb-status { color: #fff; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.07); box-shadow: 0 0 18px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.1); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .content { border-color: rgba(255,255,255,.07); background: radial-gradient(circle at 92% 0%, rgba(255,255,255,.09), transparent 21%), radial-gradient(circle at 0% 84%, rgba(255,255,255,.045), transparent 24%), #050605; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .content::before { background: rgba(255,255,255,.1); box-shadow: 0 0 95px rgba(255,255,255,.14); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .appearance-choice { color: #f4f5f3; border-color: rgba(255,255,255,.12); background: #151615; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .appearance-choice:hover { background: #1d1f1d; box-shadow: 0 0 22px rgba(255,255,255,.1), 0 18px 36px rgba(0,0,0,.4); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .appearance-choice.selected { border-color: #fff; box-shadow: 0 0 0 2px #111, 0 0 0 4px #fff, 0 0 25px rgba(255,255,255,.2); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .appearance-choice-copy small { color: #8d928d; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(a,button,input,select,textarea):focus-visible { outline-color: rgba(255,255,255,.9); }

html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-hero { border-color: rgba(255,255,255,.16); background: radial-gradient(circle at 86% 28%, rgba(255,255,255,.2), transparent 18%), linear-gradient(145deg, #202220, #000 72%); box-shadow: 0 0 35px rgba(255,255,255,.055), 0 30px 75px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.15); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context,
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-needs,
html[data-theme="obsidian"] body.enterprise-theme.app-mode .service-lifecycle,
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tab-row { border-color: rgba(255,255,255,.1); background: rgba(14,15,14,.78); box-shadow: 0 18px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div { border-color: rgba(255,255,255,.09); color: #fff; background: #151615; box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div:first-child { color: #080908; background: linear-gradient(145deg, #fff, #dfe1df); box-shadow: 0 0 28px rgba(255,255,255,.22), 0 14px 30px rgba(0,0,0,.28); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div:first-child span { color: #777; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div:first-child strong { color: #090a09; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context span { color: #777d77; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context strong { color: #f2f3f1; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div:first-child { color:#f4f6f5; background:#151816; box-shadow:none; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div:first-child span { color:#8fa09a; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .enterprise-context > div:first-child strong { color:#f5f7f6; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need { color: #fff; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need:hover { background: #1c1e1c; box-shadow: 0 0 24px rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need-ic { color: #111; background: #fff; box-shadow: 0 0 17px rgba(255,255,255,.28); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-grid { background: rgba(255,255,255,.025); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step { border-color: rgba(255,255,255,.09) !important; color: #fff; background: #121312; box-shadow: inset 0 1px 0 rgba(255,255,255,.055); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step:hover { background: #1c1e1c; box-shadow: 0 0 24px rgba(255,255,255,.1), 0 16px 30px rgba(0,0,0,.4); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step.active { color: #111; border-color: #fff !important; background: #fff; box-shadow: 0 0 27px rgba(255,255,255,.36); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step.active :where(span,strong,small) { color: #111; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step.active::after { background: #111 !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step.attention { background: #202220; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tp { color: #929792; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tp:hover { color: #fff; background: rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tp.act { color: #090a09; background: #fff; box-shadow: 0 0 21px rgba(255,255,255,.28); }

html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc { border-color: rgba(255,255,255,.1); color: #fff; background: linear-gradient(145deg, rgba(27,29,27,.96), rgba(10,11,10,.92)); box-shadow: 0 22px 50px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc:hover { border-color: rgba(255,255,255,.24); box-shadow: 0 0 28px rgba(255,255,255,.11), 0 30px 58px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.12); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc:nth-child(2) { color: #111; border-color: #fff; background: linear-gradient(145deg, #fff, #dfe1df); box-shadow: 0 0 30px rgba(255,255,255,.22), 0 24px 54px rgba(0,0,0,.45); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc :where(.mc-val,.mc-val.tl,.mc-val.or,.mc-trend) { color: #f4f5f3; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc:nth-child(2) :where(.mc-ey,.mc-val,.mc-val.tl,.mc-val.or,.mc-trend) { color: #111; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc::before { background: rgba(255,255,255,.055); box-shadow: 0 0 32px rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc:nth-child(2)::before { background: rgba(0,0,0,.06); box-shadow: none; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .mc::after { background: linear-gradient(90deg, #fff, #555); }

/* Dark shared surfaces across every static and generated page. */
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.chart-card,.tbl-card,.pn-card,.loc-page-card,.agent-script-card,.agent-chat-card,.s-card,.wf-stat,.wf-row,.wf-card,.wf-empty,.wf-thread,.cal-wrap,.asst-wrap,.dispatch-board-wrap,.rep-card,.sync-cell,.tm-card,.cust-stat,.kanban-col,.kanban-card,.pb-item,.wf-tbl) { border-color: rgba(255,255,255,.095) !important; color: var(--ink); background: rgba(17,18,17,.9) !important; box-shadow: 0 18px 44px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.wf-card,.wf-row,.wf-stat,.pn-card,.loc-page-card,.s-card,.rep-card,.sync-cell,.tm-card,.cust-stat,.kanban-card,.pb-item):hover { border-color: rgba(255,255,255,.24) !important; background: #1b1d1b !important; box-shadow: 0 0 25px rgba(255,255,255,.095), 0 25px 52px rgba(0,0,0,.5); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.chart-title,.tbl-title,.pn-hd,.loc-name,.s-h,.wf-h1,.wf-card-t,.wf-row-t,.wf-empty-t,.rep-card-h,.cust-stat-val,.kanban-card-name,.pb-item-name,.pb-item-price,.dispatch-date,.cal-month) { color: #f4f5f3 !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.chart-sub,.pn-sub,.loc-detail,.s-sub,.wf-h1sub,.wf-card-d,.wf-row-s,.wf-empty-p,.rep-card-sub,.cust-stat-lbl,.kanban-card-issue,.pb-item-desc,.pb-item-duration) { color: #8e948e !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.tbl-hd,.wf-tbl th,thead,.kanban-col-hd) { border-color: rgba(255,255,255,.08); background: rgba(255,255,255,.035) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(td,th,.wf-tbl td,.wf-tbl th) { color: var(--ink); border-color: rgba(255,255,255,.07); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode tbody tr:hover { background: rgba(255,255,255,.045); }

/* Obsidian calendar */
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-wrap { background: rgba(14,15,14,.94) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-nav button { color: #fff; border-color: rgba(255,255,255,.11); background: linear-gradient(145deg,#242624,#101110); box-shadow: 0 8px 18px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-nav button:hover { background: #292b29; box-shadow: 0 0 20px rgba(255,255,255,.12), 0 13px 25px rgba(0,0,0,.42); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-dow { color: #787d78; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-cell { border-color: rgba(255,255,255,.085); color: #fff; background: #111211; box-shadow: inset 0 1px 0 rgba(255,255,255,.045); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-cell:hover { background: #1b1d1b; box-shadow: 0 0 24px rgba(255,255,255,.1), 0 17px 32px rgba(0,0,0,.48); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-daynum { color: #f2f3f1; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-cell.today { border-color: #fff; background: #fff; box-shadow: 0 0 30px rgba(255,255,255,.34), 0 15px 36px rgba(0,0,0,.5); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-cell.today .cal-daynum { color: #0b0c0b; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-chip { color: #e7e9e6; border-color: rgba(255,255,255,.13); border-left-color: #fff; background: #242624; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-cell.today .cal-chip { color: #111; border-color: rgba(0,0,0,.16); border-left-color: #111; background: #e5e7e4; }

/* Obsidian controls, inputs, boards, chat and modals */
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.wf-in,.s-in,.chat-input,.form-input,.auth-input,.jstage,.cust-search,.asst-input-row input) { color: #f4f5f3; border-color: rgba(255,255,255,.13); background: #151615; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.wf-in,.s-in,.chat-input,.form-input,.auth-input,.jstage,.cust-search,.asst-input-row input):focus { border-color: #fff; background: #1c1e1c; box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 0 20px rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.pn-number-row,#emailConnectBox,.asst-msgs,.dispatch-tech-hd,.dispatch-time-cell,.kanban-col) { color: var(--ink); border-color: rgba(255,255,255,.08) !important; background: #0d0e0d !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .loc-row:hover { background: #1c1e1c; box-shadow: 0 0 22px rgba(255,255,255,.08); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .loc-icon,
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.wf-card-ic,.wf-row-ic) { color: #111; background: #fff !important; box-shadow: 0 0 18px rgba(255,255,255,.28); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.loc-primary,.plan-pill,.wf-tag,.wf-pill,.wf-badge,.badge,.cust-tag) { color: #e9ebe8 !important; border-color: rgba(255,255,255,.1) !important; background: #242624 !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-slot { border-color: rgba(255,255,255,.065); background: rgba(255,255,255,.015); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job { color: #111 !important; border-color: #ddd; border-left-color: #111; background: #f4f5f3 !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .chat-msg.ai .chat-bubble { color: #eee; border-color: rgba(255,255,255,.1); background: #202220; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .chat-msg.user .chat-bubble { color: #111; background: #fff; box-shadow: 0 0 18px rgba(255,255,255,.15); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .asst-head { background: #050505; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.wf-modal,.modal-card,#dayViewModal>div,#apptModal>div,#pbModal>div,#specModal>div) { color: var(--ink); border-color: rgba(255,255,255,.12) !important; background: rgba(17,18,17,.97) !important; box-shadow: 0 0 32px rgba(255,255,255,.065), 0 38px 110px rgba(0,0,0,.68) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(#dayViewModal,#apptModal,#pbModal,#specModal) :where(input,select,textarea) { color: #fff; border-color: rgba(255,255,255,.14); background: #181a18; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode [style*="background:#fff"],
html[data-theme="obsidian"] body.enterprise-theme.app-mode [style*="background:#FFF"],
html[data-theme="obsidian"] body.enterprise-theme.app-mode [style*="background:white"],
html[data-theme="obsidian"] body.enterprise-theme.app-mode [style*="background:#F8FAFB"] { color: var(--ink); background: #151615 !important; }

/* Keep upgrade gold in both themes, including inside Obsidian. */
html[data-theme="obsidian"] body.enterprise-theme.app-mode .trial-pill { color: #f5dfad; border-color: rgba(213,155,49,.35); background: rgba(116,78,13,.24); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #planExplorer { color: #211706; border-color: rgba(213,155,49,.34); background: linear-gradient(145deg,#fff6df,#f1d28d) !important; box-shadow: 0 0 26px rgba(213,155,49,.13), inset 0 1px 0 #fff; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #planExplorer :where(div,span,strong,small,li) { color: #211706 !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #planExplorer button { color: #211706 !important; background: rgba(255,255,255,.65) !important; }

@media (max-width: 760px) {
  body.enterprise-theme.app-mode .appearance-choices { grid-template-columns: 1fr; }
  body.enterprise-theme.app-mode .ov-hero { padding: 25px 22px; }
}

/* ═══════════════════════════════════════════════════════════
   Semantic color layer — color communicates state, never decoration
   ═══════════════════════════════════════════════════════════ */
body.enterprise-theme.app-mode {
  --sys-blue: #0066cc;
  --sys-blue-bg: #e8f2ff;
  --sys-green: #187a34;
  --sys-green-bg: #e9f7ed;
  --sys-orange: #9a5200;
  --sys-orange-bg: #fff1dd;
  --sys-red: #c7192e;
  --sys-red-bg: #ffeaed;
  --sys-purple: #7840a0;
  --sys-purple-bg: #f3eafb;
  --sys-cyan: #087b9b;
  --sys-cyan-bg: #e2f7fc;
}
html[data-theme="obsidian"] body.enterprise-theme.app-mode {
  --sys-blue: #64a8ff;
  --sys-blue-bg: rgba(10,132,255,.16);
  --sys-green: #54d875;
  --sys-green-bg: rgba(48,209,88,.15);
  --sys-orange: #ffb340;
  --sys-orange-bg: rgba(255,159,10,.16);
  --sys-red: #ff6961;
  --sys-red-bg: rgba(255,69,58,.16);
  --sys-purple: #d18aff;
  --sys-purple-bg: rgba(191,90,242,.16);
  --sys-cyan: #67d9f4;
  --sys-cyan-bg: rgba(100,210,255,.15);
}

/* Live and connected states */
body.enterprise-theme.app-mode :where(.sb-dot,.pn-dot,.asst-dot,.fd-dot) { background: var(--sys-green) !important; box-shadow: 0 0 14px color-mix(in srgb, var(--sys-green) 55%, transparent) !important; }
body.enterprise-theme.app-mode :where(.pn-status,.qbo-on,.st-onjob) { color: var(--sys-green) !important; }
body.enterprise-theme.app-mode .tb-status { color: var(--sys-green); border-color: color-mix(in srgb, var(--sys-green) 22%, transparent); background: var(--sys-green-bg); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .tb-status { color: var(--sys-green); border-color: color-mix(in srgb, var(--sys-green) 28%, transparent); background: var(--sys-green-bg); }

/* Command Center metrics — distinct series, still restrained */
body.enterprise-theme.app-mode #mc-calls :where(.mc-val,.mc-trend) { color: var(--sys-blue); }
body.enterprise-theme.app-mode #mc-booked :where(.mc-val,.mc-trend) { color: var(--sys-green); }
body.enterprise-theme.app-mode #mc-rate :where(.mc-val,.mc-trend) { color: var(--sys-purple); }
body.enterprise-theme.app-mode #mc-rev :where(.mc-val,.mc-trend) { color: var(--sys-orange); }
body.enterprise-theme.app-mode #mc-calls::after { background: linear-gradient(90deg,var(--sys-blue),color-mix(in srgb,var(--sys-blue) 35%,white)); }
body.enterprise-theme.app-mode #mc-booked::after { background: linear-gradient(90deg,var(--sys-green),color-mix(in srgb,var(--sys-green) 35%,white)); }
body.enterprise-theme.app-mode #mc-rate::after { background: linear-gradient(90deg,var(--sys-purple),color-mix(in srgb,var(--sys-purple) 35%,white)); }
body.enterprise-theme.app-mode #mc-rev::after { background: linear-gradient(90deg,var(--sys-orange),color-mix(in srgb,var(--sys-orange) 35%,white)); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #mc-booked :where(.mc-val,.mc-trend) { color: #187a34; }

/* Lifecycle and attention */
body.enterprise-theme.app-mode .lifecycle-step.active::after { background: var(--sys-blue) !important; }
body.enterprise-theme.app-mode .lifecycle-step.attention::after { background: var(--sys-orange) !important; }
body.enterprise-theme.app-mode .ov-need-ic.ok { color: var(--sys-green); background: var(--sys-green-bg); }
body.enterprise-theme.app-mode .ov-need-ic.info { color: var(--sys-blue); background: var(--sys-blue-bg); }
body.enterprise-theme.app-mode .ov-need-ic:not(.ok):not(.info) { color: var(--sys-orange); background: var(--sys-orange-bg); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need-ic { box-shadow: none; }

/* Calendar bookings are informational blue; today remains the contrast anchor */
body.enterprise-theme.app-mode .cal-chip { color: var(--sys-blue); border-color: color-mix(in srgb,var(--sys-blue) 24%,transparent); border-left-color: var(--sys-blue); background: var(--sys-blue-bg); }
body.enterprise-theme.app-mode .cal-cell.today .cal-chip { color: #dcecff; border-color: rgba(255,255,255,.2); border-left-color: #72b0ff; background: rgba(10,132,255,.24); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-chip { color: var(--sys-blue); border-color: rgba(100,168,255,.2); border-left-color: var(--sys-blue); background: var(--sys-blue-bg); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cal-cell.today .cal-chip { color: #0757a8; border-color: rgba(0,102,204,.18); border-left-color: #0066cc; background: #e8f2ff; }

/* Workflow and call-status pills */
body.enterprise-theme.app-mode :where(.st-approved,.st-paid,.st-converted,.st-completed,.st-received,.st-connected,.st-on,.bg-bk) { color: var(--sys-green) !important; border-color: color-mix(in srgb,var(--sys-green) 22%,transparent) !important; background: var(--sys-green-bg) !important; }
body.enterprise-theme.app-mode :where(.st-sent,.st-quoted,.st-pending,.st-enroute) { color: var(--sys-blue) !important; border-color: color-mix(in srgb,var(--sys-blue) 22%,transparent) !important; background: var(--sys-blue-bg) !important; }
body.enterprise-theme.app-mode :where(.st-urgent,.st-scheduled,.bg-in) { color: var(--sys-orange) !important; border-color: color-mix(in srgb,var(--sys-orange) 22%,transparent) !important; background: var(--sys-orange-bg) !important; }
body.enterprise-theme.app-mode :where(.st-overdue,.st-low,.st-lost,.st-emergency,.st-off,.bg-es) { color: var(--sys-red) !important; border-color: color-mix(in srgb,var(--sys-red) 22%,transparent) !important; background: var(--sys-red-bg) !important; }
body.enterprise-theme.app-mode :where(.st-new,.st-draft,.st-open,.st-ordered,.st-active) { color: var(--ink3) !important; border-color: var(--bdr) !important; background: var(--bg2) !important; }

/* Dispatch stages */
body.enterprise-theme.app-mode .dispatch-job.scheduled { color: var(--sys-blue) !important; border-color: color-mix(in srgb,var(--sys-blue) 28%,transparent); border-left-color: var(--sys-blue); background: var(--sys-blue-bg) !important; }
body.enterprise-theme.app-mode .dispatch-job.enroute { color: var(--sys-orange) !important; border-color: color-mix(in srgb,var(--sys-orange) 28%,transparent); border-left-color: var(--sys-orange); background: var(--sys-orange-bg) !important; }
body.enterprise-theme.app-mode .dispatch-job.onsite { color: var(--sys-cyan) !important; border-color: color-mix(in srgb,var(--sys-cyan) 28%,transparent); border-left-color: var(--sys-cyan); background: var(--sys-cyan-bg) !important; }
body.enterprise-theme.app-mode .dispatch-job.completed { color: var(--sys-green) !important; border-color: color-mix(in srgb,var(--sys-green) 28%,transparent); border-left-color: var(--sys-green); background: var(--sys-green-bg) !important; }
body.enterprise-theme.app-mode .dispatch-job.invoiced { color: var(--sys-purple) !important; border-color: color-mix(in srgb,var(--sys-purple) 28%,transparent); border-left-color: var(--sys-purple); background: var(--sys-purple-bg) !important; }
body.enterprise-theme.app-mode .dispatch-job.unassigned { color: var(--sys-red) !important; border-color: color-mix(in srgb,var(--sys-red) 28%,transparent); border-left-color: var(--sys-red); background: var(--sys-red-bg) !important; }

/* Customer, pricebook, reporting and chart meaning */
body.enterprise-theme.app-mode .cust-tag-vip { color: var(--sys-orange) !important; background: var(--sys-orange-bg) !important; }
body.enterprise-theme.app-mode .cust-tag-new { color: var(--sys-blue) !important; background: var(--sys-blue-bg) !important; }
body.enterprise-theme.app-mode .cust-tag-agree { color: var(--sys-purple) !important; background: var(--sys-purple-bg) !important; }
body.enterprise-theme.app-mode .pb-item-tier.good { color: var(--sys-blue); }
body.enterprise-theme.app-mode .pb-item-tier.better { color: var(--sys-green); }
body.enterprise-theme.app-mode .pb-item-tier.best { color: var(--sys-purple); }
body.enterprise-theme.app-mode .bar-fill,
body.enterprise-theme.app-mode .rep-bar-fill { background: linear-gradient(to top,var(--sys-blue),color-mix(in srgb,var(--sys-blue) 44%,white)); box-shadow: 0 6px 15px color-mix(in srgb,var(--sys-blue) 18%,transparent); }
body.enterprise-theme.app-mode .wf-bars .b,
body.enterprise-theme.app-mode :where(.wf-progress-fill,.wf-bar-fill) { background: linear-gradient(180deg,var(--sys-blue),color-mix(in srgb,var(--sys-blue) 48%,black)) !important; }
body.enterprise-theme.app-mode .wf-stat .n.red { color: var(--sys-red) !important; }
body.enterprise-theme.app-mode .wf-stat .n.amber { color: var(--sys-orange) !important; }
body.enterprise-theme.app-mode .wf-stat .n.teal { color: var(--sys-green) !important; }

/* Obsidian-specific semantic states outrank the dark surface rules above. */
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step.active::after { background: var(--sys-blue) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .lifecycle-step.attention::after { background: var(--sys-orange) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need-ic.ok { color: var(--sys-green); background: var(--sys-green-bg); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need-ic.info { color: var(--sys-blue); background: var(--sys-blue-bg); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .ov-need-ic:not(.ok):not(.info) { color: var(--sys-orange); background: var(--sys-orange-bg); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.st-approved,.st-paid,.st-converted,.st-completed,.st-received,.st-connected,.st-on,.bg-bk) { color: var(--sys-green) !important; border-color: color-mix(in srgb,var(--sys-green) 30%,transparent) !important; background: var(--sys-green-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.st-sent,.st-quoted,.st-pending,.st-enroute) { color: var(--sys-blue) !important; border-color: color-mix(in srgb,var(--sys-blue) 30%,transparent) !important; background: var(--sys-blue-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.st-urgent,.st-scheduled,.bg-in) { color: var(--sys-orange) !important; border-color: color-mix(in srgb,var(--sys-orange) 30%,transparent) !important; background: var(--sys-orange-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.st-overdue,.st-low,.st-lost,.st-emergency,.st-off,.bg-es) { color: var(--sys-red) !important; border-color: color-mix(in srgb,var(--sys-red) 30%,transparent) !important; background: var(--sys-red-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job.scheduled { color: var(--sys-blue) !important; border-color: color-mix(in srgb,var(--sys-blue) 32%,transparent); border-left-color: var(--sys-blue); background: var(--sys-blue-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job.enroute { color: var(--sys-orange) !important; border-color: color-mix(in srgb,var(--sys-orange) 32%,transparent); border-left-color: var(--sys-orange); background: var(--sys-orange-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job.onsite { color: var(--sys-cyan) !important; border-color: color-mix(in srgb,var(--sys-cyan) 32%,transparent); border-left-color: var(--sys-cyan); background: var(--sys-cyan-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job.completed { color: var(--sys-green) !important; border-color: color-mix(in srgb,var(--sys-green) 32%,transparent); border-left-color: var(--sys-green); background: var(--sys-green-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job.invoiced { color: var(--sys-purple) !important; border-color: color-mix(in srgb,var(--sys-purple) 32%,transparent); border-left-color: var(--sys-purple); background: var(--sys-purple-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .dispatch-job.unassigned { color: var(--sys-red) !important; border-color: color-mix(in srgb,var(--sys-red) 32%,transparent); border-left-color: var(--sys-red); background: var(--sys-red-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cust-tag-vip { color: var(--sys-orange) !important; background: var(--sys-orange-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cust-tag-new { color: var(--sys-blue) !important; background: var(--sys-blue-bg) !important; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode .cust-tag-agree { color: var(--sys-purple) !important; background: var(--sys-purple-bg) !important; }

/* ═══════════════════════════════════════════════════════════
   STANDARD — familiar, compact, navy + teal Tradellen UI
   Fancy remains available through Settings.
   ═══════════════════════════════════════════════════════════ */
html[data-ui="standard"] body.enterprise-theme.app-mode {
  color-scheme: light;
  --ink: #0d1b2a;
  --ink2: #263e52;
  --ink3: #526b7d;
  --ink4: #5f6f79;
  --w: #fff;
  --bg: #f4f7fa;
  --bg2: #eaf0f4;
  --bdr: rgba(13,27,42,.09);
  --bdr2: rgba(13,27,42,.16);
  --teal: #1bd4a8;
  --teal-d: #078c70;
  --teal-glow: rgba(27,212,168,.12);
  --orange: #ff6535;
  background: #f4f7fa;
}
html[data-ui="standard"] body.enterprise-theme.app-mode #app { gap: 0; padding: 0; background: #f4f7fa; }
html[data-ui="standard"] body.enterprise-theme.app-mode aside { width: 252px; height: 100vh; border: 0; border-right: 1px solid rgba(27,212,168,.09); border-radius: 0; background: linear-gradient(180deg,#081c29,#061620); box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .sb-hd { padding: 18px 16px 14px; }
html[data-ui="standard"] body.enterprise-theme.app-mode .sb-mark { width: 36px; height: 36px; border-radius: 9px; background: linear-gradient(135deg,#27E3B4,#12B894); box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .sb-agent { padding: 11px 13px; border-color: rgba(27,212,168,.14); border-radius: 10px; background: rgba(27,212,168,.055); box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .nb { min-height: 39px; padding: 9px 12px; border-radius: 8px; color: rgba(255,255,255,.53); font-size: 12.5px; transform: none; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .nb:hover { color: #fff; background: rgba(255,255,255,.055); transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .nb.act { color: #071a27; background: #1bd4a8; box-shadow: none; transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .nb.act svg { color: #071a27; }
html[data-ui="standard"] body.enterprise-theme.app-mode #main { border-radius: 0; background: #f4f7fa; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .topbar { height: 64px; padding: 0 26px; border: 0; border-bottom: 1px solid var(--bdr); border-radius: 0; background: #fff; box-shadow: 0 2px 10px rgba(13,27,42,.04); backdrop-filter: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .tb-cmd { min-height: 38px; border-radius: 8px; background: #f4f7fa; box-shadow: none; transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .tb-status { min-height: 36px; border-radius: 999px; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .tb-avatar { width: 36px; height: 36px; border-radius: 50%; background: #0d1b2a; box-shadow: none; transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .content { padding: 26px 28px 56px; border: 0; border-radius: 0; background: #f4f7fa; box-shadow: none; backdrop-filter: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .content::before { display: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .page.act { animation: pgIn .24s ease both; }
html[data-ui="standard"] body.enterprise-theme.app-mode .ov-hero { padding: 17px 24px; margin: 2px 0 14px; border: 1px solid rgba(27,212,168,.14); border-radius: 14px; background: linear-gradient(135deg,#0a2230,#071925); box-shadow: 0 8px 24px rgba(7,25,37,.12); }
html[data-ui="standard"] body.enterprise-theme.app-mode .ov-hero::before { right: -56px; top: -70px; opacity: .55; }
html[data-ui="standard"] body.enterprise-theme.app-mode .ov-greeting { font-size: 24px; text-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .ov-summary { margin-top: 6px; font-size: 14px; }
html[data-ui="standard"] body.enterprise-theme.app-mode .ov-summary { color: rgba(255,255,255,.58); }
html[data-ui="standard"] body.enterprise-theme.app-mode :where(.enterprise-context,.ov-needs,.service-lifecycle,.tab-row) { border-color: var(--bdr); border-radius: 12px; background: #fff; box-shadow: 0 2px 10px rgba(13,27,42,.035); backdrop-filter: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context { gap: 0; padding: 0; overflow: hidden; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context > div { padding: 15px 16px; border: 0; border-left: 1px solid var(--bdr); border-radius: 0; background: #fff; box-shadow: none; transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context > div:first-child { border-left: 0; color: #fff; background: #0a2230; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context > div:first-child span { color: rgba(255,255,255,.46); }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context > div:first-child strong { color: #fff; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context .brief-label { margin:0; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context .brief-value { display:flex; flex-direction:column; gap:4px; margin:0; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context .brief-value strong { margin:0; font-weight:650; }
html[data-ui="standard"] body.enterprise-theme.app-mode .enterprise-context .brief-value span { margin:0; font-weight:400; letter-spacing:0; text-transform:none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-grid { gap: 0; padding: 0; background: #fff; }
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step { min-height: 92px; border: 0 !important; border-left: 1px solid var(--bdr) !important; border-radius: 0; background: #fff; box-shadow: none; transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step:first-child { border-left: 0 !important; }
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step:hover { background: #f7fafb; transform: none; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step.active { color: var(--ink); background: rgba(27,212,168,.08); box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .service-lifecycle-head { align-items:center; }
html[data-ui="standard"] body.enterprise-theme.app-mode .service-lifecycle-head h2,
html[data-ui="standard"] body.enterprise-theme.app-mode .service-lifecycle-head p { margin:0; }
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step > span,
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step > strong,
html[data-ui="standard"] body.enterprise-theme.app-mode .lifecycle-step > small { margin:0; }
html[data-ui="standard"] body.enterprise-theme.app-mode .tab-row { padding: 4px; }
html[data-ui="standard"] body.enterprise-theme.app-mode .tp { min-height: 34px; border-radius: 7px; }
html[data-ui="standard"] body.enterprise-theme.app-mode .tp.act { color: #071a27; background: #1bd4a8; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .metrics-grid { gap: 14px; }
html[data-ui="standard"] body.enterprise-theme.app-mode .mc { min-height: 132px; padding: 20px; border: 1px solid var(--bdr); border-radius: 12px; background: #fff; box-shadow: 0 2px 10px rgba(13,27,42,.045); transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .mc:hover { border-color: rgba(27,212,168,.36); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(13,27,42,.08); }
html[data-ui="standard"] body.enterprise-theme.app-mode .mc::before { display: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .mc::after { left: 0; right: 0; height: 3px; border-radius: 0; }
html[data-ui="standard"] body.enterprise-theme.app-mode :where(.chart-card,.tbl-card,.pn-card,.loc-page-card,.agent-script-card,.agent-chat-card,.s-card,.wf-stat,.wf-row,.wf-card,.wf-empty,.wf-thread,.cal-wrap,.asst-wrap,.dispatch-board-wrap,.rep-card,.sync-cell,.tm-card,.cust-stat,.kanban-col,.kanban-card,.pb-item,.wf-tbl) { border-color: var(--bdr) !important; border-radius: 12px; color: var(--ink); background: #fff !important; box-shadow: 0 2px 10px rgba(13,27,42,.04); backdrop-filter: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode :where(.wf-card,.wf-row,.wf-stat,.pn-card,.loc-page-card,.s-card,.rep-card,.sync-cell,.tm-card,.cust-stat,.kanban-card,.pb-item):hover { border-color: rgba(27,212,168,.34) !important; background: #fff !important; box-shadow: 0 8px 20px rgba(13,27,42,.075); transform: translateY(-2px); }
html[data-ui="standard"] body.enterprise-theme.app-mode :where(.wf-btn,.s-btn,.chat-send,.dispatch-nav-btn.act,.form-submit),
html[data-ui="standard"] body.enterprise-theme.app-mode [style*="background:var(--teal)"]:not(.trial-upgrade) { color: #071a27 !important; background: #1bd4a8 !important; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode :where(.wf-in,.s-in,.chat-input,.form-input,.auth-input,.jstage,.cust-search,.asst-input-row input) { color: var(--ink); border-color: var(--bdr2); border-radius: 8px; background: #fff; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-wrap { padding: 18px; border-radius: 12px; background: #fff !important; }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-nav button { width: 36px; height: 36px; border-color: var(--bdr); border-radius: 8px; color: var(--ink); background: #f4f7fa; box-shadow: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-grid { gap: 6px; }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-cell { min-height: 96px; padding: 7px; border-color: var(--bdr); border-radius: 9px; color: var(--ink); background: #fff; box-shadow: none; transform: none; }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-cell:hover { background: #f7fafb; transform: none; box-shadow: inset 0 0 0 1px rgba(27,212,168,.2); }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-cell.today { border-color: #1bd4a8; background: rgba(27,212,168,.06); box-shadow: inset 0 0 0 1px #1bd4a8; }
html[data-ui="standard"] body.enterprise-theme.app-mode .cal-cell.today .cal-daynum { color: var(--ink); }
html[data-ui="standard"] body.enterprise-theme.app-mode .appearance-choice,
html[data-ui="standard"] body.enterprise-theme.app-mode .ui-style-choice { color: var(--ink); background: #fff; }

/* Interface-style selector */
body.enterprise-theme.app-mode .ui-style-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 8px 0 18px; }
body.enterprise-theme.app-mode .ui-style-choice { min-height: 112px; display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid var(--bdr2); border-radius: 17px; color: var(--ink); background: var(--w); cursor: pointer; font-family: inherit; text-align: left; transition: transform .25s ease, box-shadow .25s ease, border-color .2s ease; }
body.enterprise-theme.app-mode .ui-style-choice:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.1); }
body.enterprise-theme.app-mode .ui-style-choice.selected { border-color: var(--teal); box-shadow: 0 0 0 3px var(--teal-glow); }
body.enterprise-theme.app-mode .ui-style-choice > span:last-child { min-width: 0; }
body.enterprise-theme.app-mode .ui-style-choice strong,
body.enterprise-theme.app-mode .ui-style-choice small { display: block; }
body.enterprise-theme.app-mode .ui-style-choice strong { font-size: 13px; }
body.enterprise-theme.app-mode .ui-style-choice small { margin-top: 5px; color: var(--ink4); font-size: 10.5px; line-height: 1.4; }
body.enterprise-theme.app-mode .ui-style-preview { position: relative; flex: none; width: 82px; height: 72px; overflow: hidden; display: block; border-radius: 13px; }
body.enterprise-theme.app-mode .ui-style-preview i,
body.enterprise-theme.app-mode .ui-style-preview b,
body.enterprise-theme.app-mode .ui-style-preview em { position: absolute; display: block; border-radius: 5px; }
body.enterprise-theme.app-mode .ui-style-preview i { left: 7px; top: 7px; bottom: 7px; width: 19px; }
body.enterprise-theme.app-mode .ui-style-preview b { left: 32px; right: 7px; top: 8px; height: 18px; }
body.enterprise-theme.app-mode .ui-style-preview em { left: 32px; right: 7px; top: 32px; bottom: 8px; }
body.enterprise-theme.app-mode .ui-style-preview.standard { border: 1px solid rgba(27,212,168,.22); background: #081c29; }
body.enterprise-theme.app-mode .ui-style-preview.standard i { background: #061620; }
body.enterprise-theme.app-mode .ui-style-preview.standard b { background: #1bd4a8; }
body.enterprise-theme.app-mode .ui-style-preview.standard em { background: #fff; }
body.enterprise-theme.app-mode .ui-style-preview.fancy { border: 1px solid rgba(255,255,255,.12); background: #050505; box-shadow: 0 0 16px rgba(255,255,255,.12); }
body.enterprise-theme.app-mode .ui-style-preview.fancy i { background: #202020; }
body.enterprise-theme.app-mode .ui-style-preview.fancy b { background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.55); }
body.enterprise-theme.app-mode .ui-style-preview.fancy em { background: #171717; }

@media (max-width: 760px) {
  body.enterprise-theme.app-mode .ui-style-choices { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════
   LIVE OPERATIONS COMMAND CENTER
   Mirrors the cinematic call → dispatch → revenue story.
   ═══════════════════════════════════════════════════════════ */
body.enterprise-theme.app-mode .live-command-grid {
  --live-bg: #06141e;
  --live-surface: rgba(10,34,48,.86);
  --live-surface-2: rgba(13,43,58,.72);
  --live-line: rgba(27,212,168,.18);
  --live-text: #f4f8fa;
  --live-muted: rgba(220,235,239,.52);
  --live-accent: #1bd4a8;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);
  gap: 14px;
  margin: 18px 0 22px;
}
body.enterprise-theme.app-mode .live-console {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--live-line);
  border-radius: 22px;
  color: var(--live-text);
  background:
    radial-gradient(circle at 92% 4%,rgba(27,212,168,.10),transparent 27%),
    linear-gradient(145deg,var(--live-surface),var(--live-bg));
  box-shadow: 0 22px 58px rgba(3,15,23,.22),inset 0 1px 0 rgba(255,255,255,.05);
}
body.enterprise-theme.app-mode .live-console::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom,#000,transparent 82%);
}
body.enterprise-theme.app-mode .live-console-head {
  position: relative;
  z-index: 2;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.018);
}
body.enterprise-theme.app-mode .live-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--live-accent);
  font-size: 9px;
  font-weight: 720;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}
body.enterprise-theme.app-mode .live-kicker i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--live-accent);
  box-shadow: 0 0 0 5px rgba(27,212,168,.08),0 0 18px rgba(27,212,168,.8);
  animation: livePulse 2s ease-in-out infinite;
}
body.enterprise-theme.app-mode .live-console-head h2 {
  margin: 7px 0 0;
  color: var(--live-text);
  font-size: clamp(16px,1.55vw,21px);
  font-weight: 620;
  line-height: 1.15;
  letter-spacing: -.025em;
}
body.enterprise-theme.app-mode .live-call-clock { flex: 0 0 auto; text-align: right; }
body.enterprise-theme.app-mode .live-call-clock span,
body.enterprise-theme.app-mode .live-call-clock strong { display: block; }
body.enterprise-theme.app-mode .live-call-clock span { max-width: 150px; overflow: hidden; color: var(--live-muted); font-family: 'IBM Plex Mono',monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body.enterprise-theme.app-mode .live-call-clock strong { margin-top: 5px; color: var(--live-accent); font-family: 'IBM Plex Mono',monospace; font-size: 17px; font-variant-numeric: tabular-nums; letter-spacing: .04em; }

body.enterprise-theme.app-mode .live-wave {
  position: relative;
  z-index: 2;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 5px 20px 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
body.enterprise-theme.app-mode .live-wave i {
  width: 3px;
  height: 9px;
  border-radius: 99px;
  background: linear-gradient(to top,#0b8e71,#62f0ce);
  box-shadow: 0 0 10px rgba(27,212,168,.28);
  animation: liveWave 1.1s ease-in-out infinite alternate;
}
body.enterprise-theme.app-mode .live-wave i:nth-child(2n) { animation-delay: -.25s; }
body.enterprise-theme.app-mode .live-wave i:nth-child(3n) { animation-delay: -.55s; }
body.enterprise-theme.app-mode .live-wave i:nth-child(4n) { animation-delay: -.75s; }
body.enterprise-theme.app-mode .live-transcript {
  position: relative;
  z-index: 2;
  min-height: 210px;
  max-height: 260px;
  overflow: hidden;
  padding: 14px 20px 8px;
  mask-image: linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%);
}
body.enterprise-theme.app-mode .live-line { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 11px; padding: 8px 0; animation: liveLineIn .45s cubic-bezier(.22,1,.36,1) both; }
body.enterprise-theme.app-mode .live-line span { padding-top: 2px; color: rgba(255,255,255,.32); font-family: 'IBM Plex Mono',monospace; font-size: 8.5px; font-weight: 650; letter-spacing: .1em; }
body.enterprise-theme.app-mode .live-line.aria span { color: var(--live-accent); }
body.enterprise-theme.app-mode .live-line p { margin: 0; color: rgba(245,250,252,.79); font-size: 12.5px; line-height: 1.5; }
body.enterprise-theme.app-mode .live-line.caller p { color: rgba(27,212,168,.77); }
body.enterprise-theme.app-mode .live-call-intel {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  margin-top: auto;
  border-top: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.07);
}
body.enterprise-theme.app-mode .live-call-intel > div { min-width: 0; padding: 13px 16px; background: rgba(4,18,27,.86); }
body.enterprise-theme.app-mode .live-call-intel span,
body.enterprise-theme.app-mode .live-call-intel strong { display: block; }
body.enterprise-theme.app-mode .live-call-intel span { color: rgba(255,255,255,.31); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
body.enterprise-theme.app-mode .live-call-intel strong { margin-top: 5px; overflow: hidden; color: rgba(255,255,255,.82); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

body.enterprise-theme.app-mode .live-open {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid rgba(27,212,168,.22);
  border-radius: 10px;
  color: var(--live-accent);
  background: rgba(27,212,168,.06);
  cursor: pointer;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 650;
  transition: transform .22s ease,background .2s ease,border-color .2s ease;
}
body.enterprise-theme.app-mode .live-open:hover { transform: translateY(-2px); border-color: rgba(27,212,168,.5); background: rgba(27,212,168,.11); }
body.enterprise-theme.app-mode .live-map {
  position: relative;
  z-index: 2;
  height: 255px;
  overflow: hidden;
  margin: 14px 14px 0;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 17px;
  background: #071925;
}
body.enterprise-theme.app-mode .live-map .leaflet-tile-pane { filter: saturate(1.02) brightness(.9) contrast(1.03); }
body.enterprise-theme.app-mode .live-tech-icon { z-index:700!important; overflow:visible!important; background:transparent!important; border:0!important; }
body.enterprise-theme.app-mode .live-tech-marker { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 3px solid #fff; border-radius: 50%; color: #06141e; background: var(--marker); box-shadow: 0 0 0 7px color-mix(in srgb,var(--marker) 22%,transparent),0 8px 22px rgba(0,0,0,.55); font: 850 10px Inter,sans-serif; cursor: pointer; }
body.enterprise-theme.app-mode .tech-map-label { padding:6px 9px; border:1px solid rgba(255,255,255,.18); border-radius:8px; color:#fff; background:rgba(3,15,23,.9); box-shadow:0 8px 20px rgba(0,0,0,.3); font:700 10px Inter,sans-serif; }
body.enterprise-theme.app-mode .tech-map-label::before { display:none; }
body.enterprise-theme.app-mode .live-map-privacy { margin:8px 15px 0; color:rgba(255,255,255,.42); font-size:8.5px; line-height:1.45; }
body.enterprise-theme.app-mode .live-crew-list { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; padding: 10px 14px 14px; }
body.enterprise-theme.app-mode .live-crew { min-width: 0; display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid rgba(255,255,255,.065); border-radius: 11px; color: inherit; background: rgba(255,255,255,.025); font: inherit; text-align: left; cursor: pointer; transition: transform .18s ease,border-color .18s ease,background .18s ease; }
body.enterprise-theme.app-mode .live-crew:hover { transform: translateY(-2px); border-color: rgba(27,212,168,.28); background: rgba(27,212,168,.055); }
body.enterprise-theme.app-mode .live-crew-avatar { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; color: #06141e; background: var(--live-accent); font-size: 8.5px; font-weight: 800; }
body.enterprise-theme.app-mode .live-crew.offline .live-crew-avatar { color: rgba(255,255,255,.6); background: rgba(255,255,255,.1); }
body.enterprise-theme.app-mode .live-crew-copy { min-width: 0; }
body.enterprise-theme.app-mode .live-crew-copy strong,
body.enterprise-theme.app-mode .live-crew-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.enterprise-theme.app-mode .live-crew-copy strong { color: rgba(255,255,255,.79); font-size: 9.5px; }
body.enterprise-theme.app-mode .live-crew-copy small { margin-top: 3px; color: rgba(255,255,255,.31); font-size: 8px; }
body.enterprise-theme.app-mode .live-empty { grid-column: 1/-1; padding: 14px; color: var(--live-muted); font-size: 11px; text-align: center; }

body.enterprise-theme.app-mode .signal-rail {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr minmax(28px,.32fr) 1fr minmax(28px,.32fr) 1fr minmax(28px,.32fr) 1fr;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--live-line);
  border-radius: 18px;
  color: var(--live-text);
  background: linear-gradient(90deg,rgba(6,20,30,.97),rgba(10,34,48,.94));
  box-shadow: 0 15px 38px rgba(3,15,23,.18),inset 0 1px 0 rgba(255,255,255,.045);
}
body.enterprise-theme.app-mode .signal-node { min-width: 0; display: grid; grid-template-columns: 30px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
body.enterprise-theme.app-mode .signal-node i { grid-row: 1/3; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; color: rgba(255,255,255,.35); background: rgba(255,255,255,.03); font-family: 'IBM Plex Mono',monospace; font-size: 8px; font-style: normal; }
body.enterprise-theme.app-mode .signal-node.active i { color: #06141e; border-color: var(--live-accent); background: var(--live-accent); box-shadow: 0 0 18px rgba(27,212,168,.25); }
body.enterprise-theme.app-mode .signal-node span { color: rgba(255,255,255,.78); font-size: 10.5px; font-weight: 650; }
body.enterprise-theme.app-mode .signal-node small { overflow: hidden; color: rgba(255,255,255,.3); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body.enterprise-theme.app-mode .signal-line { position: relative; height: 1px; overflow: hidden; background: rgba(255,255,255,.08); }
body.enterprise-theme.app-mode .signal-line b { position: absolute; top: 0; left: -35%; width: 35%; height: 100%; background: linear-gradient(90deg,transparent,var(--live-accent),transparent); animation: signalFlow 2.2s ease-in-out infinite; }

html[data-ui="fancy"][data-theme="obsidian"] body.enterprise-theme.app-mode .live-console,
html[data-ui="fancy"][data-theme="obsidian"] body.enterprise-theme.app-mode .signal-rail { box-shadow: 0 28px 80px rgba(0,0,0,.48),0 0 32px rgba(27,212,168,.045),inset 0 1px 0 rgba(255,255,255,.065); }
html[data-ui="fancy"] body.enterprise-theme.app-mode #page-overview .service-lifecycle { display: none; }

@keyframes livePulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.65; transform:scale(.78); } }
@keyframes liveWave { from { height:8px; opacity:.45; } to { height:35px; opacity:1; } }
@keyframes liveLineIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes liveRoute { to { stroke-dashoffset:-36; } }
@keyframes mapScan { 0%,10% { transform:translateY(-80%); opacity:0; } 35%,65% { opacity:1; } 90%,100% { transform:translateY(430%); opacity:0; } }
@keyframes pinRadar { 0% { opacity:.7; transform:scale(.65); } 100% { opacity:0; transform:scale(1.55); } }
@keyframes signalFlow { 0% { transform:translateX(0); opacity:0; } 20%,80% { opacity:1; } 100% { transform:translateX(385%); opacity:0; } }

@media (max-width: 1120px) {
  body.enterprise-theme.app-mode .live-command-grid { grid-template-columns: 1fr; }
  body.enterprise-theme.app-mode .live-transcript { min-height: 190px; }
}
@media (max-width: 720px) {
  body.enterprise-theme.app-mode .live-console-head { align-items: flex-start; }
  body.enterprise-theme.app-mode .live-call-clock { padding-top: 2px; }
  body.enterprise-theme.app-mode .live-call-intel,
  body.enterprise-theme.app-mode .live-crew-list { grid-template-columns: 1fr; }
  body.enterprise-theme.app-mode .signal-rail { grid-template-columns: 1fr; gap: 6px; }
  body.enterprise-theme.app-mode .signal-line { width: 1px; height: 18px; margin-left: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  body.enterprise-theme.app-mode .live-command-grid *,
  body.enterprise-theme.app-mode .live-command-grid *::before,
  body.enterprise-theme.app-mode .live-command-grid *::after { animation: none !important; transition-duration: .01ms !important; }
}

/* Procurement, property profiles and customer hub parity workflows. */
body.enterprise-theme.app-mode .supply-automation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb,var(--teal) 24%,var(--bdr));
  border-radius: 18px;
  background: linear-gradient(135deg,color-mix(in srgb,var(--teal-glow) 70%,var(--w)),var(--w));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
body.enterprise-theme.app-mode .supply-automation > div:first-child { min-width: 0; }
body.enterprise-theme.app-mode .supply-kicker { display: block; color: var(--teal-d); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
body.enterprise-theme.app-mode .supply-automation strong,
body.enterprise-theme.app-mode .supply-automation small { display: block; }
body.enterprise-theme.app-mode .supply-automation strong { margin-top: 6px; color: var(--ink); font-size: 15px; }
body.enterprise-theme.app-mode .supply-automation small { margin-top: 4px; color: var(--ink4); font-size: 11.5px; line-height: 1.45; }
body.enterprise-theme.app-mode .supply-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; }
body.enterprise-theme.app-mode .supply-switch { display: inline-flex; align-items: center; gap: 8px; color: var(--ink3); cursor: pointer; font-size: 11.5px; font-weight: 650; white-space: nowrap; }
body.enterprise-theme.app-mode .supply-switch input { position: absolute; opacity: 0; pointer-events: none; }
body.enterprise-theme.app-mode .supply-switch span { position: relative; width: 38px; height: 22px; border-radius: 999px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--bdr2); transition: background .2s ease; }
body.enterprise-theme.app-mode .supply-switch span::after { content:""; position:absolute; left:3px; top:3px; width:16px; height:16px; border-radius:50%; background:var(--ink4); transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease; }
body.enterprise-theme.app-mode .supply-switch input:checked + span { background: var(--teal-glow); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--teal) 50%,transparent); }
body.enterprise-theme.app-mode .supply-switch input:checked + span::after { background: var(--teal); transform: translateX(16px); }

body.enterprise-theme.app-mode .portal-cap-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
body.enterprise-theme.app-mode .portal-cap { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 16px; border: 1px solid var(--bdr); border-radius: 14px; background: var(--w); }
body.enterprise-theme.app-mode .portal-cap > div { min-width: 0; }
body.enterprise-theme.app-mode .portal-cap strong,
body.enterprise-theme.app-mode .portal-cap small { display: block; }
body.enterprise-theme.app-mode .portal-cap strong { color: var(--ink); font-size: 12.5px; }
body.enterprise-theme.app-mode .portal-cap small { margin-top: 4px; color: var(--ink4); font-size: 10.5px; line-height: 1.45; }
body.enterprise-theme.app-mode .portal-auto { margin-top: 14px; }
body.enterprise-theme.app-mode .portal-auto-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 0; border-top: 1px solid var(--bdr); }
body.enterprise-theme.app-mode .portal-auto-row > span { min-width: 0; }
body.enterprise-theme.app-mode .portal-auto-row strong,
body.enterprise-theme.app-mode .portal-auto-row small { display: block; }
body.enterprise-theme.app-mode .portal-auto-row strong { color: var(--ink); font-size: 12px; }
body.enterprise-theme.app-mode .portal-auto-row small { margin-top: 4px; color: var(--ink4); font-size: 10.5px; line-height: 1.4; }
body.enterprise-theme.app-mode .portal-preview { padding: 18px; border: 1px solid var(--bdr); border-radius: 16px; background: var(--bg); }
body.enterprise-theme.app-mode .portal-preview-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
body.enterprise-theme.app-mode .portal-preview-brand > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #06141e; background: #1bd4a8; font-weight: 800; }
body.enterprise-theme.app-mode .portal-preview-brand strong,
body.enterprise-theme.app-mode .portal-preview-brand small { display: block; }
body.enterprise-theme.app-mode .portal-preview-brand strong { color: var(--ink); font-size: 13px; }
body.enterprise-theme.app-mode .portal-preview-brand small { margin-top: 2px; color: var(--ink4); font-size: 10.5px; }
body.enterprise-theme.app-mode .portal-preview-alert { margin-bottom: 12px; padding: 10px 12px; border: 1px solid rgba(27,212,168,.22); border-radius: 10px; color: var(--teal-d); background: rgba(27,212,168,.08); font-size: 11.5px; font-weight: 650; }

html[data-ui="fancy"] body.enterprise-theme.app-mode .supply-automation,
html[data-ui="fancy"] body.enterprise-theme.app-mode .portal-cap,
html[data-ui="fancy"] body.enterprise-theme.app-mode .portal-auto { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }

@media (max-width: 820px) {
  body.enterprise-theme.app-mode .supply-automation { align-items: flex-start; flex-direction: column; }
  body.enterprise-theme.app-mode .supply-actions { width: 100%; justify-content: space-between; }
  body.enterprise-theme.app-mode .portal-cap-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  body.enterprise-theme.app-mode .supply-actions { align-items: stretch; flex-direction: column; }
  body.enterprise-theme.app-mode .portal-auto-row { align-items: flex-start; }
}

/* Functional field map and technician workday profile. */
body.enterprise-theme.app-mode .tm-card { width:100%; color:inherit; font:inherit; text-align:left; }
body.enterprise-theme.app-mode .tm-open { display:block; margin-top:10px; color:var(--teal-d); font-size:10.5px; font-weight:750; }
body.enterprise-theme.app-mode #ftMap .leaflet-tile-pane { filter:saturate(.82) brightness(.82) contrast(1.06); }
body.enterprise-theme.app-mode #ftMap .leaflet-control-layers { border:1px solid var(--bdr); border-radius:10px; color:var(--ink); background:var(--w); box-shadow:0 8px 22px rgba(0,0,0,.12); font:600 11px Inter,sans-serif; }
body.enterprise-theme.app-mode .tech-profile { display:flex; flex-direction:column; gap:14px; }
body.enterprise-theme.app-mode .tech-profile-head { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:12px; }
body.enterprise-theme.app-mode .tech-profile-avatar { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#06141e; background:var(--teal); box-shadow:0 8px 20px rgba(27,212,168,.22); font-size:12px; font-weight:850; }
body.enterprise-theme.app-mode .tech-profile-head h3 { margin:0; color:var(--ink); font-size:15px; }
body.enterprise-theme.app-mode .tech-profile-head p { margin:4px 0 0; color:var(--ink4); font-size:11px; }
body.enterprise-theme.app-mode .tech-current { padding:15px; border:1px solid color-mix(in srgb,var(--teal) 30%,var(--bdr)); border-radius:14px; background:color-mix(in srgb,var(--teal-glow) 62%,var(--w)); }
body.enterprise-theme.app-mode .tech-current span,body.enterprise-theme.app-mode .tech-current strong,body.enterprise-theme.app-mode .tech-current small { display:block; }
body.enterprise-theme.app-mode .tech-current span { color:var(--teal-d); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
body.enterprise-theme.app-mode .tech-current strong { margin-top:7px; color:var(--ink); font-size:13px; }
body.enterprise-theme.app-mode .tech-current p { margin:5px 0; color:var(--ink2); font-size:11.5px; }
body.enterprise-theme.app-mode .tech-current small { color:var(--ink4); font-size:10.5px; }
body.enterprise-theme.app-mode .tech-profile-section { padding:14px; border:1px solid var(--bdr); border-radius:14px; background:var(--w); }
body.enterprise-theme.app-mode .tech-section-title { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; }
body.enterprise-theme.app-mode .tech-section-title strong { color:var(--ink); font-size:12px; }
body.enterprise-theme.app-mode .tech-section-title span { color:var(--ink4); font-size:10px; }
body.enterprise-theme.app-mode .tech-history-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid var(--bdr); }
body.enterprise-theme.app-mode .tech-history-row strong,body.enterprise-theme.app-mode .tech-history-row span { display:block; }
body.enterprise-theme.app-mode .tech-history-row strong { color:var(--ink2); font-size:11.5px; }
body.enterprise-theme.app-mode .tech-history-row span,body.enterprise-theme.app-mode .tech-history-row time { margin-top:3px; color:var(--ink4); font-size:10px; }
body.enterprise-theme.app-mode .tech-notes { margin:0; padding-left:18px; color:var(--ink3); font-size:11px; line-height:1.6; }
body.enterprise-theme.app-mode .tech-profile-empty { padding:10px 0; color:var(--ink4); font-size:11px; }

/* Competitive workflow layer: pipeline, role personalization and intelligent dispatch. */
body.enterprise-theme.app-mode .ov-role { display:inline-flex; align-items:center; margin-bottom:8px; padding:5px 9px; border:1px solid color-mix(in srgb,var(--teal) 28%,var(--bdr)); border-radius:999px; color:var(--teal-d); background:color-mix(in srgb,var(--teal-glow) 65%,transparent); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.enterprise-theme.app-mode .pipeline-brief { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; margin-bottom:16px; border:1px solid var(--bdr); border-radius:16px; background:var(--bdr); }
body.enterprise-theme.app-mode .pipeline-brief > div { padding:16px; background:var(--w); }
body.enterprise-theme.app-mode .pipeline-brief span,body.enterprise-theme.app-mode .pipeline-brief strong,body.enterprise-theme.app-mode .pipeline-brief small { display:block; }
body.enterprise-theme.app-mode .pipeline-brief span { color:var(--ink4); font-size:8px; font-weight:800; letter-spacing:.1em; }
body.enterprise-theme.app-mode .pipeline-brief strong { margin-top:6px; color:var(--ink); font-size:20px; }
body.enterprise-theme.app-mode .pipeline-brief small { margin-top:3px; color:var(--ink4); font-size:9.5px; }
body.enterprise-theme.app-mode .pipeline-board { display:grid; grid-template-columns:repeat(6,minmax(205px,1fr)); gap:10px; overflow-x:auto; padding-bottom:8px; }
body.enterprise-theme.app-mode .pipeline-stage { min-height:430px; padding:10px; border:1px solid var(--bdr); border-radius:15px; background:color-mix(in srgb,var(--bg) 70%,var(--w)); }
body.enterprise-theme.app-mode .pipeline-stage > header { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; padding:4px 3px 11px; }
body.enterprise-theme.app-mode .pipeline-stage header strong,body.enterprise-theme.app-mode .pipeline-stage header span { display:block; }
body.enterprise-theme.app-mode .pipeline-stage header strong { color:var(--ink); font-size:11.5px; }
body.enterprise-theme.app-mode .pipeline-stage header span,body.enterprise-theme.app-mode .pipeline-stage header b { margin-top:3px; color:var(--ink4); font-size:9px; }
body.enterprise-theme.app-mode .pipeline-stack { display:flex; flex-direction:column; gap:8px; }
body.enterprise-theme.app-mode .pipeline-card { padding:12px; border:1px solid var(--bdr); border-radius:12px; background:var(--w); box-shadow:0 5px 14px rgba(4,18,28,.045); }
body.enterprise-theme.app-mode .pipeline-card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:9px; }
body.enterprise-theme.app-mode .pipeline-card-top > span { color:var(--ink4); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.enterprise-theme.app-mode .pipeline-card > strong,body.enterprise-theme.app-mode .pipeline-card > small,body.enterprise-theme.app-mode .pipeline-card > b { display:block; }
body.enterprise-theme.app-mode .pipeline-card > strong { color:var(--ink); font-size:11.5px; }
body.enterprise-theme.app-mode .pipeline-card > small { margin-top:4px; color:var(--ink4); font-size:9.5px; line-height:1.4; }
body.enterprise-theme.app-mode .pipeline-card > b { margin-top:8px; color:var(--teal-d); font-size:11px; }
body.enterprise-theme.app-mode .pipeline-card > button { width:100%; margin-top:10px; padding:7px; border:1px solid var(--bdr); border-radius:8px; color:var(--ink3); background:var(--bg); font:700 9.5px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .pipeline-card > button:hover { color:var(--teal-d); border-color:color-mix(in srgb,var(--teal) 45%,var(--bdr)); }
body.enterprise-theme.app-mode .pipeline-empty { padding:22px 8px; color:var(--ink4); font-size:10px; text-align:center; }

body.enterprise-theme.app-mode .workspace-hero { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:14px; padding:22px; border:1px solid rgba(27,212,168,.22); border-radius:18px; background:linear-gradient(135deg,rgba(27,212,168,.10),var(--w)); }
body.enterprise-theme.app-mode .workspace-hero span { color:var(--teal-d); font-size:8px; font-weight:850; letter-spacing:.12em; }
body.enterprise-theme.app-mode .workspace-hero h2 { margin:6px 0 4px; color:var(--ink); font-size:20px; }
body.enterprise-theme.app-mode .workspace-hero p { margin:0; color:var(--ink4); font-size:11px; }
body.enterprise-theme.app-mode .workspace-hero select { width:190px; flex:0 0 auto; }
body.enterprise-theme.app-mode .workspace-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:14px; }
body.enterprise-theme.app-mode .workspace-panel { overflow:auto; padding:17px; border:1px solid var(--bdr); border-radius:16px; background:var(--w); }
body.enterprise-theme.app-mode .workspace-panel > header { display:flex; justify-content:space-between; gap:12px; margin-bottom:13px; }
body.enterprise-theme.app-mode .workspace-panel header strong,body.enterprise-theme.app-mode .workspace-panel header small { display:block; }
body.enterprise-theme.app-mode .workspace-panel header strong { color:var(--ink); font-size:13px; }
body.enterprise-theme.app-mode .workspace-panel header small { margin-top:4px; color:var(--ink4); font-size:10px; }
body.enterprise-theme.app-mode .workspace-panel header button { border:0; color:var(--teal-d); background:transparent; font:750 10px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .permission-grid { min-width:520px; display:grid; grid-template-columns:minmax(140px,1fr) repeat(5,minmax(54px,66px)); align-items:center; }
body.enterprise-theme.app-mode .permission-callout { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:12px; padding:13px 15px; border:1px solid rgba(37,99,235,.18); border-radius:13px; background:rgba(37,99,235,.06); }
body.enterprise-theme.app-mode .permission-callout b,body.enterprise-theme.app-mode .permission-callout span { display:block; }
body.enterprise-theme.app-mode .permission-callout b { color:var(--ink); font-size:11.5px; }
body.enterprise-theme.app-mode .permission-callout span { margin-top:3px; color:var(--ink4); font-size:9.5px; }
body.enterprise-theme.app-mode .permission-callout button { flex:0 0 auto; border:0; color:#2563eb; background:transparent; font:750 9.5px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .permission-explain { display:grid; gap:8px; }
body.enterprise-theme.app-mode .permission-explain > div { padding:11px 12px; border:1px solid var(--bdr); border-radius:10px; background:var(--bg); }
body.enterprise-theme.app-mode .permission-explain b,body.enterprise-theme.app-mode .permission-explain span { display:block; }
body.enterprise-theme.app-mode .permission-explain b { color:var(--ink); font-size:11px; }
body.enterprise-theme.app-mode .permission-explain span { margin-top:3px; color:var(--ink4); font-size:10px; line-height:1.45; }
body.enterprise-theme.app-mode .nb.permission-locked { opacity:.34; }
body.enterprise-theme.app-mode .nb.permission-locked::after { content:'Locked'; margin-left:auto; color:rgba(255,255,255,.55); font-size:7px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
body.enterprise-theme.app-mode .permission-grid > b { padding:8px 4px; color:var(--ink4); font-size:9px; text-align:center; }
body.enterprise-theme.app-mode .permission-grid > span { padding:10px 0; border-top:1px solid var(--bdr); color:var(--ink3); font-size:10px; }
body.enterprise-theme.app-mode .permission-dot { height:37px; display:grid; place-items:center; padding:0; border:0; border-top:1px solid var(--bdr); background:transparent; cursor:pointer; }
body.enterprise-theme.app-mode .permission-dot i { width:18px; height:18px; border:1px solid var(--bdr2); border-radius:6px; background:var(--bg); }
body.enterprise-theme.app-mode .permission-dot.on i { border-color:var(--teal); background:var(--teal); box-shadow:0 0 14px rgba(27,212,168,.2); }
body.enterprise-theme.app-mode .permission-dot.on i::after { content:'✓'; display:grid; place-items:center; color:#06141e; font-size:11px; font-style:normal; font-weight:900; }
body.enterprise-theme.app-mode .custom-field-row { display:flex; justify-content:space-between; gap:10px; padding:11px 0; border-top:1px solid var(--bdr); }
body.enterprise-theme.app-mode .custom-field-row strong,body.enterprise-theme.app-mode .custom-field-row span { display:block; }
body.enterprise-theme.app-mode .custom-field-row strong { color:var(--ink); font-size:11px; }
body.enterprise-theme.app-mode .custom-field-row span { margin-top:4px; color:var(--ink4); font-size:9px; line-height:1.4; }
body.enterprise-theme.app-mode .custom-field-row button { border:0; color:#dc2626; background:transparent; font:700 9px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .workspace-empty { padding:24px 8px; color:var(--ink4); font-size:10.5px; line-height:1.6; text-align:center; }
body.enterprise-theme.app-mode .workspace-check { display:flex; align-items:flex-start; gap:8px; margin:10px 0; color:var(--ink3); font-size:11px; line-height:1.45; }
body.enterprise-theme.app-mode .workspace-check input { accent-color:var(--teal); }
body.enterprise-theme.app-mode .workspace-presets { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
body.enterprise-theme.app-mode .workspace-presets button { padding:14px; border:1px solid var(--bdr); border-radius:13px; color:inherit; background:var(--w); font:inherit; text-align:left; cursor:pointer; }
body.enterprise-theme.app-mode .workspace-presets b,body.enterprise-theme.app-mode .workspace-presets span { display:block; }
body.enterprise-theme.app-mode .workspace-presets b { color:var(--ink); font-size:11.5px; }
body.enterprise-theme.app-mode .workspace-presets span { margin-top:4px; color:var(--ink4); font-size:9.5px; line-height:1.4; }

body.enterprise-theme.app-mode .dispatch-intelligence { margin-bottom:14px; border:1px solid rgba(27,212,168,.2); border-radius:17px; background:linear-gradient(120deg,rgba(27,212,168,.08),var(--w)); }
body.enterprise-theme.app-mode .dispatch-intel-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:15px 17px; }
body.enterprise-theme.app-mode .dispatch-intel-head span,body.enterprise-theme.app-mode .dispatch-intel-head strong,body.enterprise-theme.app-mode .dispatch-intel-head small { display:block; }
body.enterprise-theme.app-mode .dispatch-intel-head span { color:var(--teal-d); font-size:8px; font-weight:850; letter-spacing:.12em; }
body.enterprise-theme.app-mode .dispatch-intel-head strong { margin-top:5px; color:var(--ink); font-size:13px; }
body.enterprise-theme.app-mode .dispatch-intel-head small { margin-top:3px; color:var(--ink4); font-size:9.5px; }
body.enterprise-theme.app-mode .capacity-ring { width:60px; height:60px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:radial-gradient(circle closest-side,var(--w) 76%,transparent 78% 99%),conic-gradient(var(--teal) var(--capacity),var(--bdr) 0); }
body.enterprise-theme.app-mode .capacity-ring b,body.enterprise-theme.app-mode .capacity-ring span { grid-area:1/1; }
body.enterprise-theme.app-mode .capacity-ring b { margin-top:-7px; color:var(--ink); font-size:12px; }
body.enterprise-theme.app-mode .capacity-ring span { margin-top:17px; color:var(--ink4); font-size:7px; }
body.enterprise-theme.app-mode .dispatch-recs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0 12px 12px; }
body.enterprise-theme.app-mode .dispatch-rec { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border:1px solid var(--bdr); border-radius:12px; background:var(--w); }
body.enterprise-theme.app-mode .dispatch-score { color:var(--teal-d); font-size:15px; font-weight:850; text-align:center; }
body.enterprise-theme.app-mode .dispatch-score small { display:block; color:var(--ink4); font-size:7px; }
body.enterprise-theme.app-mode .dispatch-rec strong,body.enterprise-theme.app-mode .dispatch-rec span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.enterprise-theme.app-mode .dispatch-rec strong { color:var(--ink); font-size:10.5px; }
body.enterprise-theme.app-mode .dispatch-rec span { margin-top:4px; color:var(--ink4); font-size:8.5px; }
body.enterprise-theme.app-mode .dispatch-rec button { padding:7px 9px; border:0; border-radius:8px; color:#06141e; background:var(--teal); font:800 8.5px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .dispatch-all-clear { padding:0 17px 15px; color:var(--ink4); font-size:10.5px; }

body.enterprise-theme.app-mode .field-sync { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid var(--bdr); border-radius:999px; color:var(--ink4); background:var(--w); font-size:9px; font-weight:700; }
body.enterprise-theme.app-mode .field-sync i { width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 10px rgba(27,212,168,.5); }
body.enterprise-theme.app-mode .field-tech-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:13px; }
body.enterprise-theme.app-mode .field-tech-tabs button { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; column-gap:9px; padding:11px; border:1px solid var(--bdr); border-radius:13px; color:inherit; background:var(--w); font:inherit; text-align:left; cursor:pointer; }
body.enterprise-theme.app-mode .field-tech-tabs button.act { border-color:rgba(27,212,168,.45); box-shadow:0 0 0 2px rgba(27,212,168,.09); }
body.enterprise-theme.app-mode .field-tech-tabs button > span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#06141e; background:var(--teal); font-size:9px; font-weight:850; }
body.enterprise-theme.app-mode .field-tech-tabs b,body.enterprise-theme.app-mode .field-tech-tabs small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.enterprise-theme.app-mode .field-tech-tabs b { color:var(--ink); font-size:10.5px; }
body.enterprise-theme.app-mode .field-tech-tabs small { margin-top:3px; color:var(--ink4); font-size:8.5px; }
body.enterprise-theme.app-mode .field-work-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr); gap:13px; }
body.enterprise-theme.app-mode .field-job-hero { padding:22px; border:1px solid rgba(27,212,168,.22); border-radius:18px; background:linear-gradient(145deg,rgba(27,212,168,.1),var(--w) 60%); }
body.enterprise-theme.app-mode .field-job-kicker { color:var(--teal-d); font-size:8px; font-weight:850; letter-spacing:.12em; }
body.enterprise-theme.app-mode .field-job-hero h2 { margin:8px 0 2px; color:var(--ink); font-size:22px; }
body.enterprise-theme.app-mode .field-job-hero h3 { margin:0; color:var(--ink2); font-size:14px; }
body.enterprise-theme.app-mode .field-job-hero > p { margin:6px 0 0; color:var(--ink4); font-size:10.5px; }
body.enterprise-theme.app-mode .field-status-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:18px 0; }
body.enterprise-theme.app-mode .field-status-flow button { padding:10px; border:1px solid var(--bdr); border-radius:10px; color:var(--ink3); background:var(--w); font:750 10px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .field-status-flow button.act { color:#06141e; border-color:var(--teal); background:var(--teal); }
body.enterprise-theme.app-mode .field-context { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
body.enterprise-theme.app-mode .field-context > div { padding:11px; border:1px solid var(--bdr); border-radius:11px; background:var(--w); }
body.enterprise-theme.app-mode .field-context span,body.enterprise-theme.app-mode .field-context strong,body.enterprise-theme.app-mode .field-context small { display:block; }
body.enterprise-theme.app-mode .field-context span { color:var(--ink4); font-size:8px; text-transform:uppercase; }
body.enterprise-theme.app-mode .field-context strong { margin-top:5px; color:var(--ink); font-size:10px; }
body.enterprise-theme.app-mode .field-context small { margin-top:3px; color:var(--ink4); font-size:8.5px; line-height:1.4; }
body.enterprise-theme.app-mode .field-side-panel { padding:16px; border:1px solid var(--bdr); border-radius:16px; background:var(--w); }
body.enterprise-theme.app-mode .field-side-panel > header { display:flex; justify-content:space-between; margin-bottom:7px; color:var(--ink); font-size:11px; }
body.enterprise-theme.app-mode .field-side-panel > header span { color:var(--teal-d); }
body.enterprise-theme.app-mode .field-check { width:100%; display:flex; align-items:center; gap:9px; padding:10px 0; border:0; border-top:1px solid var(--bdr); color:var(--ink3); background:transparent; font:inherit; text-align:left; cursor:pointer; }
body.enterprise-theme.app-mode .field-check i { width:20px; height:20px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--bdr2); border-radius:6px; color:#06141e; font-size:11px; font-style:normal; font-weight:900; }
body.enterprise-theme.app-mode .field-check span { font-size:10.5px; line-height:1.35; }
body.enterprise-theme.app-mode .field-check.done i { border-color:var(--teal); background:var(--teal); }
body.enterprise-theme.app-mode .field-check.done span { color:var(--ink4); text-decoration:line-through; }
body.enterprise-theme.app-mode .field-bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:13px; }
body.enterprise-theme.app-mode .field-close-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
body.enterprise-theme.app-mode .field-close-actions button { padding:10px; border:1px solid var(--bdr); border-radius:10px; color:var(--ink3); background:var(--bg); font:700 9.5px Inter,sans-serif; cursor:pointer; }

body.enterprise-theme.app-mode .academy-hero { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:24px; align-items:center; padding:24px; border:1px solid rgba(27,212,168,.24); border-radius:19px; background:linear-gradient(135deg,rgba(27,212,168,.12),var(--w) 62%); }
body.enterprise-theme.app-mode .academy-hero span { color:var(--teal-d); font-size:8px; font-weight:850; letter-spacing:.12em; }
body.enterprise-theme.app-mode .academy-hero h2 { margin:7px 0 5px; color:var(--ink); font-size:23px; }
body.enterprise-theme.app-mode .academy-hero p { max-width:620px; margin:0; color:var(--ink4); font-size:11px; line-height:1.55; }
body.enterprise-theme.app-mode .academy-hero > div:first-child > div { display:flex; gap:8px; margin-top:15px; }
body.enterprise-theme.app-mode .academy-hero > div:first-child button { padding:9px 12px; border:1px solid var(--bdr); border-radius:9px; color:var(--ink3); background:var(--w); font:750 10px Inter,sans-serif; cursor:pointer; }
body.enterprise-theme.app-mode .academy-hero > div:first-child button:first-child { color:#06141e; border-color:var(--teal); background:var(--teal); }
body.enterprise-theme.app-mode .academy-guide { height:125px; display:grid; place-items:center; align-content:center; border:1px solid rgba(255,255,255,.09); border-radius:18px; color:#fff; background:linear-gradient(145deg,#06141e,#0b2a3c); box-shadow:0 18px 40px rgba(3,15,23,.2); cursor:pointer; }
body.enterprise-theme.app-mode .academy-guide i { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#06141e; background:var(--teal); font-size:14px; font-style:normal; font-weight:900; box-shadow:0 0 24px rgba(27,212,168,.28); }
body.enterprise-theme.app-mode .academy-guide b { margin-top:8px; font-size:10px; }
body.enterprise-theme.app-mode .academy-guide span { margin-top:2px; color:rgba(255,255,255,.48); font-size:8px; letter-spacing:0; }
body.enterprise-theme.app-mode .academy-role-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin:13px 0; }
body.enterprise-theme.app-mode .academy-role-grid button { padding:14px; border:1px solid var(--bdr); border-radius:13px; color:inherit; background:var(--w); font:inherit; text-align:left; cursor:pointer; }
body.enterprise-theme.app-mode .academy-role-grid b,body.enterprise-theme.app-mode .academy-role-grid span,body.enterprise-theme.app-mode .academy-role-grid em { display:block; }
body.enterprise-theme.app-mode .academy-role-grid b { color:var(--ink); font-size:11px; }
body.enterprise-theme.app-mode .academy-role-grid span { margin-top:4px; color:var(--ink4); font-size:9px; }
body.enterprise-theme.app-mode .academy-role-grid em { margin-top:9px; color:var(--teal-d); font-size:9px; font-style:normal; font-weight:750; }
body.enterprise-theme.app-mode .academy-catalog { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
body.enterprise-theme.app-mode .academy-catalog section { overflow:hidden; border:1px solid var(--bdr); border-radius:14px; background:var(--w); }
body.enterprise-theme.app-mode .academy-catalog header { padding:11px 12px; border-bottom:1px solid var(--bdr); color:var(--ink4); background:var(--bg); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
body.enterprise-theme.app-mode .academy-catalog section button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 12px; border:0; border-bottom:1px solid var(--bdr); color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; }
body.enterprise-theme.app-mode .academy-catalog section button:last-child { border-bottom:0; }
body.enterprise-theme.app-mode .academy-catalog section button:hover { background:color-mix(in srgb,var(--teal-glow) 55%,transparent); }
body.enterprise-theme.app-mode .academy-catalog b,body.enterprise-theme.app-mode .academy-catalog span { display:block; }
body.enterprise-theme.app-mode .academy-catalog b { color:var(--ink); font-size:9.5px; }
body.enterprise-theme.app-mode .academy-catalog span { margin-top:3px; color:var(--ink4); font-size:8px; line-height:1.35; }
body.enterprise-theme.app-mode .academy-catalog i { color:var(--teal-d); font-size:11px; font-style:normal; }

@media(max-width:1100px){body.enterprise-theme.app-mode .academy-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){body.enterprise-theme.app-mode .pipeline-brief,body.enterprise-theme.app-mode .workspace-presets,body.enterprise-theme.app-mode .academy-role-grid{grid-template-columns:repeat(2,1fr)}body.enterprise-theme.app-mode .workspace-grid,body.enterprise-theme.app-mode .field-work-grid{grid-template-columns:1fr}body.enterprise-theme.app-mode .dispatch-recs{grid-template-columns:1fr}}
@media(max-width:560px){body.enterprise-theme.app-mode .pipeline-brief,body.enterprise-theme.app-mode .workspace-presets,body.enterprise-theme.app-mode .field-tech-tabs,body.enterprise-theme.app-mode .field-context,body.enterprise-theme.app-mode .field-bottom-grid,body.enterprise-theme.app-mode .academy-role-grid,body.enterprise-theme.app-mode .academy-catalog,body.enterprise-theme.app-mode .academy-hero{grid-template-columns:1fr}body.enterprise-theme.app-mode .workspace-hero{align-items:flex-start;flex-direction:column}body.enterprise-theme.app-mode .workspace-hero select{width:100%}}

/* Final theme precedence: appearance style must never override dark-mode readability. */
html[data-theme="obsidian"][data-ui="standard"] body.enterprise-theme.app-mode,
html[data-theme="obsidian"][data-ui="fancy"] body.enterprise-theme.app-mode {
  color-scheme:dark;
  --ink:#f4f8fa;--ink2:#dbe7eb;--ink3:#b8c8ce;--ink4: #5f6f79;
  --w:#101f28;--bg:#06141e;--bg2:#0b2735;
  --bdr:rgba(255,255,255,.1);--bdr2:rgba(255,255,255,.18);
  --teal:#1bd4a8;--teal-d:#5ef0cb;--teal-glow:rgba(27,212,168,.12);
}
html[data-theme="obsidian"] body.enterprise-theme.app-mode :where(.content,#page-overview,.live-command-grid) { color:var(--ink); }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #page-overview :where(.ov-greeting,.live-console-head h2,.live-line p,.live-call-intel strong,.live-crew-copy strong,.signal-node span) { color:#f4f8fa; }
html[data-theme="obsidian"] body.enterprise-theme.app-mode #page-overview :where(.ov-summary,.live-call-clock span,.live-map-privacy,.live-crew-copy small,.signal-node small) { color:#a9bbc2; }