/* Tradellen Enterprise Theme
   Quiet, operational, and intentionally restrained. */
:root {
  --tr-graphite: #171a18;
  --tr-graphite-2: #242925;
  --tr-mineral: #f3f5f2;
  --tr-paper: #ffffff;
  --tr-steel: #476779;
  --tr-steel-dark: #385464;
  --tr-brass: #9a7a43;
  --tr-brass-light: #c6ae7b;
  --tr-moss: #3f725d;
  --tr-rust: #9c4f42;
  --tr-text: #1b211e;
  --tr-muted: #5f6b65;
  --tr-faint: #87928c;
  --tr-line: #d9dfda;
  --tr-line-strong: #c4ccc6;
}

body.enterprise-theme {
  --ink: var(--tr-text);
  --ink2: #303a35;
  --ink3: var(--tr-muted);
  --ink4: var(--tr-faint);
  --teal: var(--tr-steel);
  --teal-d: var(--tr-steel-dark);
  --teal-glow: rgba(71, 103, 121, .10);
  --orange: var(--tr-brass);
  --canvas: var(--tr-paper);
  --canvas2: var(--tr-mineral);
  --canvas3: #e9ede9;
  --border: rgba(27, 33, 30, .10);
  --border2: rgba(27, 33, 30, .18);
  --w: var(--tr-paper);
  --bg: var(--tr-mineral);
  --bg2: #e9ede9;
  --bdr: rgba(27, 33, 30, .10);
  --bdr2: rgba(27, 33, 30, .18);
  --sidebar-bg: var(--tr-graphite);
  --r: 4px;
  --rl: 6px;
  --rxl: 8px;
  --sh: 0 1px 2px rgba(23, 26, 24, .05);
  --sh-lg: 0 14px 36px rgba(23, 26, 24, .12);
  --sh-teal: none;
  color: var(--tr-text);
  background: var(--tr-paper);
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  letter-spacing: 0;
}

body.enterprise-theme :where(h1, h2, h3, h4, p, a, button, input, select, textarea) {
  letter-spacing: 0;
}

body.enterprise-theme :where(button, input, select, textarea) {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

body.enterprise-theme :where(.term-title, .term-body, .pn-number-val, .launch-phone, kbd) {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
}

/* Public experience */
body.enterprise-theme .nav {
  background: rgba(23, 26, 24, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  box-shadow: none;
  backdrop-filter: blur(16px);
}

body.enterprise-theme .nav-inner { max-width: 1320px; height: 72px; }
body.enterprise-theme .nav-logo-mark,
body.enterprise-theme .footer-logo-mark { background: linear-gradient(135deg,#27E3B4,#12B894); border-radius: 3px; }
body.enterprise-theme .nav-logo-text,
body.enterprise-theme .footer-logo-text {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .16em;
}
body.enterprise-theme .nav-links a { color: rgba(255,255,255,.68); font-size: 13px; }
body.enterprise-theme .nav-signin { border-radius: 4px; background: transparent; }
body.enterprise-theme .nav-cta {
  border-radius: 4px;
  background: var(--tr-paper);
  color: var(--tr-graphite) !important;
  box-shadow: none;
}
body.enterprise-theme .nav-cta:hover { background: #e9ece8 !important; transform: none !important; }

body.enterprise-theme .hero {
  min-height: calc(100vh - 42px);
  padding: 116px 5% 64px;
  background: var(--tr-graphite);
}
body.enterprise-theme .hero::before { display: none; }
body.enterprise-theme .hero-inner { max-width: 1320px; grid-template-columns: 1.02fr .98fr; gap: 80px; }
body.enterprise-theme .hero-badge {
  border: 0;
  border-left: 2px solid var(--tr-brass-light);
  border-radius: 0;
  background: transparent;
  padding: 1px 0 1px 12px;
  margin-bottom: 28px;
}
body.enterprise-theme .badge-dot { display: none; }
body.enterprise-theme .hero-badge span {
  color: rgba(255,255,255,.64);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}
body.enterprise-theme .hero-h1 {
  max-width: 680px;
  font-size: clamp(43px, 5.2vw, 68px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: 0;
  margin-bottom: 26px;
}
body.enterprise-theme .hero-h1 em { color: var(--tr-brass-light); font-weight: 500; }
body.enterprise-theme .hero-sub {
  max-width: 610px;
  color: rgba(255,255,255,.62);
  font-size: 17px;
  line-height: 1.68;
  margin-bottom: 32px;
}
body.enterprise-theme .hero-btns { margin-bottom: 28px; }
body.enterprise-theme .btn-primary,
body.enterprise-theme .btn-ghost {
  min-height: 48px;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: none;
  transform: none;
}
body.enterprise-theme .btn-primary { background: var(--tr-paper); color: var(--tr-graphite); }
body.enterprise-theme .btn-primary:hover { background: #e9ece8; transform: none; box-shadow: none; }
body.enterprise-theme .btn-ghost { border-color: rgba(255,255,255,.24); background: transparent; }
body.enterprise-theme .btn-ghost:hover { background: rgba(255,255,255,.06); }
body.enterprise-theme .hero-trust { gap: 22px; }
body.enterprise-theme .hero-trust-item { color: rgba(255,255,255,.46); font-size: 12px; }
body.enterprise-theme .hero-trust-item svg { color: var(--tr-brass-light); }

.ops-brief {
  color: var(--tr-text);
  background: #f7f8f6;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  box-shadow: 0 24px 70px rgba(0,0,0,.26);
  overflow: hidden;
}
.ops-brief-head,
.ops-context,
.ops-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ops-brief-head { padding: 20px 22px; border-bottom: 1px solid var(--tr-line); background: #fff; }
.ops-brief-head strong { display: block; margin-top: 3px; font-size: 15px; font-weight: 600; }
.ops-kicker { color: var(--tr-faint); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.ops-live { display: inline-flex; align-items: center; gap: 7px; color: var(--tr-moss); font-size: 11px; font-weight: 600; }
.ops-live i { width: 7px; height: 7px; background: var(--tr-moss); border-radius: 50%; }
.ops-context { padding: 14px 22px; background: #ecefeb; border-bottom: 1px solid var(--tr-line); }
.ops-context > div { flex: 1; }
.ops-context span,
.ops-customer span,
.ops-foot span { display: block; color: var(--tr-faint); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.ops-context strong { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; }
.ops-case { padding: 22px; background: #fff; }
.ops-case-top { display: flex; justify-content: space-between; color: var(--tr-faint); font-size: 11px; text-transform: uppercase; }
.ops-case h3 { margin: 13px 0 8px; font-size: 20px; font-weight: 600; color: var(--tr-text); }
.ops-case p { color: var(--tr-muted); font-size: 13px; line-height: 1.6; }
.ops-customer { margin-top: 18px; padding-left: 14px; border-left: 2px solid var(--tr-brass); }
.ops-customer strong { display: block; margin: 3px 0; font-size: 13px; }
.ops-customer small { color: var(--tr-faint); font-size: 11px; }
.ops-flow { list-style: none; padding: 0 22px 20px; background: #fff; }
.ops-flow li { position: relative; display: flex; gap: 12px; padding: 10px 0; border-top: 1px solid #e9ece9; }
.ops-flow li > span { width: 9px; height: 9px; margin-top: 5px; border: 1px solid var(--tr-line-strong); background: #fff; border-radius: 50%; flex-shrink: 0; }
.ops-flow li.complete > span { background: var(--tr-moss); border-color: var(--tr-moss); }
.ops-flow li.current > span { background: var(--tr-brass); border-color: var(--tr-brass); }
.ops-flow strong { display: block; color: var(--tr-text); font-size: 12px; font-weight: 600; }
.ops-flow small { display: block; color: var(--tr-faint); font-size: 11px; margin-top: 2px; }
.ops-foot { padding: 16px 22px; background: var(--tr-graphite-2); color: #fff; }
.ops-foot strong { display: block; margin-top: 3px; font-size: 12px; font-weight: 500; }
.ops-foot span { color: rgba(255,255,255,.44); }

body.enterprise-theme .proof-bar { background: #e8ece8; border-color: var(--tr-line); }
body.enterprise-theme .proof-item { border: 0; border-radius: 0; background: transparent; color: var(--tr-muted); padding: 5px 10px; }
body.enterprise-theme .stat-card { background: transparent; border-right: 1px solid var(--tr-line); }
body.enterprise-theme .stat-card:last-child { border-right: 0; }
body.enterprise-theme .stat-num { font-weight: 600; letter-spacing: 0; }
body.enterprise-theme .stat-num .orange { color: var(--tr-brass); }
body.enterprise-theme .section-eyebrow { color: var(--tr-steel-dark); }
body.enterprise-theme .section-h2 { font-weight: 600; letter-spacing: 0; }
body.enterprise-theme :where(.features-grid,.show-card,.price-card,.form-card,.testi-card) { border-radius: 6px; }
body.enterprise-theme :where(.show-card,.price-card,.testi-card):hover { transform: none; box-shadow: var(--sh); }
body.enterprise-theme .process-icon { border-radius: 4px; background: var(--tr-graphite); box-shadow: none; }
body.enterprise-theme .process-step:hover .process-icon { box-shadow: none; border-color: var(--tr-brass-light); }
body.enterprise-theme .price-card.featured { background: var(--tr-graphite); border-color: var(--tr-graphite); }
body.enterprise-theme .price-badge { background: var(--tr-brass-light); color: var(--tr-graphite); border-radius: 3px; }
body.enterprise-theme .form-section,
body.enterprise-theme .footer,
body.enterprise-theme .testi-section { background: var(--tr-graphite); }
body.enterprise-theme .form-card { box-shadow: 0 18px 50px rgba(0,0,0,.16); }

/* Dashboard shell */
body.enterprise-theme.app-mode {
  --ink: var(--tr-text);
  --ink2: #303a35;
  --ink3: var(--tr-muted);
  --ink4: var(--tr-faint);
  --teal: var(--tr-steel);
  --teal-d: var(--tr-steel-dark);
  --teal-glow: rgba(71,103,121,.10);
  --orange: var(--tr-brass);
  --w: #fff;
  --bg: var(--tr-mineral);
  --bg2: #e8ece8;
  --bdr: rgba(27,33,30,.10);
  --bdr2: rgba(27,33,30,.18);
  --sidebar-bg: var(--tr-graphite);
}
body.enterprise-theme.app-mode aside { width: 264px; border-right: 1px solid rgba(255,255,255,.08); }
body.enterprise-theme.app-mode .sb-hd { padding: 20px 16px 16px; }
body.enterprise-theme.app-mode .sb-mark { background: linear-gradient(135deg,#27E3B4,#12B894); border-radius: 3px; }
body.enterprise-theme.app-mode .sb-powered { color: rgba(255,255,255,.34); font-family: inherit; letter-spacing: .08em; }
body.enterprise-theme.app-mode .sb-agent { border-radius: 4px; background: rgba(255,255,255,.035); }
body.enterprise-theme.app-mode :where(.sb-dot,.pn-dot,.term-live) { animation: none; background: #78a28c; box-shadow: none; }
body.enterprise-theme.app-mode nav.sb-nav { gap: 0; padding: 12px 9px; }
.nav-domain-label { padding: 7px 13px 6px; color: rgba(255,255,255,.28); font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
body.enterprise-theme.app-mode .nb { min-height: 38px; border-radius: 3px; color: rgba(255,255,255,.53); font-size: 12.5px; }
body.enterprise-theme.app-mode .nb:hover { color: #fff; background: rgba(255,255,255,.045); }
body.enterprise-theme.app-mode .nb.act { color: #fff; background: rgba(255,255,255,.08); }
body.enterprise-theme.app-mode .nb.act::before { top: 7px; bottom: 7px; width: 2px; background: var(--tr-brass-light); box-shadow: none; }
body.enterprise-theme.app-mode .sb-badge { border-radius: 3px; background: var(--tr-brass-light); color: var(--tr-graphite); }
body.enterprise-theme.app-mode .wf-sec-lbl,
body.enterprise-theme.app-mode .sb-nav > div[style*="text-transform:uppercase"] { color: rgba(255,255,255,.28) !important; letter-spacing: .08em !important; }
body.enterprise-theme.app-mode .topbar { height: 66px; padding: 0 28px; box-shadow: none; border-bottom-color: var(--tr-line); }
body.enterprise-theme.app-mode .tb-title { font-size: 17px; font-weight: 600; }
body.enterprise-theme.app-mode .tb-status { border-radius: 3px; color: var(--tr-moss); background: rgba(63,114,93,.08); border-color: rgba(63,114,93,.18); box-shadow: none; }
body.enterprise-theme.app-mode .tb-avatar { border-radius: 3px; background: var(--tr-graphite); box-shadow: none; }
body.enterprise-theme.app-mode .content { padding: 28px 30px 56px; background: var(--tr-mineral); }
body.enterprise-theme.app-mode .page { animation: none; }
body.enterprise-theme.app-mode .ov-greeting { font-size: 25px; font-weight: 600; letter-spacing: 0; }
body.enterprise-theme.app-mode .ov-summary { color: var(--tr-muted); }
body.enterprise-theme.app-mode :where(.mc,.ov-needs,.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) {
  border-radius: 4px;
  border-color: var(--tr-line);
  box-shadow: none;
}
body.enterprise-theme.app-mode :where(.mc,.wf-stat,.wf-card,.wf-row):hover { transform: none; box-shadow: none; border-color: var(--tr-line-strong); }
body.enterprise-theme.app-mode .mc { padding: 20px; }
body.enterprise-theme.app-mode .mc::after { display: none; }
body.enterprise-theme.app-mode .mc-ey { color: var(--tr-faint); letter-spacing: .06em; }
body.enterprise-theme.app-mode .mc-val { font-size: 31px; font-weight: 600; letter-spacing: 0; }
body.enterprise-theme.app-mode :where(.mc-val.tl,.mc-trend,.wf-stat .n.teal) { color: var(--tr-steel-dark); }
body.enterprise-theme.app-mode .tp { min-height: 38px; border-radius: 3px; }
body.enterprise-theme.app-mode .tp.act { background: var(--tr-graphite); color: #fff; }
body.enterprise-theme.app-mode thead,
body.enterprise-theme.app-mode .wf-tbl th { background: #edf0ed; }
body.enterprise-theme.app-mode tbody tr:hover { background: #f3f5f2; }
body.enterprise-theme.app-mode :where(.badge,.wf-badge,.wf-tag,.wf-pill,.trial-pill,.plan-pill) { border-radius: 3px; }
body.enterprise-theme.app-mode :where(.wf-btn,.s-btn,.chat-send,.dispatch-nav-btn.act) { background: var(--tr-graphite); color: #fff; border-radius: 3px; }
body.enterprise-theme.app-mode :where(.wf-btn:hover,.s-btn:hover,.chat-send:hover) { background: #2a302c; }
body.enterprise-theme.app-mode :where(.wf-btn-ghost,.wf-btn-sm,.s-btn-ghost,.dispatch-nav-btn) { border-radius: 3px; }
body.enterprise-theme.app-mode :where(.wf-tog,.tog) { border-radius: 12px; }
body.enterprise-theme.app-mode :where(.wf-tog.on,.tog.on) { background: var(--tr-steel); }
body.enterprise-theme.app-mode :where(.wf-modal,.modal-card) { border-radius: 6px; }
body.enterprise-theme.app-mode :where(.wf-in,.s-in,.chat-input,.form-input,.auth-input) { border-radius: 3px; }
body.enterprise-theme.app-mode .wf-card-ic,
body.enterprise-theme.app-mode .wf-row-ic { border-radius: 3px; }
body.enterprise-theme.app-mode .wf-burger { border-radius: 3px; }
body.enterprise-theme.app-mode #demoTourLauncher { border-radius: 3px !important; background: var(--tr-graphite) !important; border-color: rgba(255,255,255,.14) !important; }

/* Personalized command-center additions */
.enterprise-context {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, minmax(140px, .7fr));
  border: 1px solid var(--tr-line);
  background: #fff;
  margin: 18px 0 20px;
}
.enterprise-context > div { min-width: 0; padding: 15px 17px; border-left: 1px solid var(--tr-line); }
.enterprise-context > div:first-child { border-left: 0; }
.enterprise-context span { display: block; color: var(--tr-faint); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.enterprise-context strong { display: block; margin-top: 5px; color: var(--tr-text); font-size: 13px; font-weight: 600; white-space: normal; }
.enterprise-context .context-primary strong { font-size: 14px; }
.service-lifecycle { margin: 24px 0; border-top: 1px solid var(--tr-line); border-bottom: 1px solid var(--tr-line); background: rgba(255,255,255,.42); }
.service-lifecycle-head { display: flex; justify-content: space-between; gap: 16px; padding: 16px 2px 12px; }
.service-lifecycle-head h2 { font-size: 14px; font-weight: 600; }
.service-lifecycle-head p { color: var(--tr-faint); font-size: 12px; }
.lifecycle-grid { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--tr-line); }
.lifecycle-step { position: relative; padding: 14px 14px 16px; border-left: 1px solid var(--tr-line); }
.lifecycle-step:first-child { border-left: 0; }
.lifecycle-step span { display: block; color: var(--tr-faint); font: 500 10px "IBM Plex Mono", monospace; }
.lifecycle-step strong { display: block; margin-top: 6px; color: var(--tr-text); font-size: 12px; font-weight: 600; }
.lifecycle-step small { display: block; margin-top: 3px; color: var(--tr-muted); font-size: 10.5px; line-height: 1.4; }
.lifecycle-step.attention::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; background: var(--tr-rust); }
.lifecycle-step.active::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; background: var(--tr-steel); }

/* Motion now communicates state changes only. */
body.enterprise-theme :where(.badge-dot,.pv-ring::before,.pv-wave i,.pv-chip,.sb-dot,.pn-dot) { animation: none !important; }
body.enterprise-theme :where(.reveal,.ov-reveal) { transition-duration: 220ms; }
body.enterprise-theme :where(.show-card,.price-card,.mc,.wf-card,.nb):active { transform: none !important; }

@media (max-width: 1000px) {
  body.enterprise-theme .hero-inner { gap: 48px; }
  .enterprise-context { grid-template-columns: 1fr 1fr; }
  .enterprise-context > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--tr-line); }
  .enterprise-context > div:nth-child(4) { border-top: 1px solid var(--tr-line); }
  .lifecycle-grid { grid-template-columns: repeat(3,1fr); }
  .lifecycle-step:nth-child(4) { border-left: 0; border-top: 1px solid var(--tr-line); }
  .lifecycle-step:nth-child(5), .lifecycle-step:nth-child(6) { border-top: 1px solid var(--tr-line); }
}

@media (max-width: 700px) {
  body.enterprise-theme .hero { padding-top: 92px; }
  body.enterprise-theme .hero-h1 { font-size: 42px; }
  body.enterprise-theme .hero-sub { font-size: 16px; }
  .ops-context { align-items: flex-start; flex-direction: column; gap: 10px; }
  .enterprise-context { grid-template-columns: 1fr; }
  .enterprise-context > div { border-left: 0; border-top: 1px solid var(--tr-line); }
  .enterprise-context > div:first-child { border-top: 0; }
  .lifecycle-grid { grid-template-columns: 1fr 1fr; }
  .lifecycle-step:nth-child(odd) { border-left: 0; }
  .lifecycle-step:nth-child(n+3) { border-top: 1px solid var(--tr-line); }
  body.enterprise-theme.app-mode .content { padding: 18px 14px 48px; }
}

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