:root {
  color-scheme: dark;
  --ink: #f6f4ee;
  --paper: #050505;
  --panel: #101010;
  --panel-soft: #161616;
  --line: #292929;
  --muted: #a6a39a;
  --accent: #dceddc;
  --accent-strong: #9df1d2;
  --warn: #f7d27e;
  --radius: 8px;
  --shadow: 0 18px 54px rgba(0, 0, 0, .28);
  --soft-shadow: 0 10px 34px rgba(0, 0, 0, .22);
  font-family: "Aptos", "Segoe UI", "Microsoft YaHei UI", sans-serif;
}

:root[data-theme-mode="light"] {
  color-scheme: light;
  --ink: #111;
  --paper: #f5f5f0;
  --panel: #ffffff;
  --panel-soft: #eeeeea;
  --line: #d8d8d0;
  --muted: #67665f;
  --accent: #0c4f40;
  --accent-strong: #13785f;
  --warn: #9b6b12;
  --shadow: 0 18px 48px rgba(20, 20, 20, .12);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] {
    color-scheme: light;
    --ink: #111;
    --paper: #f5f5f0;
    --panel: #ffffff;
    --panel-soft: #eeeeea;
    --line: #d8d8d0;
    --muted: #67665f;
    --accent: #0c4f40;
    --accent-strong: #13785f;
    --warn: #9b6b12;
    --shadow: 0 18px 48px rgba(20, 20, 20, .12);
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 320px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 132px),
    var(--paper);
  color: var(--ink);
}

:root[data-theme-mode="light"] body {
  background:
    linear-gradient(180deg, rgba(13, 120, 96, .06), transparent 320px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.022) 0 1px, transparent 1px 132px),
    var(--paper);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] body {
    background:
      linear-gradient(180deg, rgba(13, 120, 96, .06), transparent 320px),
      repeating-linear-gradient(90deg, rgba(0,0,0,.022) 0 1px, transparent 1px 132px),
      var(--paper);
  }
}

.auth-screen {
  --auth-screen-offset-x: -48px;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(420px, .95fr) minmax(360px, .72fr);
  gap: 34px;
  align-items: center;
  padding: clamp(24px, 5vw, 72px);
  transform: translateX(var(--auth-screen-offset-x));
}

.auth-brand {
  --auth-brand-offset-x: -64px;
  display: grid;
  align-content: center;
  justify-items: center;
  max-width: 780px;
  margin-inline: auto;
  text-align: center;
  transform: translateX(var(--auth-brand-offset-x));
}

.auth-brand img {
  width: 164px;
  height: 164px;
  margin: 0 auto 24px;
}

.auth-brand h1 {
  font-size: 68px;
  line-height: .95;
  margin-bottom: 18px;
}

.auth-brand > .eyebrow {
  max-width: 100%;
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.18;
}

.auth-brand p:last-child {
  max-width: 680px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.7;
  text-align: center;
}

.auth-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 45%),
    rgba(16, 16, 16, .94);
  box-shadow: var(--shadow);
  padding: 24px;
}

.auth-panel.wide {
  max-width: 620px;
}

.auth-segment {
  margin-bottom: 18px;
}

.full-button {
  width: 100%;
  margin-top: 16px;
}

.icon-button {
  width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 34px;
  background: rgba(0, 0, 0, .68);
  backdrop-filter: blur(10px);
}

.modal-panel {
  width: min(760px, 100%);
  max-height: min(82vh, 820px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .055), transparent 46%),
    rgba(10, 10, 10, .98);
  box-shadow: var(--shadow);
  padding: 22px;
}

.close-choice-modal {
  width: min(520px, 100%);
  display: grid;
  gap: 18px;
}

.close-choice-copy {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}

.close-choice-remember {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.close-choice-remember input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent);
}

.close-choice-actions {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 12px;
}

.close-choice-actions button {
  width: 100%;
}

.auth-demo-button {
  margin-top: 10px;
}

.auth-demo-note {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.auth-note {
  min-height: 22px;
  margin-top: 16px;
  color: var(--muted);
  line-height: 1.5;
}

.onboarding-tags {
  margin-top: 6px;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

:root[data-theme-mode="light"] input,
:root[data-theme-mode="light"] select,
:root[data-theme-mode="light"] textarea {
  color: var(--ink);
  background: #ffffff;
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] input,
  :root[data-theme-mode="system"] select,
  :root[data-theme-mode="system"] textarea {
    color: var(--ink);
    background: #ffffff;
  }
}

.shell {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-right: 1px solid var(--line);
  background: rgba(5, 5, 5, .88);
  padding: 24px 18px;
  position: sticky;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

:root[data-theme-mode="light"] .sidebar {
  background: rgba(255, 255, 255, .82);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .sidebar {
    background: rgba(255, 255, 255, .82);
  }
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand img {
  width: 42px;
  height: 42px;
}

.brand strong {
  display: block;
  font-size: 18px;
}

.brand span,
.sidebar-status-copy span,
.sidebar-status-copy small,
.sidebar-status-meta,
.eyebrow,
.muted,
.quota-foot,
.plan small,
.hero-metric small {
  color: var(--muted);
}

.sidebar nav {
  display: grid;
  gap: 10px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 2px;
  scrollbar-color: #3a3a3a transparent;
  scrollbar-width: thin;
}

.nav-group {
  display: grid;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 2px;
}

.nav-group[open] {
  border-color: rgba(255, 255, 255, .035);
  background: rgba(255, 255, 255, .018);
}

.nav-group-toggle {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: calc(var(--radius) - 2px);
  padding: 0 9px;
  cursor: pointer;
  list-style: none;
}

.nav-group-toggle::-webkit-details-marker {
  display: none;
}

.nav-group-title {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .02em;
  line-height: 1.2;
  opacity: .74;
  text-transform: uppercase;
}

.nav-group-arrow {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: grid;
  place-items: center;
  color: var(--muted);
  opacity: .82;
}

.nav-group-arrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
}

.nav-group-toggle:hover .nav-group-arrow {
  opacity: 1;
}

.nav-group-items {
  display: grid;
  gap: 6px;
  padding: 0 4px 6px;
}

.nav-item {
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  color: var(--ink);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
  text-align: left;
  padding: 11px 12px;
  border-radius: var(--radius);
}

.nav-item.active,
.nav-item:hover {
  border-color: var(--line);
  background: #151515;
}

:root[data-theme-mode="light"] .nav-item.active,
:root[data-theme-mode="light"] .nav-item:hover {
  background: #e7e7df;
}

:root[data-theme-mode="light"] .nav-group[open] {
  border-color: rgba(0, 0, 0, .04);
  background: rgba(0, 0, 0, .018);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .nav-item.active,
  :root[data-theme-mode="system"] .nav-item:hover {
    background: #e7e7df;
  }

  :root[data-theme-mode="system"] .nav-group[open] {
    border-color: rgba(0, 0, 0, .04);
    background: rgba(0, 0, 0, .018);
  }
}

.sidebar-status-card {
  margin-top: auto;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(157, 241, 210, .12), transparent 42%),
    rgba(12, 12, 12, .94);
  flex-shrink: 0;
}

:root[data-theme-mode="light"] .sidebar-status-card {
  background:
    linear-gradient(145deg, rgba(19, 120, 95, .12), transparent 42%),
    rgba(255, 255, 255, .92);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .sidebar-status-card {
    background:
      linear-gradient(145deg, rgba(19, 120, 95, .12), transparent 42%),
      rgba(255, 255, 255, .92);
  }
}

.sidebar-status-main {
  display: flex;
  align-items: center;
  gap: 12px;
}

.status-ring {
  --quota: 0;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  background:
    conic-gradient(var(--accent-strong) calc(var(--quota) * 1%), rgba(255, 255, 255, .08) 0);
}

.status-ring::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: inherit;
  background: #090909;
}

:root[data-theme-mode="light"] .status-ring::before {
  background: #f7f7f2;
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .status-ring::before {
    background: #f7f7f2;
  }
}

.status-ring span {
  position: relative;
  z-index: 1;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.sidebar-status-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sidebar-status-copy strong {
  font-size: 14px;
  line-height: 1.3;
}

.sidebar-status-copy small {
  line-height: 1.45;
}

.sidebar-status-meta {
  border-top: 1px solid var(--line);
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
}

.workspace {
  width: 100%;
  max-width: 1480px;
  height: 100vh;
  min-height: 0;
  margin: 0 auto;
  padding: 38px clamp(34px, 4vw, 58px) 64px;
  display: grid;
  gap: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #3a3a3a transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

.workspace-back-button {
  width: fit-content;
  min-width: 84px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .03);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}

.workspace-back-button span {
  font-size: 24px;
  line-height: 1;
}

.workspace-back-button:disabled {
  opacity: .35;
  cursor: default;
}

.workspace-back-button:not(:disabled):hover {
  border-color: var(--text);
  background: rgba(255, 255, 255, .08);
}

.topbar,
.panel-heading.inline,
.quota-top,
.quota-foot,
.utility-row,
.switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.eyebrow {
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: 48px;
  letter-spacing: 0;
}

h2 {
  max-width: 820px;
  font-size: clamp(32px, 2.6vw, 40px);
  line-height: 1.12;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.account-pill,
.hero-metric,
.panel,
.hero-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(13, 13, 13, .88);
  box-shadow: var(--soft-shadow);
}

:root[data-theme-mode="light"] .account-pill,
:root[data-theme-mode="light"] .hero-metric,
:root[data-theme-mode="light"] .panel,
:root[data-theme-mode="light"] .hero-panel {
  background: rgba(255, 255, 255, .88);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .account-pill,
  :root[data-theme-mode="system"] .hero-metric,
  :root[data-theme-mode="system"] .panel,
  :root[data-theme-mode="system"] .hero-panel {
    background: rgba(255, 255, 255, .88);
  }
}

.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), transparent 44%),
    #0c0c0c;
  box-shadow: var(--soft-shadow);
}

:root[data-theme-mode="light"] .home-hero {
  background:
    linear-gradient(135deg, rgba(13, 120, 96, .08), transparent 38%),
    var(--panel);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .home-hero {
    background:
      linear-gradient(135deg, rgba(13, 120, 96, .08), transparent 38%),
      var(--panel);
  }
}

.search-stack {
  display: grid;
  align-content: center;
  gap: 12px;
}

.searchbar {
  display: grid;
  grid-template-columns: minmax(190px, .22fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 132px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 18px;
}

.searchbar textarea {
  height: auto;
  min-height: 108px;
  max-height: none;
  resize: none;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.42;
  box-sizing: border-box;
  align-self: center;
}

.searchbar textarea.template-query {
  color: var(--muted);
}

.searchbar-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: -2px;
}

.home-search-dialog {
  width: min(920px, 100%);
  display: grid;
  gap: 18px;
}

.home-search-dialog textarea {
  min-height: min(48vh, 460px);
  max-height: 58vh;
  resize: vertical;
  overflow: auto;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.55;
}

.home-search-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 1180px) {
  .searchbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .search-mode-label {
    min-height: auto;
    padding: 4px 0;
  }

  .searchbar .primary {
    justify-self: stretch;
  }
}

.search-mode-label {
  display: grid;
  place-items: center;
  justify-self: stretch;
  min-height: 100%;
  text-align: center;
  color: var(--ink);
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.18;
}

@media (max-width: 1180px) {
  .search-mode-label {
    min-height: auto;
    padding: 4px 0;
  }
}

.mini-search span {
  color: var(--muted);
  font-size: 13px;
}

.hero-status {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  text-align: center;
  border-radius: var(--radius);
  background: var(--ink);
  color: var(--paper);
  padding: 22px;
}

.hero-status span,
.hero-status strong,
.hero-status small {
  width: 100%;
  text-align: center;
}

.theme-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}

.theme-switcher select {
  min-width: 110px;
}

.settings-menu {
  position: relative;
  justify-self: end;
}

.settings-menu > summary {
  list-style: none;
}

.settings-trigger::-webkit-details-marker {
  display: none;
}

.settings-trigger {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .92);
  box-shadow: var(--shadow);
  color: var(--ink);
  cursor: pointer;
  transition: border-color .15s ease, transform .15s ease, background .15s ease;
}

.settings-menu[open] .settings-trigger,
.settings-trigger:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}

.settings-trigger-icon {
  font-size: 19px;
  line-height: 1;
}

.settings-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 30;
  width: min(340px, calc(100vw - 48px));
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 42%),
    rgba(12, 12, 12, .98);
  box-shadow: var(--shadow);
  padding: 12px;
}

.settings-account-card,
.settings-theme-row,
.settings-action {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #0a0a0a;
}

.settings-account-card {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.settings-account-card span,
.settings-account-card small,
.settings-action small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.settings-account-card strong,
.settings-action strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}

.settings-theme-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 10px 12px;
}

.settings-theme-row select {
  width: 100%;
  min-width: 0;
}

.settings-action-list {
  display: grid;
  gap: 8px;
}

.settings-action {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 10px 12px;
  text-align: left;
}

.settings-action:hover {
  border-color: var(--accent);
}

.settings-action.danger strong {
  color: var(--warn);
}

:root[data-theme-mode="light"] .settings-trigger,
:root[data-theme-mode="light"] .settings-popover,
:root[data-theme-mode="light"] .settings-account-card,
:root[data-theme-mode="light"] .settings-theme-row,
:root[data-theme-mode="light"] .settings-action,
:root[data-theme-mode="light"] .customer-help-contact {
  background: rgba(255, 255, 255, .94);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .settings-trigger,
  :root[data-theme-mode="system"] .settings-popover,
  :root[data-theme-mode="system"] .settings-account-card,
  :root[data-theme-mode="system"] .settings-theme-row,
  :root[data-theme-mode="system"] .settings-action,
  :root[data-theme-mode="system"] .customer-help-contact {
    background: rgba(255, 255, 255, .94);
  }
}

.outreach-priority-band,
.operator-monitor-band,
.pricing-review-band,
.profile-hero,
.profile-grid {
  display: grid;
  gap: 18px;
}

.outreach-priority-band {
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 18px;
}

.outreach-priority-list,
.pricing-plan-strip,
.monitor-rule-grid,
.profile-grid,
.learning-news-list {
  display: grid;
  gap: 10px;
}

.outreach-priority-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.outreach-priority-list article,
.pricing-plan-strip article,
.monitor-rule-grid article,
.content-pipeline-list article,
.contact-card,
.compliance-tier,
.profile-card,
.official-profile-card,
.learning-news-list span,
.guardrail-list span,
.contact-task-list span {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-soft);
  padding: 12px;
}

.outreach-priority-list strong {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--paper);
  margin-bottom: 8px;
}

.outreach-priority-list span,
.outreach-priority-list small,
.pricing-plan-strip strong,
.pricing-plan-strip span,
.pricing-plan-strip small,
.monitor-rule-grid strong,
.monitor-rule-grid span,
.contact-task-list span,
.guardrail-list span,
.compliance-tier strong,
.compliance-tier span,
.content-pipeline-list span {
  display: block;
}

.outreach-priority-list small,
.pricing-plan-strip small,
.monitor-rule-grid span,
.contact-task-list span,
.guardrail-list span,
.compliance-tier span,
.content-pipeline-list span {
  color: var(--muted);
  line-height: 1.5;
}

.pricing-plan-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}

.guardrail-list,
.contact-task-list,
.content-pipeline-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.monitor-rule-grid,
.profile-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.profile-hero {
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: stretch;
}

.profile-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.profile-avatar {
  width: 84px;
  height: 84px;
  border: 1px solid var(--line);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--paper);
}

.profile-avatar img {
  width: 56px;
  height: 56px;
}

.official-profile-avatar {
  width: 112px;
  height: 112px;
  border-radius: 24px;
  border: 1px solid rgba(201, 164, 94, 0.48);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
  object-fit: cover;
}

.profile-tags,
.learning-news-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile-tags span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  padding: 6px 10px;
  font-size: 12px;
}

.contact-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.contact-card img {
  width: 96px;
  height: 96px;
  border-radius: var(--radius);
}

.contact-card strong,
.contact-card span,
.contact-card small {
  display: block;
}

.contact-card small {
  color: var(--muted);
  line-height: 1.45;
}

.compliance-tier {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}

.hero-status span,
.hero-status small {
  color: #5f5b52;
}

.hero-status strong {
  font-size: 44px;
}

.module-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.module-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-primary-channels {
  margin-top: 2px;
}

.channel-disclosure {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(11, 11, 11, .62);
  padding: 16px 18px;
}

:root[data-theme-mode="light"] .channel-disclosure {
  background: rgba(255, 255, 255, .78);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .channel-disclosure {
    background: rgba(255, 255, 255, .78);
  }
}

.channel-disclosure-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}

.channel-disclosure-summary h3 {
  margin: 0 0 5px;
  font-size: 22px;
}

.channel-disclosure-summary span {
  color: var(--muted);
  line-height: 1.45;
}

.secondary-channel-grid {
  margin-top: 18px;
}

.channel-playbook-board {
  display: grid;
  gap: 18px;
  margin-bottom: 28px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 22px 0 24px;
}

.channel-playbook-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.channel-playbook-head h3 {
  margin: 0;
}

.channel-playbook-head span,
.channel-playbook-head div:last-child span,
.channel-playbook-card p,
.channel-playbook-foot small {
  color: var(--muted);
}

.channel-playbook-head div:last-child {
  min-width: 120px;
  text-align: right;
}

.channel-playbook-head div:last-child strong {
  display: block;
  color: var(--accent-strong);
}

.channel-playbook-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.channel-playbook-card {
  display: grid;
  align-content: space-between;
  gap: 16px;
  min-height: 238px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(13, 13, 13, .88);
  padding: 17px;
}

.channel-playbook-card.selected {
  border-color: rgba(163, 255, 212, .48);
}

.channel-playbook-title span,
.channel-playbook-title strong,
.channel-playbook-card p,
.channel-playbook-foot small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.channel-playbook-title span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.channel-playbook-card p {
  line-height: 1.52;
  margin: 0;
}

.channel-playbook-channels {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.channel-playbook-channels span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  padding: 5px 7px;
}

.channel-playbook-foot {
  display: grid;
  gap: 8px;
}

:root[data-theme-mode="light"] .channel-playbook-card {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .06), transparent 48%),
    rgba(255, 255, 255, .92);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .channel-playbook-card {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .06), transparent 48%),
      rgba(255, 255, 255, .92);
  }
}

.mofang-blueprint {
  display: grid;
  gap: 18px;
  margin: 0 0 28px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .04), transparent 48%),
    #0a0a0a;
  padding: 24px 0;
}

.mofang-blueprint-head {
  display: grid;
  grid-template-columns: minmax(0, 680px) auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.mofang-blueprint-head > div:first-child {
  min-width: 0;
  max-width: 680px;
}

.mofang-blueprint-head h3 {
  margin: 0;
  font-size: 24px;
}

.mofang-blueprint-head > div:first-child > span {
  display: block;
  max-width: 620px;
  line-height: 1.52;
  overflow-wrap: anywhere;
}

.mofang-blueprint-head span,
.mofang-blueprint-score span,
.mofang-metric-strip span,
.mofang-lane-card span,
.mofang-lane-card p,
.mofang-lane-card small {
  color: var(--muted);
}

.mofang-blueprint-score {
  min-width: 118px;
  text-align: right;
}

.mofang-blueprint-score strong {
  display: block;
  color: var(--accent-strong);
  font-size: 34px;
}

.mofang-metric-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.mofang-metric-strip div,
.mofang-lane-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .9);
}

.mofang-metric-strip div {
  display: grid;
  align-content: center;
  gap: 6px;
  justify-items: center;
  min-width: 0;
  min-height: 78px;
  padding: 14px 16px;
  text-align: center;
}

.mofang-metric-strip strong,
.mofang-lane-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mofang-stage-rail {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}

.mofang-stage-rail span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  padding: 7px 9px;
  text-align: center;
}

.mofang-stage-rail span.ready,
.mofang-lane-card.ready {
  border-color: rgba(163, 255, 212, .42);
}

.mofang-stage-rail span.ready {
  color: var(--accent-strong);
}

.mofang-stage-rail span.active {
  border-color: rgba(201, 164, 94, .5);
  color: #f1d28d;
}

.mofang-lane-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.mofang-lane-card {
  display: grid;
  align-content: space-between;
  gap: 16px;
  min-height: 184px;
  padding: 18px;
}

.mofang-lane-card.active {
  border-color: rgba(201, 164, 94, .45);
}

.mofang-lane-card strong,
.mofang-lane-card span {
  display: block;
}

.mofang-lane-card p {
  line-height: 1.55;
  margin: 0;
}

.mofang-lane-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.workbench-disclosure > summary {
  list-style: none;
  cursor: pointer;
}

.workbench-disclosure > summary::-webkit-details-marker {
  display: none;
}

.workbench-disclosure-summary {
  min-width: 0;
}

.workbench-disclosure-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  opacity: .78;
}

.workbench-disclosure-toggle::before {
  content: "展开";
}

.workbench-disclosure-toggle::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease, opacity .18s ease;
}

.workbench-disclosure[open] > summary .workbench-disclosure-toggle::before {
  content: "收起";
}

.workbench-disclosure[open] > summary .workbench-disclosure-toggle::after {
  transform: translateY(2px) rotate(225deg);
  opacity: 1;
}

.mofang-lane-disclosure {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(10, 10, 10, .78);
  padding: 14px 16px;
}

.mofang-lane-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mofang-lane-summary-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.mofang-lane-summary-copy > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mofang-lane-summary-copy > strong {
  font-size: 15px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.mofang-lane-disclosure[open] .mofang-lane-grid {
  margin-top: 14px;
}

.starter-route-board {
  display: grid;
  gap: 18px;
  margin: 0 0 28px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 22px 0 24px;
}

.starter-route-board:not([open]) {
  gap: 0;
}

.starter-route-body {
  display: grid;
  gap: 18px;
}

.starter-route-head {
  display: grid;
  grid-template-columns: minmax(0, 660px) minmax(132px, auto) auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.starter-route-head > div:first-child {
  min-width: 0;
  max-width: 660px;
}

.starter-route-head h3 {
  margin: 0;
}

.starter-route-head > div:first-child > span {
  display: block;
  max-width: 620px;
  line-height: 1.52;
  overflow-wrap: anywhere;
}

.starter-route-head span,
.starter-route-current span,
.starter-route-card small,
.starter-route-stack span,
.starter-route-steps span {
  color: var(--muted);
}

.starter-route-current {
  min-width: 132px;
  text-align: right;
  justify-self: end;
}

.starter-route-current strong {
  display: block;
  color: var(--accent-strong);
  min-width: 0;
  overflow-wrap: anywhere;
}

.starter-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.starter-route-card {
  display: grid;
  align-content: space-between;
  gap: 16px;
  min-height: 260px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(13, 13, 13, .88);
  padding: 18px;
}

.starter-route-card.selected {
  border-color: rgba(163, 255, 212, .5);
}

.starter-route-title span,
.starter-route-title strong,
.starter-route-title small,
.starter-route-stack span,
.starter-route-steps span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.starter-route-title span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.starter-route-stack {
  display: grid;
  gap: 6px;
}

.starter-route-stack span {
  border-left: 2px solid rgba(163, 255, 212, .35);
  padding-left: 8px;
}

.starter-route-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.starter-route-steps span {
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 11px;
  padding: 5px 7px;
}

.starter-route-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.starter-route-actions .small-action {
  justify-self: stretch;
  margin-top: 0;
  min-width: 0;
}

.starter-loop-receipt {
  display: grid;
  gap: 14px;
  margin: 0 0 22px;
  border: 1px solid rgba(163, 255, 212, .3);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .08), transparent 44%),
    #090909;
  padding: 16px;
}

.starter-loop-receipt:not([open]) {
  gap: 0;
}

.starter-loop-receipt-body {
  display: grid;
  gap: 14px;
}

.starter-loop-head,
.starter-loop-body,
.starter-loop-actions {
  display: flex;
  gap: 12px;
}

.starter-loop-head {
  align-items: flex-start;
  justify-content: space-between;
}

.starter-loop-head h3 {
  margin: 0;
}

.starter-loop-head span,
.starter-loop-leads span,
.starter-loop-next span,
.starter-loop-next p,
.starter-loop-metrics span {
  color: var(--muted);
}

.starter-loop-head strong {
  border: 1px solid rgba(163, 255, 212, .35);
  border-radius: 999px;
  color: var(--accent-strong);
  font-size: 12px;
  padding: 6px 10px;
  white-space: nowrap;
}

.starter-loop-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.starter-loop-metrics div,
.starter-loop-leads article,
.starter-loop-next {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .82);
}

.starter-loop-metrics div {
  display: grid;
  align-content: center;
  gap: 4px;
  justify-items: center;
  min-width: 0;
  padding: 10px 12px;
  text-align: center;
}

.starter-loop-metrics strong {
  color: var(--accent-strong);
  font-size: 22px;
}

.starter-loop-review {
  display: grid;
  grid-template-columns: 132px 1fr minmax(220px, .8fr);
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .035);
  padding: 12px;
}

.starter-loop-review.ready {
  border-color: rgba(163, 255, 212, .38);
}

.starter-loop-review.watch {
  border-color: rgba(201, 164, 94, .42);
}

.starter-loop-review.weak,
.starter-loop-review.blocked {
  border-color: rgba(255, 109, 109, .35);
}

.starter-loop-review-score {
  display: grid;
  gap: 3px;
}

.starter-loop-review-score span,
.starter-loop-review-score small,
.starter-loop-review p {
  color: var(--muted);
}

.starter-loop-review-score strong {
  color: var(--accent-strong);
  font-size: 28px;
}

.starter-loop-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.starter-loop-checks span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  padding: 6px 8px;
}

.starter-loop-checks span.done {
  border-color: rgba(163, 255, 212, .35);
  color: var(--accent-strong);
}

.starter-loop-checks span.todo {
  border-color: rgba(201, 164, 94, .4);
  color: #f1d28d;
}

.starter-loop-checks.compact span {
  padding: 5px 7px;
}

.starter-loop-review p {
  margin: 0;
  line-height: 1.5;
}

.starter-loop-body {
  align-items: stretch;
}

.starter-loop-leads {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  flex: 1;
}

.starter-loop-leads article,
.starter-loop-next {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
}

.starter-loop-leads strong,
.starter-loop-leads span,
.starter-loop-next p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.starter-loop-next {
  width: min(320px, 34%);
}

.starter-loop-next p {
  margin: 0;
  line-height: 1.52;
}

.starter-loop-actions {
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4px;
}

.starter-loop-manual {
  display: grid;
  gap: 10px;
}

.starter-loop-manual-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.starter-loop-manual-head div {
  display: grid;
  gap: 2px;
}

.starter-loop-manual-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.starter-loop-manual-head em {
  border: 1px solid rgba(163, 255, 212, .32);
  border-radius: 999px;
  color: var(--accent-strong);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  padding: 5px 9px;
  white-space: nowrap;
}

.starter-loop-manual-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 96px)) minmax(220px, 1fr) auto;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .03);
  padding: 10px;
}

.starter-loop-manual-summary.send,
.starter-loop-manual-summary.mixed {
  border-color: rgba(163, 255, 212, .28);
}

.starter-loop-manual-summary.enrich {
  border-color: rgba(201, 164, 94, .36);
}

.starter-loop-manual-summary.replace {
  border-color: rgba(255, 109, 109, .3);
}

.starter-loop-manual-summary div {
  display: grid;
  gap: 2px;
}

.starter-loop-manual-summary span,
.starter-loop-manual-summary p {
  color: var(--muted);
}

.starter-loop-manual-summary strong {
  color: var(--accent-strong);
  font-size: 20px;
}

.starter-loop-manual-summary p {
  margin: 0;
  line-height: 1.5;
}

.starter-loop-manual-summary button {
  justify-self: end;
  min-width: 116px;
}

.starter-loop-manual-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.starter-loop-manual-card {
  display: grid;
  gap: 9px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .82);
  padding: 12px;
}

.starter-loop-manual-card.high {
  border-color: rgba(163, 255, 212, .36);
}

.starter-loop-manual-card.medium {
  border-color: rgba(201, 164, 94, .38);
}

.starter-loop-manual-card.low {
  border-color: rgba(255, 109, 109, .28);
}

.starter-loop-manual-card strong,
.starter-loop-manual-card span,
.starter-loop-manual-card em,
.starter-loop-manual-card p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.starter-loop-manual-card em {
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
}

.starter-loop-manual-card span,
.starter-loop-manual-card p {
  color: var(--muted);
}

.starter-loop-manual-card p {
  line-height: 1.5;
  margin: 0;
}

.starter-loop-handoff {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(163, 255, 212, .24);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .025);
  padding: 12px;
}

.starter-loop-handoff.mixed,
.starter-loop-handoff.send {
  border-color: rgba(163, 255, 212, .32);
}

.starter-loop-handoff.enrich {
  border-color: rgba(201, 164, 94, .36);
}

.starter-loop-handoff.replace {
  border-color: rgba(255, 109, 109, .3);
}

.starter-loop-handoff-head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

.starter-loop-handoff-head div {
  display: grid;
  gap: 2px;
}

.starter-loop-handoff-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.starter-loop-handoff > p {
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}

.starter-loop-handoff-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.starter-loop-handoff-groups article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .78);
  padding: 10px;
}

.starter-loop-handoff-groups span,
.starter-loop-handoff-groups p,
.starter-loop-handoff-groups small {
  color: var(--muted);
}

.starter-loop-handoff-groups strong {
  color: var(--accent-strong);
  font-size: 22px;
}

.starter-loop-handoff-groups p,
.starter-loop-handoff-groups small {
  display: block;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.mofang-command-list {
  display: grid;
  gap: 10px;
}

.mofang-command-card {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(90deg, rgba(163, 255, 212, .06), transparent 58%),
    #090909;
  padding: 13px 14px;
}

.mofang-command-card span,
.mofang-command-card p {
  color: var(--muted);
}

.mofang-command-card span,
.mofang-command-card strong,
.mofang-command-card p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.mofang-command-card span {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.mofang-command-card p {
  line-height: 1.52;
  margin: 0;
}

.demo-guide-panel {
  display: grid;
  gap: 22px;
  border: 1px solid rgba(166, 255, 217, .24);
  border-radius: var(--radius);
  background:
    linear-gradient(120deg, rgba(166, 255, 217, .075), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 64%),
    #090909;
  padding: 24px;
  margin-bottom: 30px;
}

.demo-guide-panel:not([open]) {
  gap: 0;
}

.demo-guide-body {
  display: grid;
  gap: 18px;
}

.demo-guide-head,
.demo-guide-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.demo-guide-head h3 {
  margin-bottom: 8px;
}

.demo-guide-head > div:first-child > span,
.demo-guide-meter span,
.demo-guide-meter small,
.demo-guide-step p {
  color: var(--muted);
}

.demo-guide-head > div:first-child > span,
.demo-guide-step p {
  display: block;
  max-width: 820px;
  line-height: 1.55;
}

.demo-guide-meter {
  min-width: 170px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .58);
  padding: 13px 14px;
}

.demo-guide-meter span,
.demo-guide-meter strong,
.demo-guide-meter small {
  display: block;
}

.demo-guide-meter strong {
  color: var(--accent-strong);
  font-size: 32px;
  line-height: 1;
  margin: 6px 0;
}

.demo-guide-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.demo-guide-step {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 10px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(12, 12, 12, .74);
  padding: 16px;
}

.demo-guide-step > span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.demo-guide-step strong,
.demo-guide-step p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.demo-guide-step p {
  margin: 0;
  font-size: 13px;
}

.demo-guide-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

:root[data-theme-mode="light"] .mofang-blueprint {
  background:
    linear-gradient(135deg, rgba(17, 17, 17, .04), transparent 44%),
    rgba(255, 255, 255, .76);
}

:root[data-theme-mode="light"] .daily-focus-panel {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 36%),
    rgba(255, 255, 255, .82);
}

:root[data-theme-mode="light"] .first-run-assistant {
  background:
    linear-gradient(120deg, rgba(19, 120, 95, .06), transparent 38%),
    rgba(255, 255, 255, .8);
}

:root[data-theme-mode="light"] :is(.daily-focus-metric, .daily-focus-card, .first-run-progress, .first-run-step, .mofang-metric-strip div, .mofang-lane-disclosure, .mofang-lane-card, .starter-route-card, .starter-loop-metrics div, .starter-loop-leads article, .starter-loop-next, .starter-loop-manual-summary, .starter-loop-manual-card, .starter-loop-handoff, .starter-loop-handoff-groups article, .mofang-command-card, .demo-guide-meter, .demo-guide-step) {
  background: rgba(255, 255, 255, .92);
}

:root[data-theme-mode="light"] .demo-guide-panel {
  background:
    linear-gradient(120deg, rgba(0, 95, 70, .08), transparent 34%),
    rgba(255, 255, 255, .78);
}

:root[data-theme-mode="light"] .starter-loop-receipt {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .07), transparent 44%),
    rgba(255, 255, 255, .78);
}

:root[data-theme-mode="light"] .starter-loop-review {
  background: rgba(255, 255, 255, .72);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .mofang-blueprint {
    background:
      linear-gradient(135deg, rgba(17, 17, 17, .04), transparent 44%),
      rgba(255, 255, 255, .76);
  }

  :root[data-theme-mode="system"] .daily-focus-panel {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 36%),
      rgba(255, 255, 255, .82);
  }

  :root[data-theme-mode="system"] .first-run-assistant {
    background:
      linear-gradient(120deg, rgba(19, 120, 95, .06), transparent 38%),
      rgba(255, 255, 255, .8);
  }

  :root[data-theme-mode="system"] :is(.daily-focus-metric, .daily-focus-card, .first-run-progress, .first-run-step, .mofang-metric-strip div, .mofang-lane-disclosure, .mofang-lane-card, .starter-route-card, .starter-loop-metrics div, .starter-loop-leads article, .starter-loop-next, .starter-loop-manual-summary, .starter-loop-manual-card, .starter-loop-handoff, .starter-loop-handoff-groups article, .mofang-command-card, .demo-guide-meter, .demo-guide-step) {
    background: rgba(255, 255, 255, .92);
  }

  :root[data-theme-mode="system"] .demo-guide-panel {
    background:
      linear-gradient(120deg, rgba(0, 95, 70, .08), transparent 34%),
      rgba(255, 255, 255, .78);
  }

  :root[data-theme-mode="system"] .starter-loop-receipt {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .07), transparent 44%),
      rgba(255, 255, 255, .78);
  }

  :root[data-theme-mode="system"] .starter-loop-review {
    background: rgba(255, 255, 255, .72);
  }
}

.channel-card {
  display: grid;
  gap: 16px;
  min-height: 226px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(13, 13, 13, .88);
  padding: 22px;
  box-shadow: var(--soft-shadow);
}

:root[data-theme-mode="light"] .channel-card {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .channel-card {
    background: rgba(255, 255, 255, .9);
  }
}

.channel-card.selected {
  border-color: var(--accent);
}

.browser-card {
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .09), transparent 48%),
    rgba(16, 16, 16, .92);
}

:root[data-theme-mode="light"] .browser-card {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 48%),
    rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .browser-card {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 48%),
      rgba(255, 255, 255, .9);
  }
}

.channel-card p {
  color: var(--muted);
  line-height: 1.55;
}

.route-mini {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  padding: 10px 11px;
}

:root[data-theme-mode="light"] .route-mini {
  background: #ffffff;
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .route-mini {
    background: #ffffff;
  }
}

.route-mini span,
.route-mini strong {
  display: block;
}

.route-mini span {
  color: var(--muted);
  font-size: 12px;
}

.route-mini.ready {
  border-color: rgba(157, 241, 210, .54);
}

.route-mini.ready strong {
  color: var(--accent-strong);
}

.route-mini.blocked strong {
  color: var(--warn);
}

.channel-head,
.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  flex-wrap: wrap;
}

.toolbar {
  justify-content: flex-end;
}

.toolbar .ghost,
.toolbar .primary {
  min-height: 40px;
  white-space: nowrap;
}

.channel-head span {
  color: var(--accent-strong);
  font-size: 12px;
}

.channel-head strong {
  color: var(--muted);
  font-size: 12px;
}

.agent-metrics,
.agent-preset-strip,
.agent-channel-grid,
.agent-step-list,
.agent-lead-grid,
.agent-history-list {
  display: grid;
  gap: 14px;
}

.agent-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.agent-metrics div,
.agent-preset-card,
.agent-channel,
.agent-step,
.agent-lead,
.agent-history,
.agent-result-head {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(9, 9, 9, .82);
  padding: 16px 18px;
}

.agent-metrics div {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 112px;
  text-align: center;
}

.agent-metrics span,
.agent-preset-card span,
.agent-preset-card small,
.agent-channel small,
.agent-step small,
.agent-step em,
.agent-lead small,
.agent-history small,
.agent-result-head small {
  color: var(--muted);
}

.agent-metrics strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
}

.agent-preset-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.agent-preset-card {
  display: grid;
  gap: 7px;
  color: var(--ink);
  min-height: 118px;
  text-align: left;
}

.agent-preset-card:hover,
.agent-preset-card.selected {
  border-color: rgba(163, 255, 212, .48);
  transform: translateY(-1px);
}

.agent-preset-card span,
.agent-preset-card strong,
.agent-preset-card small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.agent-preset-card span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.agent-channel-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 18px 0;
}

.agent-channel {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.agent-channel input {
  width: auto;
  margin-top: 3px;
}

.agent-channel strong,
.agent-channel small,
.agent-step strong,
.agent-step small,
.agent-lead span,
.agent-lead strong,
.agent-lead small,
.agent-history span,
.agent-history strong,
.agent-history small,
.agent-result-head span,
.agent-result-head strong,
.agent-result-head small {
  display: block;
}

.agent-channel.selected,
.agent-step.ready {
  border-color: rgba(157, 241, 210, .5);
}

.agent-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 92px;
  align-items: center;
  gap: 12px;
}

.agent-step > span,
.agent-lead span,
.agent-history span,
.agent-result-head span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
}

.agent-step strong,
.agent-lead strong,
.agent-history strong,
.agent-result-head strong {
  overflow-wrap: anywhere;
}

.agent-step small,
.agent-lead small,
.agent-history small,
.agent-result-head small {
  overflow-wrap: anywhere;
}

.agent-step em {
  font-style: normal;
  text-align: right;
}

.agent-step.blocked em {
  color: var(--warn);
}

.agent-lead-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}

.agent-history {
  width: 100%;
  color: var(--ink);
  text-align: left;
}

.agent-history.selected {
  border-color: var(--accent);
}

.agent-result {
  display: grid;
  gap: 16px;
}

.ai-command-panel {
  margin: 0;
}

.agent-primary-layout {
  grid-template-columns: 1fr;
  align-items: start;
}

.agent-setup-stack {
  display: grid;
  gap: 24px;
}

.agent-command-featured {
  margin: 0;
  position: sticky;
  top: 38px;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto;
  border-color: rgba(157, 241, 210, .28);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .075), transparent 46%),
    #0b0b0b;
}

:root[data-theme-mode="light"] .agent-command-featured {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 42%),
    var(--panel);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .agent-command-featured {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 42%),
      var(--panel);
  }
}

.agent-command-featured .ai-command-grid {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 16px;
}

.agent-command-featured .ai-command-messages {
  min-height: 210px;
  align-content: start;
}

.agent-command-featured .ai-command-message {
  max-width: 82%;
}

.agent-command-featured .ai-command-message.user {
  justify-self: end;
}

.agent-command-featured .ai-command-side {
  order: -1;
  align-content: start;
}

.agent-command-featured .stack-field {
  margin-top: 0;
}

.agent-command-featured [data-ai-command-field="input"] {
  min-height: 132px;
  height: 132px;
}

.ai-command-shortcut-disclosure {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .028);
  padding: 11px 12px;
}

.ai-command-shortcut-disclosure > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}

.ai-command-shortcut-disclosure > summary::-webkit-details-marker {
  display: none;
}

.ai-command-shortcut-disclosure > summary span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.ai-command-shortcut-disclosure > summary strong {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.ai-command-shortcut-disclosure[open] > summary strong::before {
  content: "收起";
}

.ai-command-shortcut-disclosure[open] > summary strong {
  font-size: 0;
}

.ai-command-shortcut-disclosure[open] > summary strong::before {
  font-size: 13px;
}

.agent-command-featured .ai-command-shortcuts button {
  min-height: 46px;
  padding: 10px 12px;
}

.ai-command-capability-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ai-command-capability-strip span {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(157, 241, 210, .22);
  border-radius: var(--radius);
  background: rgba(157, 241, 210, .045);
  padding: 11px 12px;
}

.ai-command-capability-strip strong {
  color: var(--accent-strong);
  font-size: 15px;
}

.ai-command-capability-strip small {
  color: var(--muted);
  line-height: 1.38;
}

.agent-brief-panel .field-row,
.agent-brief-panel .agent-channel-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agent-brief-panel .agent-preset-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agent-brief-panel .agent-channel-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.agent-brief-panel {
  width: 100%;
  max-width: none;
}

.panel.agent-brief-panel {
  padding: 12px;
}

.agent-brief-panel .panel-heading {
  margin-bottom: 8px;
}

.agent-brief-panel .agent-preset-strip {
  gap: 7px;
  margin-bottom: 8px;
}

.agent-brief-panel .agent-preset-card {
  min-height: 66px;
  padding: 8px 10px;
  gap: 3px;
}

.agent-brief-panel .field-row,
.agent-brief-panel label {
  gap: 6px;
}

.agent-brief-panel input {
  padding: 8px 10px;
}

.agent-brief-panel textarea {
  min-height: 60px;
  padding: 8px 10px;
  line-height: 1.38;
}

.agent-brief-panel .agent-channel-grid {
  gap: 7px;
  margin: 8px 0 6px;
}

.agent-brief-panel .agent-channel {
  padding: 8px 10px;
  align-items: center;
}

.agent-brief-panel .utility-row {
  margin-top: 4px;
  gap: 10px;
}

.ai-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: 18px;
}

.ai-command-messages,
.ai-command-side,
.ai-command-shortcuts {
  display: grid;
  gap: 10px;
}

.ai-command-message {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 12px 14px;
}

.ai-command-message.user {
  border-color: rgba(157, 241, 210, .45);
}

.ai-command-message span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
}

.ai-command-message p {
  margin: 7px 0 0;
  line-height: 1.55;
}

.ai-command-shortcuts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-command-shortcuts button {
  min-height: 54px;
  text-align: left;
  white-space: normal;
}

.ai-command-action-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(157, 241, 210, .28);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .08), transparent 58%),
    rgba(255, 255, 255, .035);
  padding: 14px;
}

.ai-command-action-head {
  display: grid;
  gap: 5px;
}

.ai-command-action-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ai-command-action-head strong {
  font-size: 18px;
}

.ai-command-action-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.ai-command-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ai-command-detail-list span {
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) - 4px);
  background: rgba(0, 0, 0, .28);
  padding: 9px 10px;
  min-width: 0;
}

.ai-command-detail-list small {
  color: var(--muted);
  font-weight: 750;
}

.ai-command-detail-list strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ai-command-actions button {
  min-height: 42px;
}

:root[data-theme-mode="light"] .ai-command-action-card {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 56%),
    rgba(0, 0, 0, .025);
}

:root[data-theme-mode="light"] .ai-command-detail-list span {
  background: rgba(255, 255, 255, .72);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .ai-command-action-card {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 56%),
      rgba(0, 0, 0, .025);
  }

  :root[data-theme-mode="system"] .ai-command-detail-list span {
    background: rgba(255, 255, 255, .72);
  }
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 22px;
}

.home-results-grid {
  grid-template-columns: minmax(0, 1fr);
}

.workbench-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255,255,255,.052), transparent 48%),
    #0c0c0c;
  padding: 34px;
  box-shadow: var(--soft-shadow);
}

.daily-focus-panel {
  display: grid;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .07), transparent 36%),
    rgba(8, 8, 8, .92);
  padding: 24px;
  box-shadow: var(--soft-shadow);
}

.daily-focus-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
  gap: 24px;
  align-items: center;
}

.daily-focus-summary h3 {
  margin: 0 0 10px;
  font-size: 28px;
}

.daily-focus-summary span,
.daily-focus-primary p,
.daily-focus-metric small,
.daily-focus-card p,
.daily-focus-more-copy > span {
  color: var(--muted);
}

.daily-focus-summary > div:first-child > span {
  display: block;
  max-width: 720px;
  line-height: 1.56;
}

.daily-focus-primary {
  display: grid;
  gap: 10px;
  align-content: center;
  border-left: 1px solid var(--line);
  padding-left: 22px;
}

.daily-focus-primary > span,
.daily-focus-card > span,
.daily-focus-card.secondary > span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.daily-focus-primary strong {
  font-size: 20px;
}

.daily-focus-primary p {
  margin: 0;
  line-height: 1.56;
}

.daily-focus-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.daily-focus-metric {
  display: grid;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .22);
  color: var(--ink);
  padding: 14px;
  text-align: center;
}

.daily-focus-metric strong {
  display: block;
  width: 100%;
  font-size: 26px;
  line-height: 1;
  text-align: center;
}

.daily-focus-metric span,
.daily-focus-metric small {
  display: block;
  width: 100%;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

.daily-focus-more {
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.daily-focus-more > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.daily-focus-more-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.daily-focus-more-copy strong {
  font-size: 15px;
}

.daily-focus-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.daily-focus-card {
  display: grid;
  align-content: space-between;
  gap: 14px;
  min-height: 170px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .86);
  padding: 16px;
}

.daily-focus-card strong {
  font-size: 18px;
}

.daily-focus-card p {
  margin: 0;
  line-height: 1.55;
}

.daily-focus-card button {
  justify-self: start;
}

.first-run-assistant {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .035), transparent 38%),
    rgba(10, 10, 10, .88);
  padding: 18px 20px;
}

.first-run-assistant-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 168px auto;
  align-items: center;
  gap: 18px;
}

.first-run-assistant-head h3 {
  margin: 0 0 6px;
  font-size: 22px;
}

.first-run-assistant-head > div:first-child > span,
.first-run-progress span,
.first-run-progress small,
.first-run-next p,
.first-run-step p {
  color: var(--muted);
}

.first-run-assistant-head > div:first-child > span {
  display: block;
  line-height: 1.52;
}

.first-run-progress {
  display: grid;
  justify-items: center;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .18);
  padding: 12px;
  text-align: center;
}

.first-run-progress strong {
  color: var(--accent-strong);
  font-size: 26px;
  line-height: 1;
}

.first-run-progress span,
.first-run-progress small {
  display: block;
  width: 100%;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

.first-run-body {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}

.first-run-next {
  border-left: 1px solid rgba(157, 241, 210, .44);
  padding-left: 16px;
}

.first-run-next span,
.first-run-step span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.first-run-next strong {
  display: block;
  margin: 6px 0;
  font-size: 18px;
}

.first-run-next p,
.first-run-step p {
  margin: 0;
  line-height: 1.55;
}

.first-run-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.first-run-step {
  display: grid;
  align-content: space-between;
  gap: 12px;
  min-height: 168px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(16, 16, 16, .88);
  padding: 15px;
}

.first-run-step.done {
  border-color: rgba(157, 241, 210, .36);
}

.first-run-step strong {
  display: block;
  margin-top: 4px;
  font-size: 17px;
}

.first-run-step button {
  justify-self: start;
}

.tradebox-ai-bar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 18px;
  border: 1px solid rgba(157, 241, 210, .28);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .09), transparent 48%),
    #090909;
  padding: 14px;
  box-shadow: var(--soft-shadow);
}

.tradebox-ai-copy {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
}

.tradebox-ai-copy h2 {
  margin: 0;
  font-size: clamp(24px, 2.7vw, 36px);
  line-height: 1.04;
  letter-spacing: 0;
}

.tradebox-ai-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.56;
}

.tradebox-ai-features,
.tradebox-ai-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tradebox-ai-features span {
  border: 1px solid rgba(157, 241, 210, .25);
  border-radius: 999px;
  color: var(--muted);
  font-size: 12px;
  padding: 5px 8px;
}

.tradebox-ai-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
}

.tradebox-ai-input-row .eyebrow {
  grid-column: 1 / -1;
}

.tradebox-ai-bar textarea {
  min-height: 82px;
  resize: none;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}

.tradebox-ai-bar textarea::placeholder {
  color: rgba(177, 177, 168, .72);
}

.tradebox-ai-bar .eyebrow {
  margin: 0;
}

.tradebox-ai-bar button {
  min-height: 40px;
}

.tradebox-ai-input-row button {
  min-height: 82px;
}

.tradebox-ai-pills button {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 12px;
}

.tradebox-ai-pills {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  grid-column: auto;
  gap: 6px;
}

.agent-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .54fr);
  gap: 30px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .06), transparent 48%),
    #0c0c0c;
  padding: 34px;
  box-shadow: var(--soft-shadow);
}

.agent-command-topline {
  grid-template-columns: 1fr;
  gap: 18px;
  padding: 18px 22px;
  container-type: inline-size;
}

.agent-command-topline > div {
  width: 100%;
  min-width: 0;
}

.agent-command-topline h2 {
  width: 100%;
  max-width: none;
  margin-bottom: 8px;
  font-size: clamp(32px, 3.2cqw, 40px);
  line-height: 1.05;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

.agent-command-topline p:last-child {
  max-width: none;
}

@media (max-width: 560px) {
  .agent-command-topline h2 {
    white-space: normal;
  }
}

.agent-command-topline .agent-metrics {
  gap: 10px;
}

.agent-command-topline .agent-metrics div {
  min-height: 82px;
  padding: 12px 14px;
}

.agent-command-topline .agent-metrics strong {
  margin-top: 5px;
  font-size: 24px;
}

.billing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 22px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .06), transparent 46%),
    #0c0c0c;
  padding: 34px;
  box-shadow: var(--soft-shadow);
}

.team-hero,
.factory-hero,
.integration-hero,
.release-hero,
.platform-hero,
.opportunity-hero,
.campaign-hero,
.quotation-hero,
.order-hero,
.pilot-hero,
.license-hero,
.support-hero,
.operator-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
  gap: 22px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255,255,255,.052), transparent 46%),
    #0c0c0c;
  padding: 34px;
  box-shadow: var(--soft-shadow);
}

.factory-hero {
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .065), transparent 48%),
    #0c0c0c;
}

.integration-hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 44%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 116px),
    #0b0b0b;
}

.release-hero {
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .06), transparent 46%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 120px),
    #0b0b0b;
}

.platform-hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .38fr);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 44%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 120px),
    #0b0b0b;
}

.opportunity-hero {
  background:
    linear-gradient(135deg, rgba(217, 248, 233, .062), transparent 46%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 120px),
    #0b0b0b;
}

.campaign-hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .1), transparent 40%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.034) 0 1px, transparent 1px 66px),
    #0b0b0b;
}

.quotation-hero {
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .1), transparent 42%),
    #0c0c0c;
}

.order-hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .09), transparent 40%),
    #0c0c0c;
}

.pilot-hero {
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .09), transparent 40%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.034) 0 1px, transparent 1px 68px),
    #0b0b0b;
}

.operator-hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .11), transparent 36%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 72px),
    #0b0b0b;
}

.license-hero {
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .09), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 64px),
    #0b0b0b;
}

.support-hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .1), transparent 40%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.032) 0 1px, transparent 1px 70px),
    #0b0b0b;
}

:root[data-theme-mode="light"] :is(
  .billing-hero,
  .team-hero,
  .factory-hero,
  .integration-hero,
  .release-hero,
  .platform-hero,
  .opportunity-hero,
  .campaign-hero,
  .quotation-hero,
  .order-hero,
  .pilot-hero,
  .license-hero,
  .support-hero,
  .operator-hero
) {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 40%),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .035) 0 1px, transparent 1px 70px),
    var(--panel);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(
    .billing-hero,
    .team-hero,
    .factory-hero,
    .integration-hero,
    .release-hero,
    .platform-hero,
    .opportunity-hero,
    .campaign-hero,
    .quotation-hero,
    .order-hero,
    .pilot-hero,
    .license-hero,
    .support-hero,
    .operator-hero
  ) {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 40%),
      repeating-linear-gradient(90deg, rgba(0, 0, 0, .035) 0 1px, transparent 1px 70px),
      var(--panel);
  }
}

.bootstrap-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.bootstrap-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  padding: 9px 11px;
  font-size: 12px;
}

.team-hero h2,
.factory-hero h2,
.integration-hero h2,
.release-hero h2,
.platform-hero h2,
.opportunity-hero h2,
.campaign-hero h2,
.quotation-hero h2,
.order-hero h2,
.pilot-hero h2,
.license-hero h2,
.support-hero h2,
.operator-hero h2 {
  margin-bottom: 14px;
}

.team-hero p:last-child,
.factory-hero p:last-child,
.integration-hero p:last-child,
.release-hero p:last-child,
.platform-hero p:last-child,
.opportunity-hero p:last-child,
.campaign-hero p:last-child,
.quotation-hero p:last-child,
.order-hero p:last-child,
.pilot-hero p:last-child,
.license-hero p:last-child,
.support-hero p:last-child,
.operator-hero p:last-child {
  color: var(--muted);
}

.billing-hero h2 {
  margin-bottom: 14px;
}

.billing-hero p:last-child {
  color: var(--muted);
}

.workbench-hero h2 {
  margin-bottom: 0;
}

.collector-layout {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
  gap: 30px;
}

.stack-field {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

textarea {
  width: 100%;
  min-height: 260px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: #080808;
  padding: 14px 15px;
  line-height: 1.62;
}

.account-pill {
  display: grid;
  align-content: center;
  justify-items: center;
  min-width: 168px;
  padding: 12px 14px;
  text-align: center;
}

.account-pill span,
.account-pill strong {
  display: block;
  width: 100%;
  text-align: center;
}

.account-pill strong {
  color: var(--accent);
}

.hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 30px;
  padding: clamp(28px, 4vw, 48px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.052), transparent 46%),
    #0c0c0c;
}

.hero-copy p:last-child {
  color: var(--muted);
  max-width: 720px;
  margin-bottom: 0;
}

.hero-metric {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 22px;
  text-align: center;
  background: #f6f4ee;
  color: #050505;
  box-shadow: none;
}

.hero-metric span,
.hero-metric small {
  color: #55534d;
}

.hero-metric strong {
  font-size: 34px;
}

.agent-layout {
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
  gap: 30px;
}

.agent-layout.wide {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
}

.agent-layout.agent-primary-layout {
  grid-template-columns: 1fr;
}

.agent-layout.agent-primary-layout .agent-setup-stack {
  width: 100%;
  min-width: 0;
}

.layout-grid,
.operations {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 30px;
}

.factory-layout {
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
  gap: 30px;
}

.quotation-layout {
  display: grid;
  grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr);
  gap: 22px;
}

.billing-policy-layout {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(0, 1fr);
  gap: 22px;
}

.payment-provider-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.1fr) minmax(0, .9fr);
  gap: 22px;
}

.whatsapp-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .56fr);
  gap: 22px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .10), transparent 42%),
    #0c0c0c;
  padding: 28px;
  box-shadow: var(--shadow);
}

.whatsapp-metrics,
.whatsapp-business-strip,
.whatsapp-layout,
.whatsapp-layout.wide,
.whatsapp-contact-list,
.whatsapp-send-log {
  display: grid;
  gap: 12px;
}

.whatsapp-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.whatsapp-business-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
}

.whatsapp-business-strip article {
  border: 1px solid rgba(157, 241, 210, .22);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .06), transparent 58%),
    #090909;
  padding: 14px 16px;
}

.whatsapp-business-strip span,
.whatsapp-business-strip p {
  color: var(--muted);
}

.whatsapp-business-strip span {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.whatsapp-business-strip strong {
  display: block;
  font-size: 17px;
}

.whatsapp-business-strip p {
  margin: 8px 0 0;
  line-height: 1.48;
}

.whatsapp-metrics div,
.whatsapp-readiness,
.whatsapp-contact-card,
.whatsapp-preview,
.whatsapp-log-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.whatsapp-metrics div {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 104px;
  text-align: center;
}

.whatsapp-metrics span,
.whatsapp-readiness span,
.whatsapp-readiness small,
.whatsapp-contact-card small,
.whatsapp-contact-card em,
.whatsapp-preview span,
.whatsapp-log-card span,
.whatsapp-log-card small {
  color: var(--muted);
  font-size: 12px;
}

.whatsapp-metrics strong {
  display: block;
  margin-top: 8px;
  font-size: 28px;
}

.whatsapp-layout {
  grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr);
  margin-top: 22px;
}

.whatsapp-layout.wide {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
}

.whatsapp-contact-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(90px, .28fr);
  align-items: center;
  gap: 12px;
}

.whatsapp-contact-card.selected {
  border-color: rgba(157, 241, 210, .55);
}

.whatsapp-contact-card input {
  width: auto;
}

.whatsapp-contact-card strong,
.whatsapp-contact-card small,
.whatsapp-contact-card em,
.whatsapp-log-card strong,
.whatsapp-log-card p,
.whatsapp-log-card small {
  display: block;
  overflow-wrap: anywhere;
}

.whatsapp-contact-card em {
  font-style: normal;
  text-align: right;
}

.whatsapp-preview p,
.whatsapp-log-card p {
  margin: 8px 0 0;
  line-height: 1.55;
}

.code-signing-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
}

.download-hosting-layout,
.website-publish-layout,
.windows-update-layout,
.windows-monitor-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
  margin-bottom: 22px;
}

.legal-review-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
  margin-bottom: 22px;
}

.operator-layout {
  display: grid;
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
  gap: 22px;
}

.pilot-layout {
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
  gap: 22px;
}

.license-layout {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
  gap: 22px;
}

.support-layout {
  display: grid;
  grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr);
  gap: 22px;
}

.customer-help-grid {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(360px, .82fr);
  gap: 22px;
  margin-bottom: 22px;
}

.customer-help-grid.compact {
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
}

.support-sla-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
  margin-bottom: 22px;
}

.factory-layout.wide {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
}

.panel {
  padding: 26px;
}

.panel-heading {
  margin-bottom: 22px;
}

.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

label {
  display: grid;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
}

input,
select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: #080808;
  padding: 12px 14px;
}

.switch-row {
  margin: 14px 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.switch-row label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.switch-row input {
  width: auto;
}

.rule-list {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.rule-list span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  background: var(--accent-strong);
}

.quota-list {
  display: grid;
  gap: 16px;
}

.quota-item {
  display: grid;
  gap: 8px;
}

.quota-top strong {
  font-size: 26px;
}

.meter {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: #2a2a2a;
}

.meter span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--accent), var(--accent-strong));
  transition: width .2s ease;
}

.button-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.result-list,
.lead-table,
.draft-list,
.course-list {
  display: grid;
  gap: 10px;
}

.result-row,
.lead-row,
.draft-item,
.course-item {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.result-row,
.lead-row {
  display: grid;
  align-items: center;
  gap: 12px;
}

.result-row {
  grid-template-columns: auto minmax(0, 1fr) 54px;
}

.lead-row {
  grid-template-columns: auto minmax(220px, 1.18fr) minmax(180px, .82fr) 54px;
  align-items: flex-start;
}

.lead-controls {
  grid-column: 2 / -1;
  display: grid;
  grid-template-columns: minmax(118px, .58fr) minmax(118px, .58fr) minmax(220px, 1.24fr) minmax(136px, .6fr);
  gap: 10px;
  min-width: 0;
}

.result-row input,
.lead-row input {
  min-width: 0;
}

.result-row input[type="checkbox"],
.lead-row > input[type="checkbox"] {
  width: auto;
}

.result-row strong,
.lead-row strong,
.draft-item strong,
.course-item strong {
  display: block;
}

.result-row small,
.lead-row small,
.draft-item span,
.draft-item small,
.course-item p,
.muted-text {
  color: var(--muted);
}

.draft-item small {
  display: block;
  margin-top: 9px;
  line-height: 1.55;
}

.lead-main,
.lead-meta,
.mini-field {
  min-width: 0;
}

.lead-main small,
.lead-meta small {
  display: block;
  overflow-wrap: anywhere;
}

.mini-field {
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.mini-field input,
.mini-field select {
  min-height: 38px;
  padding: 8px 9px;
  font-size: 13px;
}

.lead-pipeline-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.lead-stage-card {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
  text-align: center;
}

.lead-stage-card.featured {
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .08), transparent 48%),
    #090909;
}

.lead-stage-card span,
.lead-stage-card strong {
  display: block;
}

.lead-stage-card span {
  color: var(--muted);
  font-size: 12px;
}

.lead-stage-card strong {
  width: 100%;
  margin-top: 10px;
  font-size: 28px;
  text-align: center;
}

.lead-insight-board {
  display: grid;
  grid-template-columns: minmax(210px, .8fr) repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}

.lead-insight-summary,
.lead-insight-card,
.lead-insight-empty {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  padding: 14px;
}

.lead-insight-summary {
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .08), transparent 48%),
    #080808;
}

.lead-insight-summary span,
.lead-insight-summary strong,
.lead-insight-card span,
.lead-insight-card strong,
.lead-insight-card small,
.lead-insight-empty strong {
  display: block;
}

.lead-insight-summary span,
.lead-insight-summary p,
.lead-insight-card p,
.lead-insight-card small,
.lead-insight-empty p {
  color: var(--muted);
}

.lead-insight-summary strong {
  margin-top: 8px;
  font-size: 30px;
}

.lead-insight-summary p,
.lead-insight-card p,
.lead-insight-empty p {
  margin: 10px 0 0;
  line-height: 1.55;
}

.lead-insight-card {
  display: grid;
  align-content: space-between;
  gap: 12px;
}

.lead-insight-card.high {
  border-color: rgba(217, 248, 233, .48);
}

.lead-insight-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.lead-insight-head span {
  color: var(--accent-strong);
  font-size: 12px;
  white-space: nowrap;
}

.lead-insight-head strong {
  overflow-wrap: anywhere;
}

.lead-insight-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.lead-insight-tags em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  font-size: 11px;
  font-style: normal;
  padding: 5px 8px;
}

.lead-insight-empty {
  grid-column: span 3;
  display: grid;
  align-content: center;
}

.score {
  justify-self: end;
  align-self: center;
  color: var(--accent-strong);
  font-weight: 800;
}

.stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.stat-tile {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 112px;
  padding: 14px;
  text-align: center;
}

.stat-tile span {
  display: block;
  width: 100%;
  text-align: center;
  color: var(--muted);
}

.stat-tile strong {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-size: 30px;
  line-height: 1.08;
  overflow-wrap: anywhere;
  text-align: center;
}

.agent-metrics span,
.agent-metrics strong,
.whatsapp-metrics span,
.whatsapp-metrics strong,
.learning-metrics span,
.learning-metrics strong,
.mofang-metric-strip span,
.mofang-metric-strip strong,
.starter-loop-metrics span,
.starter-loop-metrics strong,
.pilot-recruitment-metrics span,
.pilot-recruitment-metrics strong,
.pilot-feedback-metrics span,
.pilot-feedback-metrics strong,
.pilot-checkin-metrics span,
.pilot-checkin-metrics strong {
  display: block;
  width: 100%;
  text-align: center;
}

.compact-activity {
  margin-top: 14px;
}

.opportunity-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, .7fr);
  gap: 18px;
}

.campaign-layout {
  display: grid;
  grid-template-columns: minmax(380px, .82fr) minmax(0, 1.18fr);
  gap: 18px;
}

.campaign-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.campaign-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.campaign-settings-grid .wide {
  grid-column: span 3;
}

.campaign-template-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.campaign-template-strip button {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  padding: 11px 12px;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.campaign-template-strip button.selected {
  border-color: rgba(217, 248, 233, .52);
  background:
    linear-gradient(135deg, rgba(217, 248, 233, .08), transparent 48%),
    #080808;
}

.campaign-template-strip button:hover {
  border-color: var(--accent);
}

.campaign-template-strip span,
.campaign-template-strip p {
  display: block;
}

.campaign-template-strip span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 700;
}

.campaign-template-strip p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.campaign-send-confirm-strip {
  width: 100%;
  min-height: 74px;
  margin-top: 10px;
  border: 1px solid rgba(217, 248, 233, .5);
  border-radius: var(--radius);
  background: var(--ink);
  color: #050505;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.campaign-send-confirm-strip:hover {
  transform: translateY(-1px);
  border-color: var(--accent);
}

.campaign-send-confirm-strip span,
.campaign-send-confirm-strip strong {
  display: block;
}

.campaign-send-confirm-strip span {
  font-size: 18px;
}

.campaign-send-confirm-strip strong {
  color: #2e2e2e;
  font-size: 15px;
}

.campaign-send-confirm-modal {
  width: min(640px, calc(100vw - 48px));
}

.campaign-send-confirm-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.campaign-send-confirm-summary article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  padding: 18px;
  text-align: center;
}

.campaign-send-confirm-summary span,
.campaign-send-confirm-summary strong {
  display: block;
}

.campaign-send-confirm-summary span {
  color: var(--muted);
  font-size: 14px;
}

.campaign-send-confirm-summary strong {
  margin-top: 8px;
  font-size: 30px;
  color: var(--ink);
}

.lead-agent-run-confirm-summary strong {
  font-size: 20px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.campaign-send-confirm-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.campaign-send-confirm-actions {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 10px;
  margin-top: 18px;
}

.opportunity-funnel,
.opportunity-action-list,
.opportunity-table {
  display: grid;
  gap: 10px;
}

.opportunity-funnel {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.opportunity-funnel-step,
.opportunity-action,
.opportunity-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.opportunity-funnel-step {
  min-height: 150px;
  padding: 14px;
}

.opportunity-funnel-step.quote,
.opportunity-funnel-step.order {
  border-color: rgba(217, 248, 233, .32);
}

.opportunity-funnel-step span,
.opportunity-funnel-step strong,
.opportunity-funnel-step small,
.opportunity-row strong,
.opportunity-row span,
.opportunity-row small,
.opportunity-action strong,
.opportunity-action span,
.opportunity-action small {
  display: block;
}

.opportunity-funnel-step span,
.opportunity-funnel-step small,
.opportunity-funnel-step p,
.opportunity-action span,
.opportunity-action p,
.opportunity-action small,
.opportunity-row small {
  color: var(--muted);
}

.opportunity-funnel-step strong {
  margin-top: 10px;
  font-size: 32px;
}

.opportunity-funnel-step p {
  margin: 12px 0 0;
  line-height: 1.5;
}

.opportunity-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: start;
  padding: 13px 14px;
}

.opportunity-action > * {
  min-width: 0;
}

.opportunity-action p {
  grid-column: 1 / 2;
  max-width: 100%;
}

.opportunity-action small {
  grid-column: 1 / 2;
}

.opportunity-action button {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  justify-self: end;
  white-space: nowrap;
}

.opportunity-action.due,
.opportunity-row.due {
  border-color: rgba(244, 209, 126, .58);
}

.opportunity-action p {
  margin: 0;
}

.opportunity-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.05fr) minmax(110px, .56fr) minmax(110px, .56fr) minmax(112px, .56fr) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
}

.opportunity-row > * {
  min-width: 0;
}

.opportunity-row span {
  overflow-wrap: anywhere;
}

.priority-high,
.priority-medium,
.priority-low {
  font-weight: 700;
}

.priority-high {
  color: var(--accent-strong);
}

.priority-medium {
  color: var(--ink);
}

.priority-low {
  color: var(--muted);
}

.action-list {
  display: grid;
  gap: 10px;
}

.followup-list {
  display: grid;
  gap: 10px;
}

.sequence-panel {
  margin-top: -8px;
}

.sequence-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.sequence-summary article,
.sequence-row {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.sequence-summary article {
  min-height: 92px;
  padding: 13px 14px;
}

.sequence-summary span,
.sequence-summary strong,
.sequence-row span,
.sequence-row small {
  display: block;
}

.sequence-summary span,
.sequence-row small {
  color: var(--muted);
}

.sequence-summary strong {
  margin-top: 10px;
  font-size: 28px;
}

.sequence-list {
  display: grid;
  gap: 10px;
}

.sequence-row {
  display: grid;
  grid-template-columns: minmax(210px, .95fr) minmax(260px, 1.25fr) minmax(220px, 1fr) 86px;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
}

.sequence-row span {
  overflow-wrap: anywhere;
}

.followup-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(220px, 1.1fr) minmax(110px, .55fr) minmax(94px, .46fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.followup-row strong,
.followup-row span,
.followup-row small {
  display: block;
}

.followup-row span {
  overflow-wrap: anywhere;
}

.followup-row small {
  color: var(--muted);
  font-size: 12px;
}

.advice-item {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 14px;
}

.advice-item span {
  color: var(--muted);
}

.operation,
.plan,
.primary,
.ghost {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.operation,
.plan,
.ghost {
  background: #0a0a0a;
  color: var(--ink);
}

.operation {
  min-height: 76px;
  padding: 14px;
  text-align: left;
}

.operation span,
.operation strong,
.plan span,
.plan strong,
.plan small {
  display: block;
}

.operation strong {
  color: var(--accent-strong);
  margin-top: 8px;
}

.operation:hover,
.plan:hover,
.ghost:hover {
  transform: translateY(-1px);
  border-color: var(--accent);
}

.primary {
  background: var(--ink);
  color: var(--paper);
  padding: 11px 14px;
  font-weight: 700;
}

.plans {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pricing-grid,
.pack-grid,
.order-list {
  display: grid;
  gap: 10px;
}

.pricing-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 214px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 14px;
}

:root[data-theme-mode="light"] .billing-card {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .billing-card {
    background: rgba(255, 255, 255, .9);
  }
}

.billing-card.selected {
  border-color: var(--accent);
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .08), transparent 48%),
    #090909;
}

:root[data-theme-mode="light"] .billing-card.selected {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 48%),
    #ffffff;
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .billing-card.selected {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 48%),
      #ffffff;
  }
}

.billing-card span,
.billing-card small,
.billing-card p,
.order-row small {
  color: var(--muted);
}

.billing-card > strong {
  color: var(--accent-strong);
  font-size: 24px;
}

.order-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.order-row span,
.order-row small {
  display: block;
}

.payment-field {
  margin-bottom: 14px;
}

.wide-field {
  grid-column: 1 / -1;
}

.billing-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.refund-grid {
  margin-top: 14px;
}

.billing-record-list,
.billing-policy-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.billing-record-row,
.billing-policy-card,
.delivery-receipt-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.billing-policy-card {
  align-items: flex-start;
}

.delivery-receipt-card {
  display: grid;
  align-items: stretch;
}

.delivery-receipt-card.ready {
  border-color: rgba(157, 241, 210, .45);
}

.billing-record-row span,
.billing-record-row small,
.billing-policy-card span,
.delivery-receipt-card span,
.delivery-receipt-card small,
.delivery-receipt-card p {
  display: block;
}

.billing-record-row small,
.billing-policy-card span,
.delivery-receipt-card small,
.delivery-receipt-card p {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.delivery-receipt-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.delivery-receipt-card p {
  margin: 0;
  line-height: 1.55;
}

.delivery-receipt-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.delivery-receipt-items span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
}

.billing-record-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.payment-provider-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
}

.payment-provider-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.payment-provider-hero strong,
.payment-provider-hero span,
.payment-provider-hero small {
  display: block;
  overflow-wrap: anywhere;
}

.payment-provider-hero strong {
  margin: 7px 0;
}

.payment-provider-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.payment-check-list {
  display: grid;
  gap: 8px;
}

.payment-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.payment-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.payment-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.payment-check strong {
  overflow-wrap: anywhere;
}

.payment-merchant-packet {
  display: grid;
  grid-column: 1 / -1;
  gap: 14px;
}

.merchant-packet-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
}

.merchant-packet-hero div {
  display: grid;
  gap: 6px;
}

.merchant-packet-hero span,
.merchant-provider-strip span,
.merchant-requirement span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.merchant-packet-hero small,
.merchant-provider-strip small,
.merchant-requirement p,
.merchant-requirement small,
.payment-reconciliation-hero small,
.payment-reconciliation-profile small,
.payment-reconciliation-row small,
.payment-reconciliation-row p {
  color: var(--muted);
  line-height: 1.5;
}

.merchant-provider-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.merchant-provider-strip article,
.merchant-requirement {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px;
}

.merchant-provider-strip article {
  display: grid;
  gap: 6px;
}

.merchant-requirement-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.payment-reconciliation-handoff {
  display: grid;
  grid-column: 1 / -1;
  gap: 14px;
}

.payment-reconciliation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
}

.payment-reconciliation-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.payment-reconciliation-profile {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.payment-reconciliation-profile article,
.payment-reconciliation-row {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.payment-reconciliation-profile article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 13px;
}

.payment-reconciliation-list {
  display: grid;
  gap: 8px;
}

.payment-reconciliation-row {
  display: grid;
  grid-template-columns: minmax(190px, .7fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 13px;
}

.payment-reconciliation-row.ready {
  border-color: rgba(163, 255, 212, .28);
}

.payment-reconciliation-hero span,
.payment-reconciliation-profile span,
.payment-reconciliation-row span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.payment-reconciliation-hero strong,
.payment-reconciliation-hero span,
.payment-reconciliation-hero small,
.payment-reconciliation-profile strong,
.payment-reconciliation-profile small,
.payment-reconciliation-row strong,
.payment-reconciliation-row small,
.payment-reconciliation-row p {
  display: block;
  overflow-wrap: anywhere;
}

.payment-reconciliation-row p {
  margin: 0;
  line-height: 1.55;
}

.provider-setup-pack,
.provider-acceptance-pack,
.provider-first-batch-plan {
  display: grid;
  gap: 14px;
  margin-bottom: 22px;
  padding: 18px;
}

.provider-setup-head {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.provider-setup-head h3,
.provider-setup-head p,
.provider-setup-hero strong,
.provider-setup-hero small,
.provider-first-batch-hero strong,
.provider-first-batch-hero small,
.provider-first-batch-grid strong,
.provider-first-batch-grid small,
.provider-procurement-ledger strong,
.provider-procurement-ledger small,
.provider-first-batch-deferred strong,
.provider-first-batch-deferred span,
.provider-setup-phase-list strong,
.provider-setup-phase-list small,
.provider-acceptance-hero strong,
.provider-acceptance-hero small,
.provider-acceptance-run-list strong,
.provider-acceptance-run-list small,
.provider-acceptance-run-list p,
.provider-alias-strip strong,
.provider-alias-strip small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.provider-setup-head p {
  margin: 8px 0 0;
}

.provider-setup-head button {
  flex: 0 0 auto;
}

.provider-setup-hero {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px;
}

.provider-acceptance-hero {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px;
}

.provider-first-batch-hero {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .045), transparent 52%),
    #090909;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px;
}

.provider-setup-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.provider-acceptance-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.provider-first-batch-hero.ready {
  border-color: rgba(163, 255, 212, .34);
}

.provider-setup-hero span,
.provider-acceptance-hero span,
.provider-first-batch-hero span,
.provider-first-batch-grid span,
.provider-procurement-ledger span,
.provider-acceptance-run-list span,
.provider-setup-phase-list span,
.provider-alias-strip span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.provider-setup-hero strong {
  font-size: 22px;
  margin: 5px 0;
}

.provider-acceptance-hero strong {
  font-size: 22px;
  margin: 5px 0;
}

.provider-first-batch-hero strong {
  font-size: 22px;
  margin: 5px 0;
}

.provider-setup-hero em,
.provider-acceptance-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 10px 12px;
  white-space: nowrap;
}

.provider-first-batch-score {
  align-items: flex-end;
  display: grid;
  gap: 4px;
  justify-items: end;
}

.provider-first-batch-score em {
  color: var(--paper);
  font-size: 38px;
  font-style: normal;
  font-weight: 900;
  line-height: .95;
}

.provider-first-batch-score small {
  color: var(--muted);
  white-space: nowrap;
}

.provider-setup-phase-list,
.provider-first-batch-grid,
.provider-procurement-ledger,
.provider-alias-strip,
.provider-acceptance-run-list {
  display: grid;
  gap: 10px;
}

.provider-setup-phase-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.provider-first-batch-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.provider-procurement-ledger {
  grid-template-columns: 1.2fr repeat(5, minmax(0, 1fr));
}

.provider-alias-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.provider-acceptance-run-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.provider-setup-phase-list article,
.provider-first-batch-grid article,
.provider-procurement-ledger > div,
.provider-procurement-ledger article,
.provider-alias-strip article,
.provider-acceptance-run-list article {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.provider-first-batch-grid article {
  min-height: 150px;
}

.provider-procurement-ledger > div,
.provider-procurement-ledger article {
  align-content: start;
  display: grid;
  gap: 6px;
  min-height: 104px;
  padding: 12px;
}

.provider-procurement-ledger > div {
  border-color: rgba(255, 255, 255, .2);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .055), transparent 58%),
    #090909;
}

.provider-procurement-ledger strong {
  color: var(--paper);
  font-size: 28px;
  line-height: 1;
}

.provider-first-batch-grid article div {
  border-top: 1px solid rgba(255, 255, 255, .08);
  display: grid;
  gap: 4px;
  margin-top: 4px;
  padding-top: 10px;
}

.provider-first-batch-grid article b {
  color: var(--paper);
  font-size: 15px;
}

.provider-first-batch-grid article.ready {
  border-color: rgba(163, 255, 212, .28);
}

.provider-first-batch-deferred {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .018);
  padding: 12px 14px;
}

.provider-first-batch-deferred summary {
  color: var(--paper);
  cursor: pointer;
  font-weight: 800;
}

.provider-first-batch-deferred div {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.provider-first-batch-deferred p {
  display: grid;
  gap: 2px;
  margin: 0;
}

.provider-first-batch-deferred span {
  color: var(--muted);
  font-size: 13px;
}

.provider-alias-strip article.ready,
.provider-acceptance-run-list article.ready {
  border-color: rgba(163, 255, 212, .28);
}

.provider-acceptance-run-list article.manual {
  border-color: rgba(244, 209, 126, .36);
}

.provider-acceptance-run-list p {
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}

.merchant-requirement {
  display: grid;
  gap: 8px;
}

.merchant-requirement.ready {
  border-color: rgba(157, 241, 210, .42);
}

.merchant-requirement.planned,
.merchant-requirement.manual {
  border-color: rgba(244, 209, 126, .36);
}

.merchant-requirement div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.merchant-requirement p {
  margin: 0;
}

.merchant-packet-hero strong,
.merchant-provider-strip strong,
.merchant-requirement strong,
.merchant-requirement small {
  overflow-wrap: anywhere;
}

.code-signing-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
}

.code-signing-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.code-signing-hero strong,
.code-signing-hero span,
.code-signing-hero small {
  display: block;
  overflow-wrap: anywhere;
}

.code-signing-hero strong {
  margin: 7px 0;
}

.code-signing-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.code-signing-check-list {
  display: grid;
  gap: 8px;
}

.code-signing-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.code-signing-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.code-signing-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.code-signing-check strong {
  overflow-wrap: anywhere;
}

.download-hosting-hero,
.website-publish-hero,
.windows-update-hero,
.windows-monitor-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
}

.download-hosting-hero.ready,
.website-publish-hero.ready,
.windows-update-hero.ready,
.windows-monitor-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.download-hosting-hero strong,
.download-hosting-hero span,
.download-hosting-hero small,
.website-publish-hero strong,
.website-publish-hero span,
.website-publish-hero small,
.windows-update-hero strong,
.windows-update-hero span,
.windows-update-hero small,
.windows-monitor-hero strong,
.windows-monitor-hero span,
.windows-monitor-hero small {
  display: block;
  overflow-wrap: anywhere;
}

.download-hosting-hero strong,
.website-publish-hero strong,
.windows-update-hero strong,
.windows-monitor-hero strong {
  margin: 7px 0;
}

.download-hosting-hero em,
.website-publish-hero em,
.windows-update-hero em,
.windows-monitor-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.website-architecture-card {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  border: 1px solid rgba(163, 255, 212, .24);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .08), transparent 58%),
    #090909;
  padding: 14px;
}

.website-architecture-card.needs-server {
  border-color: rgba(255, 196, 120, .45);
}

.website-architecture-head strong,
.website-architecture-head span,
.website-architecture-head small,
.website-architecture-card > small,
.website-architecture-grid span,
.website-architecture-grid em {
  display: block;
  overflow-wrap: anywhere;
}

.website-architecture-head span,
.website-architecture-grid span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.website-architecture-head strong {
  margin: 6px 0;
  font-size: 20px;
}

.website-architecture-head small,
.website-architecture-card > small {
  color: var(--muted);
  line-height: 1.5;
}

.website-architecture-card p {
  margin: 0;
  line-height: 1.6;
}

.website-architecture-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.website-architecture-grid > div {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .2);
  padding: 12px;
}

.website-architecture-grid em {
  color: var(--muted);
  font-style: normal;
}

.website-architecture-grid em.active {
  color: var(--warn);
}

.website-architecture-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.website-architecture-actions code {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--muted);
  background: rgba(0, 0, 0, .24);
  font-size: 12px;
  padding: 8px 10px;
  overflow-wrap: anywhere;
}

.download-hosting-check-list,
.website-publish-check-list,
.windows-update-check-list,
.windows-monitor-check-list {
  display: grid;
  gap: 8px;
}

.download-hosting-check,
.website-publish-check,
.windows-update-check,
.windows-monitor-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.download-hosting-check.done,
.website-publish-check.done,
.windows-update-check.done,
.windows-monitor-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.download-hosting-check span,
.website-publish-check span,
.windows-update-check span,
.windows-monitor-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.download-hosting-check strong,
.website-publish-check strong,
.windows-update-check strong,
.windows-monitor-check strong {
  overflow-wrap: anywhere;
}

.website-publish-handoff {
  grid-column: 1 / -1;
}

.website-publish-handoff-grid {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  gap: 12px;
}

.website-publish-primary-file,
.website-publish-step-list li,
.website-publish-command-list article {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(9, 9, 9, .72);
}

.website-publish-primary-file {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 100%;
  padding: 16px;
}

.website-publish-primary-file span,
.website-publish-command-list span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.website-publish-primary-file strong,
.website-publish-step-list strong,
.website-publish-command-list code {
  overflow-wrap: anywhere;
}

.website-publish-primary-file small,
.website-publish-step-list span,
.website-publish-command-list small {
  color: var(--muted);
  line-height: 1.5;
}

.website-publish-step-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.website-publish-step-list li {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.website-publish-file-list {
  display: grid;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.website-publish-file-list li {
  display: grid;
  gap: 5px;
  border-top: 1px solid var(--line);
  padding-top: 8px;
}

.website-publish-file-list code {
  color: var(--muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.website-publish-command-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.website-publish-command-list article {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.website-publish-command-list code {
  font-size: 12px;
}

.support-sla-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
}

.support-sla-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.support-sla-hero strong,
.support-sla-hero span,
.support-sla-hero small {
  display: block;
  overflow-wrap: anywhere;
}

.support-sla-hero strong {
  margin: 7px 0;
}

.support-sla-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.support-sla-response-panel {
  display: grid;
  align-content: start;
  gap: 16px;
}

.support-sla-response-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.support-sla-target-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.support-sla-target-strip span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.support-sla-target-strip strong,
.support-sla-target-strip small,
.support-sla-response-note,
.support-sla-template-row strong,
.support-sla-template-row small {
  overflow-wrap: anywhere;
}

.support-sla-target-strip strong {
  color: var(--text);
  font-size: 13px;
}

.support-sla-target-strip small,
.support-sla-response-note,
.support-sla-template-row small {
  color: var(--muted);
}

.support-sla-response-note {
  margin: 0;
}

.support-sla-template-list {
  display: grid;
  gap: 8px;
}

.support-sla-template-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px;
}

.support-sla-template-row span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.support-sla-template-row strong,
.support-sla-template-row small {
  display: block;
}

.support-sla-template-row small {
  margin-top: 4px;
}

.support-sla-check-list {
  display: grid;
  gap: 8px;
}

.support-sla-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.support-sla-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.support-sla-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.support-sla-check strong {
  overflow-wrap: anywhere;
}

.legal-review-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
}

.legal-review-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.legal-review-hero strong,
.legal-review-hero span,
.legal-review-hero small {
  display: block;
  overflow-wrap: anywhere;
}

.legal-review-hero strong {
  margin: 7px 0;
}

.legal-review-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.legal-publication-pack {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
}

.legal-publication-pack.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.legal-publication-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.legal-publication-head strong,
.legal-publication-pack p,
.legal-publication-docs strong,
.legal-publication-docs small {
  display: block;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.legal-publication-head button {
  flex: 0 0 auto;
}

.legal-publication-score {
  align-items: end;
  border: 1px solid rgba(163, 255, 212, .24);
  border-radius: var(--radius);
  display: grid;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 11px;
}

.legal-publication-score strong {
  color: var(--accent-strong);
  font-size: 30px;
  line-height: 1;
}

.legal-publication-docs {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.legal-publication-docs article {
  display: grid;
  gap: 6px;
  padding: 10px;
}

.legal-publication-docs article.ready {
  border-color: rgba(163, 255, 212, .28);
}

.legal-publication-docs span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.legal-review-check-list {
  display: grid;
  gap: 8px;
}

.legal-review-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.legal-review-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.legal-review-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.legal-review-check strong {
  overflow-wrap: anywhere;
}

.team-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.factory-card {
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .08), transparent 46%),
    rgba(16, 16, 16, .92);
}

.factory-metrics,
.integration-metrics,
.release-metrics,
.platform-metrics,
.opportunity-metrics,
.campaign-metrics,
.quotation-metrics,
.order-metrics,
.pilot-metrics,
.license-metrics,
.support-metrics,
.operator-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.factory-metrics,
.opportunity-metrics,
.campaign-metrics,
.quotation-metrics,
.order-metrics,
.pilot-metrics {
  grid-template-columns: repeat(2, minmax(136px, 1fr));
}

.integration-metrics,
.release-metrics,
.platform-metrics,
.license-metrics,
.support-metrics,
.operator-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-metrics {
  grid-template-columns: repeat(2, minmax(164px, 1fr));
}

.factory-metrics div,
.integration-metrics div,
.release-metrics div,
.platform-metrics div,
.opportunity-metrics div,
.campaign-metrics div,
.quotation-metrics div,
.order-metrics div,
.pilot-metrics div,
.license-metrics div,
.support-metrics div,
.operator-metrics div,
.factory-cost,
.factory-row,
.market-card,
.factory-lead,
.provider-card,
.windows-launch-wizard-card,
.windows-launch-wizard-status,
.windows-launch-wizard-next,
.windows-launch-wizard-milestones article,
.provider-setup-pack,
.provider-setup-hero,
.provider-setup-phase-list article,
.provider-alias-strip article,
.provider-acceptance-pack,
.provider-acceptance-hero,
.provider-acceptance-run-list article,
.provider-first-batch-plan,
.provider-first-batch-hero,
.provider-first-batch-grid article,
.provider-procurement-ledger > div,
.provider-procurement-ledger article,
.provider-first-batch-deferred,
.provider-detail div,
.check-row,
.route-card,
.license-quickstart-panel,
.license-quickstart-step,
.license-card,
.license-note,
.license-handoff-card,
.license-device-row,
.support-channel-card,
.support-ticket-row,
.support-legal-card,
.payment-provider-hero,
.merchant-packet-hero,
.merchant-provider-strip article,
.merchant-requirement,
.payment-reconciliation-hero,
.payment-reconciliation-profile article,
.payment-reconciliation-row,
.code-signing-hero,
.download-hosting-hero,
.website-publish-hero,
.website-architecture-card,
.website-architecture-grid > div,
.windows-update-hero,
.windows-monitor-hero,
.support-sla-hero,
.support-sla-target-strip span,
.support-sla-template-row,
.legal-review-hero,
.legal-publication-pack,
.legal-publication-docs article,
.payment-check,
.code-signing-check,
.download-hosting-check,
.website-publish-check,
.windows-update-check,
.windows-monitor-check,
.support-sla-check,
.legal-review-check,
.demo-package-hero > div,
.demo-route-panel,
.demo-file-panel,
.demo-route-list article,
.demo-file-grid article,
.pilot-next-card,
.pilot-recruitment-card,
.pilot-recruitment-metrics article,
.pilot-offer-card,
.pilot-offer-meta article,
.pilot-offer-check,
.pilot-package-note,
.pilot-handoff-note,
.pilot-handoff-summary,
.pilot-payment-strip,
.pilot-acceptance-strip,
.pilot-feedback-hero,
.pilot-feedback-review,
.pilot-feedback-strip,
.pilot-checkin-hero,
.pilot-checkin-card,
.pilot-customer-card,
.pilot-check,
.operator-account-card,
.operator-user-row,
.operator-action,
.usage-event-row {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

:root[data-theme-mode="light"] .factory-cost,
:root[data-theme-mode="light"] .factory-row,
:root[data-theme-mode="light"] .market-card,
:root[data-theme-mode="light"] .factory-lead,
:root[data-theme-mode="light"] .provider-card,
:root[data-theme-mode="light"] .windows-launch-wizard-card,
:root[data-theme-mode="light"] .windows-launch-wizard-status,
:root[data-theme-mode="light"] .windows-launch-wizard-next,
:root[data-theme-mode="light"] .windows-launch-wizard-milestones article,
:root[data-theme-mode="light"] .provider-setup-pack,
:root[data-theme-mode="light"] .provider-setup-hero,
:root[data-theme-mode="light"] .provider-setup-phase-list article,
:root[data-theme-mode="light"] .provider-alias-strip article,
:root[data-theme-mode="light"] .provider-acceptance-pack,
:root[data-theme-mode="light"] .provider-acceptance-hero,
:root[data-theme-mode="light"] .provider-acceptance-run-list article,
:root[data-theme-mode="light"] .provider-first-batch-plan,
:root[data-theme-mode="light"] .provider-first-batch-hero,
:root[data-theme-mode="light"] .provider-first-batch-grid article,
:root[data-theme-mode="light"] .provider-procurement-ledger > div,
:root[data-theme-mode="light"] .provider-procurement-ledger article,
:root[data-theme-mode="light"] .provider-first-batch-deferred,
:root[data-theme-mode="light"] .provider-detail div,
:root[data-theme-mode="light"] .check-row,
:root[data-theme-mode="light"] .route-card,
:root[data-theme-mode="light"] .license-quickstart-panel,
:root[data-theme-mode="light"] .license-quickstart-step,
:root[data-theme-mode="light"] .license-card,
:root[data-theme-mode="light"] .license-note,
:root[data-theme-mode="light"] .license-handoff-card,
:root[data-theme-mode="light"] .license-device-row,
:root[data-theme-mode="light"] .support-channel-card,
:root[data-theme-mode="light"] .support-ticket-row,
:root[data-theme-mode="light"] .support-legal-card,
:root[data-theme-mode="light"] .payment-provider-hero,
:root[data-theme-mode="light"] .merchant-packet-hero,
:root[data-theme-mode="light"] .merchant-provider-strip article,
:root[data-theme-mode="light"] .merchant-requirement,
:root[data-theme-mode="light"] .payment-reconciliation-hero,
:root[data-theme-mode="light"] .payment-reconciliation-profile article,
:root[data-theme-mode="light"] .payment-reconciliation-row,
:root[data-theme-mode="light"] .code-signing-hero,
:root[data-theme-mode="light"] .download-hosting-hero,
:root[data-theme-mode="light"] .website-publish-hero,
:root[data-theme-mode="light"] .website-architecture-card,
:root[data-theme-mode="light"] .website-architecture-grid > div,
:root[data-theme-mode="light"] .windows-update-hero,
:root[data-theme-mode="light"] .windows-monitor-hero,
:root[data-theme-mode="light"] .support-sla-hero,
:root[data-theme-mode="light"] .support-sla-target-strip span,
:root[data-theme-mode="light"] .support-sla-template-row,
:root[data-theme-mode="light"] .legal-review-hero,
:root[data-theme-mode="light"] .legal-publication-pack,
:root[data-theme-mode="light"] .legal-publication-docs article,
:root[data-theme-mode="light"] .payment-check,
:root[data-theme-mode="light"] .code-signing-check,
:root[data-theme-mode="light"] .download-hosting-check,
:root[data-theme-mode="light"] .website-publish-check,
:root[data-theme-mode="light"] .website-publish-primary-file,
:root[data-theme-mode="light"] .website-publish-step-list li,
:root[data-theme-mode="light"] .website-publish-command-list article,
:root[data-theme-mode="light"] .windows-update-check,
:root[data-theme-mode="light"] .windows-monitor-check,
:root[data-theme-mode="light"] .support-sla-check,
:root[data-theme-mode="light"] .legal-review-check,
:root[data-theme-mode="light"] .demo-package-panel,
:root[data-theme-mode="light"] .demo-package-hero > div,
:root[data-theme-mode="light"] .demo-route-panel,
:root[data-theme-mode="light"] .demo-file-panel,
:root[data-theme-mode="light"] .demo-route-list article,
:root[data-theme-mode="light"] .demo-file-grid article,
:root[data-theme-mode="light"] .pilot-next-card,
:root[data-theme-mode="light"] .pilot-recruitment-card,
:root[data-theme-mode="light"] .pilot-recruitment-metrics article,
:root[data-theme-mode="light"] .pilot-offer-card,
:root[data-theme-mode="light"] .pilot-offer-meta article,
:root[data-theme-mode="light"] .pilot-offer-check,
:root[data-theme-mode="light"] .pilot-package-note,
:root[data-theme-mode="light"] .pilot-handoff-note,
:root[data-theme-mode="light"] .pilot-handoff-summary,
:root[data-theme-mode="light"] .pilot-payment-strip,
:root[data-theme-mode="light"] .pilot-acceptance-strip,
:root[data-theme-mode="light"] .pilot-feedback-hero,
:root[data-theme-mode="light"] .pilot-feedback-review,
:root[data-theme-mode="light"] .pilot-feedback-strip,
:root[data-theme-mode="light"] .pilot-checkin-hero,
:root[data-theme-mode="light"] .pilot-checkin-card,
:root[data-theme-mode="light"] .pilot-customer-card,
:root[data-theme-mode="light"] .pilot-check,
:root[data-theme-mode="light"] .operator-account-card,
:root[data-theme-mode="light"] .operator-user-row,
:root[data-theme-mode="light"] .operator-action,
:root[data-theme-mode="light"] .usage-event-row {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .factory-cost,
  :root[data-theme-mode="system"] .factory-row,
  :root[data-theme-mode="system"] .market-card,
  :root[data-theme-mode="system"] .factory-lead,
  :root[data-theme-mode="system"] .provider-card,
  :root[data-theme-mode="system"] .windows-launch-wizard-card,
  :root[data-theme-mode="system"] .windows-launch-wizard-status,
  :root[data-theme-mode="system"] .windows-launch-wizard-next,
  :root[data-theme-mode="system"] .windows-launch-wizard-milestones article,
  :root[data-theme-mode="system"] .provider-setup-pack,
  :root[data-theme-mode="system"] .provider-setup-hero,
  :root[data-theme-mode="system"] .provider-setup-phase-list article,
  :root[data-theme-mode="system"] .provider-alias-strip article,
  :root[data-theme-mode="system"] .provider-acceptance-pack,
  :root[data-theme-mode="system"] .provider-acceptance-hero,
  :root[data-theme-mode="system"] .provider-acceptance-run-list article,
  :root[data-theme-mode="system"] .provider-first-batch-plan,
  :root[data-theme-mode="system"] .provider-first-batch-hero,
  :root[data-theme-mode="system"] .provider-first-batch-grid article,
  :root[data-theme-mode="system"] .provider-procurement-ledger > div,
  :root[data-theme-mode="system"] .provider-procurement-ledger article,
  :root[data-theme-mode="system"] .provider-first-batch-deferred,
  :root[data-theme-mode="system"] .provider-detail div,
  :root[data-theme-mode="system"] .check-row,
  :root[data-theme-mode="system"] .route-card,
  :root[data-theme-mode="system"] .license-quickstart-panel,
  :root[data-theme-mode="system"] .license-quickstart-step,
  :root[data-theme-mode="system"] .license-card,
  :root[data-theme-mode="system"] .license-note,
  :root[data-theme-mode="system"] .license-handoff-card,
  :root[data-theme-mode="system"] .license-device-row,
  :root[data-theme-mode="system"] .support-channel-card,
  :root[data-theme-mode="system"] .support-ticket-row,
  :root[data-theme-mode="system"] .support-legal-card,
  :root[data-theme-mode="system"] .payment-provider-hero,
  :root[data-theme-mode="system"] .merchant-packet-hero,
  :root[data-theme-mode="system"] .merchant-provider-strip article,
  :root[data-theme-mode="system"] .merchant-requirement,
  :root[data-theme-mode="system"] .payment-reconciliation-hero,
  :root[data-theme-mode="system"] .payment-reconciliation-profile article,
  :root[data-theme-mode="system"] .payment-reconciliation-row,
  :root[data-theme-mode="system"] .code-signing-hero,
  :root[data-theme-mode="system"] .download-hosting-hero,
  :root[data-theme-mode="system"] .website-publish-hero,
  :root[data-theme-mode="system"] .website-architecture-card,
  :root[data-theme-mode="system"] .website-architecture-grid > div,
  :root[data-theme-mode="system"] .windows-update-hero,
  :root[data-theme-mode="system"] .windows-monitor-hero,
  :root[data-theme-mode="system"] .support-sla-hero,
  :root[data-theme-mode="system"] .support-sla-target-strip span,
  :root[data-theme-mode="system"] .support-sla-template-row,
  :root[data-theme-mode="system"] .legal-review-hero,
  :root[data-theme-mode="system"] .legal-publication-pack,
  :root[data-theme-mode="system"] .legal-publication-docs article,
  :root[data-theme-mode="system"] .payment-check,
  :root[data-theme-mode="system"] .code-signing-check,
  :root[data-theme-mode="system"] .download-hosting-check,
  :root[data-theme-mode="system"] .website-publish-check,
  :root[data-theme-mode="system"] .website-publish-primary-file,
  :root[data-theme-mode="system"] .website-publish-step-list li,
  :root[data-theme-mode="system"] .website-publish-command-list article,
  :root[data-theme-mode="system"] .windows-update-check,
  :root[data-theme-mode="system"] .windows-monitor-check,
  :root[data-theme-mode="system"] .support-sla-check,
  :root[data-theme-mode="system"] .legal-review-check,
  :root[data-theme-mode="system"] .demo-package-panel,
  :root[data-theme-mode="system"] .demo-package-hero > div,
  :root[data-theme-mode="system"] .demo-route-panel,
  :root[data-theme-mode="system"] .demo-file-panel,
  :root[data-theme-mode="system"] .demo-route-list article,
  :root[data-theme-mode="system"] .demo-file-grid article,
  :root[data-theme-mode="system"] .pilot-next-card,
  :root[data-theme-mode="system"] .pilot-recruitment-card,
  :root[data-theme-mode="system"] .pilot-recruitment-metrics article,
  :root[data-theme-mode="system"] .pilot-offer-card,
  :root[data-theme-mode="system"] .pilot-offer-meta article,
  :root[data-theme-mode="system"] .pilot-offer-check,
  :root[data-theme-mode="system"] .pilot-package-note,
  :root[data-theme-mode="system"] .pilot-handoff-note,
  :root[data-theme-mode="system"] .pilot-handoff-summary,
  :root[data-theme-mode="system"] .pilot-payment-strip,
  :root[data-theme-mode="system"] .pilot-acceptance-strip,
  :root[data-theme-mode="system"] .pilot-feedback-hero,
  :root[data-theme-mode="system"] .pilot-feedback-review,
  :root[data-theme-mode="system"] .pilot-feedback-strip,
  :root[data-theme-mode="system"] .pilot-checkin-hero,
  :root[data-theme-mode="system"] .pilot-checkin-card,
  :root[data-theme-mode="system"] .pilot-customer-card,
  :root[data-theme-mode="system"] .pilot-check,
  :root[data-theme-mode="system"] .operator-account-card,
  :root[data-theme-mode="system"] .operator-user-row,
  :root[data-theme-mode="system"] .operator-action,
  :root[data-theme-mode="system"] .usage-event-row {
    background: rgba(255, 255, 255, .9);
  }
}

.factory-metrics div,
.integration-metrics div,
.release-metrics div,
.platform-metrics div,
.opportunity-metrics div,
.campaign-metrics div,
.quotation-metrics div,
.order-metrics div,
.pilot-metrics div,
.license-metrics div,
.support-metrics div,
.operator-metrics div {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 112px;
  padding: 14px;
  text-align: center;
}

.factory-metrics span,
.integration-metrics span,
.release-metrics span,
.platform-metrics span,
.opportunity-metrics span,
.campaign-metrics span,
.quotation-metrics span,
.order-metrics span,
.pilot-metrics span,
.license-metrics span,
.support-metrics span,
.operator-metrics span,
.factory-cost span,
.factory-row small,
.factory-row em,
.market-card p,
.market-card small,
.factory-lead small,
.provider-card small,
.provider-setup-pack p,
.provider-setup-hero span,
.provider-setup-hero small,
.provider-setup-phase-list small,
.provider-alias-strip span,
.provider-alias-strip small,
.provider-acceptance-pack p,
.provider-acceptance-hero span,
.provider-acceptance-hero small,
.provider-acceptance-run-list small,
.provider-first-batch-plan p,
.provider-first-batch-hero span,
.provider-first-batch-hero small,
.provider-first-batch-grid small,
.provider-procurement-ledger small,
.provider-first-batch-deferred span,
.provider-detail span,
.route-card span,
.route-card small,
.license-card span,
.license-card small,
.license-note span,
.license-note small,
.license-device-row span,
.license-device-row small,
.support-channel-card span,
.support-channel-card small,
.support-ticket-row span,
.support-ticket-row small,
.support-legal-card span,
.support-legal-card small,
.payment-provider-hero span,
.payment-provider-hero small,
.merchant-packet-hero small,
.merchant-provider-strip small,
.merchant-requirement p,
.merchant-requirement small,
.payment-reconciliation-hero small,
.payment-reconciliation-profile small,
.payment-reconciliation-row small,
.payment-reconciliation-row p,
.payment-check span,
.code-signing-hero span,
.code-signing-hero small,
.code-signing-check span,
.download-hosting-hero span,
.download-hosting-hero small,
.download-hosting-check span,
.website-publish-hero span,
.website-publish-hero small,
.website-publish-check span,
.windows-update-hero span,
.windows-update-hero small,
.windows-update-check span,
.windows-monitor-hero span,
.windows-monitor-hero small,
.windows-monitor-check span,
.support-sla-hero span,
.support-sla-hero small,
.support-sla-check span,
.legal-review-hero span,
.legal-review-hero small,
.legal-publication-pack span,
.legal-publication-pack small,
.legal-publication-pack p,
.legal-review-check span,
.pilot-next-card span,
.pilot-next-card small,
.pilot-recruitment-card span,
.pilot-recruitment-card small,
.pilot-recruitment-card p,
.pilot-recruitment-metrics span,
.pilot-recruitment-body span,
.pilot-offer-card span,
.pilot-offer-card p,
.pilot-offer-meta span,
.pilot-package-note span,
.pilot-package-note small,
.pilot-handoff-note span,
.pilot-handoff-note small,
.pilot-handoff-summary span,
.pilot-checkin-hero span,
.pilot-checkin-card span,
.pilot-checkin-card small,
.pilot-customer-card span,
.pilot-customer-card small,
.pilot-check span,
.operator-account-card span,
.operator-account-card small,
.operator-user-row span,
.operator-action span {
  color: var(--muted);
}

.factory-metrics span,
.integration-metrics span,
.release-metrics span,
.platform-metrics span,
.opportunity-metrics span,
.campaign-metrics span,
.quotation-metrics span,
.order-metrics span,
.pilot-metrics span,
.license-metrics span,
.support-metrics span,
.operator-metrics span,
.factory-metrics strong,
.integration-metrics strong,
.release-metrics strong,
.platform-metrics strong,
.opportunity-metrics strong,
.campaign-metrics strong,
.quotation-metrics strong,
.order-metrics strong,
.pilot-metrics strong,
.license-metrics strong,
.support-metrics strong,
.operator-metrics strong {
  display: block;
  width: 100%;
  text-align: center;
}

.factory-metrics strong,
.integration-metrics strong,
.release-metrics strong,
.platform-metrics strong,
.opportunity-metrics strong,
.campaign-metrics strong,
.quotation-metrics strong,
.order-metrics strong,
.pilot-metrics strong,
.license-metrics strong,
.support-metrics strong,
.operator-metrics strong {
  margin-top: 0;
  font-size: 30px;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.platform-metrics strong {
  font-size: clamp(24px, 2.1vw, 28px);
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

.support-actions,
.support-ticket-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.support-channel-list,
.support-ticket-list,
.support-legal-list {
  display: grid;
  gap: 10px;
}

.support-channel-card,
.support-ticket-row,
.support-legal-card {
  padding: 13px 14px;
}

.support-channel-card {
  display: grid;
  gap: 8px;
}

.support-ticket-row,
.support-legal-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.support-ticket-row strong,
.support-ticket-row span,
.support-ticket-row small,
.support-legal-card strong,
.support-legal-card span,
.support-legal-card small {
  display: block;
  overflow-wrap: anywhere;
}

.support-ticket-actions {
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
}

.support-ticket-actions em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  padding: 7px 10px;
  white-space: nowrap;
}

.customer-help-hero {
  align-items: center;
}

.customer-help-contact {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: min(420px, 100%);
  border: 1px solid rgba(157, 241, 210, .32);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .12), transparent 52%),
    #090909;
  padding: 14px;
}

.customer-help-contact img {
  width: 82px;
  height: 82px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #000;
  object-fit: cover;
}

.customer-help-contact span,
.customer-help-contact strong,
.customer-help-contact small {
  display: block;
  overflow-wrap: anywhere;
}

.customer-help-contact span,
.customer-help-contact small {
  color: var(--muted);
}

.customer-help-contact strong {
  margin: 5px 0;
  color: var(--ink);
  font-size: 20px;
}

.customer-ticket-panel {
  align-self: start;
  padding: 22px;
}

.customer-ticket-panel .panel-heading {
  margin-bottom: 16px;
}

.customer-ticket-panel .field-row {
  gap: 12px;
}

.customer-ticket-panel .stack-field {
  gap: 8px;
  margin-top: 12px;
}

.customer-ticket-panel textarea {
  min-height: 118px;
  line-height: 1.5;
}

.customer-ticket-panel .support-actions {
  margin-top: 12px;
}

.customer-ticket-row em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  padding: 7px 10px;
  white-space: nowrap;
}

.license-card,
.license-note {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  padding: 14px;
}

.license-quickstart-panel {
  display: grid;
  gap: 16px;
  margin-bottom: 22px;
  padding: 20px;
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .08), transparent 42%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 64px),
    var(--panel);
  box-shadow: var(--shadow);
}

.license-quickstart-panel.ready {
  border-color: rgba(163, 255, 212, .52);
}

.license-quickstart-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .38fr);
  gap: 18px;
  align-items: stretch;
}

.license-quickstart-head h3,
.license-quickstart-head p {
  margin: 0;
}

.license-quickstart-head p:last-child {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.license-quickstart-meta {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 6px;
  min-height: 112px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .28);
  padding: 14px;
  text-align: center;
}

.license-quickstart-meta span,
.license-quickstart-meta small {
  color: var(--muted);
  font-size: 12px;
}

.license-quickstart-meta strong {
  display: block;
  width: 100%;
  color: var(--accent-strong);
  font-size: 22px;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-align: center;
}

.license-quickstart-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.license-quickstart-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-height: 124px;
  padding: 12px;
}

.license-quickstart-step.done {
  border-color: rgba(163, 255, 212, .42);
}

.license-quickstart-step em {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--accent-strong);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.license-quickstart-step strong,
.license-quickstart-step span {
  display: block;
  overflow-wrap: anywhere;
}

.license-quickstart-step span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.48;
}

.license-quickstart-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.license-quickstart-actions button {
  min-width: 138px;
}

.license-handoff-card {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
}

.license-handoff-card.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 55%),
    #090909;
}

.license-handoff-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.license-handoff-head span,
.license-handoff-head strong,
.license-handoff-grid span,
.license-handoff-grid strong {
  display: block;
  overflow-wrap: anywhere;
}

.license-handoff-head span,
.license-handoff-grid span {
  color: var(--muted);
  font-size: 12px;
}

.license-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.license-handoff-grid div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
}

.license-handoff-checks {
  display: grid;
  gap: 8px;
}

.license-handoff-checks span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 12px;
  padding: 8px 10px;
}

.license-handoff-checks span.done {
  border-color: rgba(163, 255, 212, .36);
  color: var(--accent-strong);
}

.license-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.license-device-list {
  display: grid;
  gap: 10px;
}

.license-device-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
}

.license-device-row strong,
.license-device-row span,
.license-device-row small {
  display: block;
  overflow-wrap: anywhere;
}

.license-device-row button {
  flex: 0 0 auto;
}

.pilot-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pilot-next-card,
.pilot-recruitment-card,
.pilot-offer-card,
.pilot-package-note,
.pilot-handoff-note,
.pilot-handoff-summary,
.pilot-payment-strip,
.pilot-acceptance-strip,
.pilot-feedback-strip {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  padding: 14px;
}

.pilot-next-card.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.pilot-recruitment-card {
  border-color: rgba(201, 164, 94, .28);
  background:
    linear-gradient(135deg, rgba(201, 164, 94, .12), transparent 58%),
    #090909;
}

.pilot-offer-card.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 58%),
    #090909;
}

.pilot-offer-head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.pilot-offer-head strong,
.pilot-offer-card p,
.pilot-offer-meta strong,
.pilot-offer-check strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.pilot-offer-head button {
  flex: 0 0 auto;
}

.pilot-recruitment-metrics,
.pilot-recruitment-body {
  display: grid;
  gap: 8px;
}

.pilot-recruitment-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pilot-recruitment-metrics article,
.pilot-recruitment-body > div {
  padding: 10px;
}

.pilot-recruitment-metrics article {
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.pilot-recruitment-metrics strong {
  color: var(--accent-strong);
  display: block;
  font-size: 22px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.pilot-recruitment-body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pilot-recruitment-body > div {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--radius);
}

.pilot-recruitment-body em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  display: inline-flex;
  font-style: normal;
  margin: 8px 6px 0 0;
  padding: 7px 10px;
}

.pilot-offer-score {
  align-items: end;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  border: 1px solid rgba(163, 255, 212, .24);
  border-radius: var(--radius);
  padding: 11px;
}

.pilot-offer-score strong {
  color: var(--accent-strong);
  font-size: 30px;
  line-height: 1;
}

.pilot-offer-meta,
.pilot-offer-checks {
  display: grid;
  gap: 8px;
}

.pilot-offer-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pilot-offer-meta article,
.pilot-offer-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
}

.pilot-offer-deliverables {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pilot-offer-deliverables em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  font-style: normal;
  padding: 7px 10px;
}

.pilot-offer-checks {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pilot-offer-check {
  align-items: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
}

.pilot-offer-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.pilot-offer-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.pilot-evidence-binder {
  margin-bottom: 18px;
}

.pilot-evidence-binder.ready,
.pilot-evidence-binder.ready .pilot-evidence-hero {
  border-color: rgba(163, 255, 212, .42);
}

.pilot-evidence-binder.risk-review,
.pilot-evidence-binder.risk-review .pilot-evidence-hero {
  border-color: rgba(244, 209, 126, .42);
}

.pilot-evidence-hero {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 58%),
    #090909;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .22fr);
  margin-bottom: 12px;
  padding: 16px;
}

.pilot-evidence-hero span,
.pilot-evidence-customer-grid span {
  color: var(--accent-strong);
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.pilot-evidence-hero strong,
.pilot-evidence-hero small,
.pilot-evidence-customer-grid strong,
.pilot-evidence-customer-grid p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.pilot-evidence-score {
  display: grid;
  justify-items: center;
  text-align: center;
}

.pilot-evidence-score strong {
  color: var(--accent-strong);
  font-size: 38px;
  line-height: 1;
}

.pilot-evidence-sections,
.pilot-evidence-customer-grid {
  display: grid;
  gap: 10px;
}

.pilot-evidence-sections {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.pilot-evidence-sections article,
.pilot-evidence-customer-grid article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.pilot-evidence-sections article {
  align-content: center;
  justify-items: center;
  min-height: 104px;
  text-align: center;
}

.pilot-evidence-sections strong {
  color: var(--ink);
  font-size: 22px;
}

.pilot-evidence-customer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pilot-evidence-customer-grid article.ready {
  border-color: rgba(163, 255, 212, .28);
}

.pilot-evidence-customer-grid article.pending {
  border-color: rgba(244, 209, 126, .28);
}

.pilot-handoff-note.ready,
.pilot-handoff-summary,
.pilot-payment-strip.ready,
.pilot-acceptance-strip.ready,
.pilot-feedback-strip.expand,
.pilot-feedback-strip.continue {
  border-color: rgba(163, 255, 212, .34);
}

.pilot-handoff-note strong,
.pilot-handoff-summary p,
.pilot-payment-strip strong,
.pilot-acceptance-strip strong,
.pilot-feedback-hero strong,
.pilot-feedback-review strong,
.pilot-feedback-review p,
.pilot-feedback-strip strong {
  display: block;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.pilot-handoff-summary {
  margin-bottom: 0;
  padding: 10px;
}

.pilot-payment-strip,
.pilot-acceptance-strip,
.pilot-feedback-strip {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 55%),
    #090909;
  grid-template-columns: minmax(0, 1fr) auto;
}

.pilot-payment-strip {
  align-items: stretch;
  grid-template-columns: minmax(0, 1fr);
}

.pilot-payment-fields {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pilot-payment-fields label {
  color: var(--muted);
  display: grid;
  font-size: 12px;
  gap: 5px;
  min-width: 0;
}

.pilot-payment-fields input {
  min-width: 0;
}

.pilot-payment-strip button {
  justify-self: start;
}

.pilot-payment-strip.ready,
.pilot-acceptance-strip.ready {
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 55%),
    #090909;
}

.pilot-payment-strip.evidence-needed {
  border-color: rgba(244, 209, 126, .42);
}

.pilot-payment-strip.review-needed {
  border-color: rgba(201, 164, 94, .46);
}

.pilot-payment-strip.unpaid {
  border-color: rgba(255, 255, 255, .14);
}

.pilot-feedback-strip.fix,
.pilot-feedback-strip.refund-watch,
.pilot-feedback-review.fix,
.pilot-feedback-review.refund-watch {
  border-color: rgba(244, 209, 126, .42);
}

.pilot-feedback-strip.refund-watch,
.pilot-feedback-review.refund-watch,
.pilot-feedback-hero.risk {
  border-color: rgba(255, 109, 109, .38);
}

.pilot-payment-strip span,
.pilot-acceptance-strip span,
.pilot-feedback-strip span {
  color: var(--accent-strong);
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.pilot-payment-strip button,
.pilot-acceptance-strip button,
.pilot-feedback-strip button {
  white-space: nowrap;
}

.pilot-feedback-panel {
  margin-bottom: 18px;
}

.pilot-feedback-hero {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
}

.pilot-feedback-hero.ready {
  border-color: rgba(163, 255, 212, .42);
}

.pilot-feedback-hero.fix {
  border-color: rgba(244, 209, 126, .42);
}

.pilot-feedback-hero span,
.pilot-feedback-review span,
.pilot-feedback-review small {
  color: var(--muted);
}

.pilot-feedback-metrics,
.pilot-feedback-review-grid {
  display: grid;
  gap: 8px;
}

.pilot-feedback-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pilot-feedback-metrics div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 9px;
  text-align: center;
}

.pilot-feedback-metrics strong {
  color: var(--accent-strong);
  font-size: 20px;
}

.pilot-feedback-review-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pilot-feedback-review {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.pilot-checkin-panel {
  margin-bottom: 18px;
}

.pilot-checkin-hero {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
}

.pilot-checkin-hero.due {
  border-color: rgba(201, 164, 94, .45);
}

.pilot-checkin-hero.overdue {
  border-color: rgba(255, 109, 109, .38);
}

.pilot-checkin-hero strong,
.pilot-checkin-card strong,
.pilot-checkin-card p {
  display: block;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.pilot-checkin-metrics,
.pilot-checkin-grid {
  display: grid;
  gap: 8px;
}

.pilot-checkin-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pilot-checkin-metrics div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 9px;
  text-align: center;
}

.pilot-checkin-metrics strong {
  color: var(--accent-strong);
  font-size: 20px;
}

.pilot-checkin-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pilot-checkin-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.pilot-checkin-card.due {
  border-color: rgba(201, 164, 94, .42);
}

.pilot-checkin-card.overdue {
  border-color: rgba(255, 109, 109, .34);
}

.pilot-checkin-card.scheduled {
  border-color: rgba(163, 255, 212, .25);
}

.pilot-customer-list {
  display: grid;
  gap: 12px;
}

.pilot-customer-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.pilot-customer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.pilot-customer-actions {
  align-items: flex-end;
  display: grid;
  gap: 8px;
  justify-items: end;
  flex: 0 0 auto;
}

.pilot-customer-head strong,
.pilot-customer-head span,
.pilot-customer-head small,
.pilot-customer-card p,
.pilot-customer-card small {
  display: block;
  overflow-wrap: anywhere;
}

.pilot-customer-head em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  padding: 7px 10px;
  white-space: nowrap;
}

.pilot-customer-actions button {
  white-space: nowrap;
}

.pilot-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.pilot-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.pilot-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.pilot-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.pilot-check strong {
  overflow-wrap: anywhere;
}

.operator-account-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.operator-account-card span,
.operator-account-card strong,
.operator-account-card small {
  display: block;
}

.operator-account-card strong {
  margin: 7px 0;
}

.operator-control-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.operator-action-list,
.operator-user-list,
.usage-event-list {
  display: grid;
  gap: 10px;
}

.operator-action {
  display: grid;
  gap: 7px;
  padding: 13px 14px;
}

.operator-user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
}

.operator-user-row strong,
.operator-user-row span {
  display: block;
  overflow-wrap: anywhere;
}

.usage-audit-summary,
.usage-pool-grid {
  display: grid;
  gap: 10px;
}

.usage-audit-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.usage-pool-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.usage-audit-summary article,
.usage-pool-grid div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  padding: 13px 14px;
}

.usage-audit-summary span,
.usage-pool-grid span,
.usage-event-row span {
  color: var(--muted);
}

.usage-audit-summary strong,
.usage-pool-grid strong {
  display: block;
  margin-top: 8px;
  font-size: 22px;
}

.usage-event-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
}

.usage-event-row strong,
.usage-event-row span {
  display: block;
  overflow-wrap: anywhere;
}

.usage-event-row em {
  color: var(--accent-strong);
  font-style: normal;
  text-align: right;
}

.backend-ops-panel {
  display: grid;
  gap: 18px;
}

.backend-ops-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.backend-ops-fields label {
  display: grid;
  gap: 8px;
}

.backend-ops-fields span {
  color: var(--muted);
  font-size: 14px;
}

.backend-ops-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.backend-operation-card {
  display: grid;
  gap: 14px;
  align-content: space-between;
  min-height: 260px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  padding: 18px;
}

.backend-operation-card span,
.backend-operation-card p {
  color: var(--muted);
}

.backend-operation-card strong {
  display: block;
  margin: 10px 0;
  font-size: 22px;
}

.backend-command-actions {
  display: flex;
}

.backend-command-actions button {
  width: 100%;
}

.backend-result-box {
  max-height: 180px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #000;
  color: var(--text);
  font-size: 12px;
  line-height: 1.55;
  padding: 12px;
  white-space: pre-wrap;
}

.backend-result-box.error {
  border-color: rgba(255, 93, 93, 0.55);
  color: #ffaaaa;
}

.operator-account-card em,
.operator-user-row em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  font-style: normal;
  padding: 7px 10px;
  white-space: nowrap;
}

.risk-low {
  color: var(--accent-strong);
}

.risk-medium {
  color: #f1d48a;
}

.risk-high {
  color: var(--warn);
}

.factory-cost {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding: 12px 14px;
}

.quotation-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 10px;
  margin-bottom: 12px;
}

.quotation-summary article,
.quotation-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.quotation-summary article {
  padding: 13px 14px;
}

.quotation-summary span,
.quotation-summary strong,
.quotation-card span,
.quotation-card small,
.quotation-card em {
  display: block;
}

.quotation-summary span,
.quotation-card span,
.quotation-card p,
.quotation-card small {
  color: var(--muted);
}

.quotation-summary strong {
  margin-top: 8px;
  font-size: 24px;
}

.quotation-list {
  display: grid;
  gap: 10px;
}

.quotation-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.quotation-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.quotation-card em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-size: 12px;
  font-style: normal;
  padding: 6px 9px;
}

.quote-line-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 110px 110px 130px;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #050505;
  padding: 10px;
}

.pi-draft {
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 14px;
}

.pi-field-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pi-field-grid div {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #050505;
  padding: 11px 12px;
}

.pi-field-grid span,
.pi-field-grid strong {
  display: block;
}

.pi-field-grid span {
  color: var(--muted);
  font-size: 12px;
}

.pi-field-grid strong {
  margin-top: 8px;
  overflow-wrap: anywhere;
}

.order-summary-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.order-summary-strip article,
.sales-order-row {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.order-summary-strip article {
  padding: 13px 14px;
}

.order-summary-strip span,
.order-summary-strip strong,
.sales-order-row span,
.sales-order-row small {
  display: block;
}

.order-summary-strip span,
.sales-order-row span,
.sales-order-row small {
  color: var(--muted);
}

.order-summary-strip strong {
  margin-top: 8px;
  font-size: 26px;
}

.sales-order-list {
  display: grid;
  gap: 10px;
}

.sales-order-row {
  display: grid;
  grid-template-columns: minmax(180px, .95fr) minmax(140px, .7fr) minmax(128px, .55fr) minmax(170px, .9fr);
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
}

.sales-order-row > * {
  min-width: 0;
}

.sales-order-row > :nth-child(5),
.sales-order-row > :nth-child(6) {
  grid-column: span 2;
}

.sales-order-row strong,
.sales-order-row span,
.sales-order-row small {
  overflow-wrap: anywhere;
}

.sales-order-row select {
  width: 100%;
}

.factory-list,
.market-grid,
.factory-leads,
.factory-material-list,
.factory-product-grid {
  display: grid;
  gap: 10px;
}

.factory-material-note,
.factory-product-empty {
  border: 1px dashed rgba(255, 255, 255, .18);
  color: var(--muted);
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.7;
}

.factory-material-list {
  margin-top: 10px;
}

.factory-material,
.factory-product {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  color: var(--ink);
  padding: 12px 14px;
}

.factory-material span,
.factory-product span,
.mini-heading span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.factory-material strong,
.factory-product strong {
  color: var(--ink);
}

.factory-material small,
.factory-product small {
  color: var(--muted);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.factory-product-shell {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.mini-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mini-heading strong {
  color: var(--muted);
  font-size: 12px;
}

.factory-product {
  width: 100%;
  text-align: left;
}

.factory-product.selected {
  border-color: var(--accent);
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .1), transparent 52%),
    #090909;
}

.factory-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  color: var(--ink);
  padding: 14px;
  text-align: left;
}

.factory-row.selected {
  border-color: var(--accent);
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .08), transparent 48%),
    #090909;
}

.factory-row span,
.factory-row strong,
.factory-row small,
.factory-row em {
  display: block;
}

.market-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.market-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 268px;
  padding: 14px;
}

.market-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.market-score span {
  color: var(--accent-strong);
  font-size: 12px;
}

.market-score strong {
  font-size: 30px;
}

.compact-tags {
  gap: 7px;
}

.compact-tags span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 12px;
}

.factory-lead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}

.factory-lead span,
.factory-lead strong,
.factory-lead small {
  display: block;
}

.factory-lead em {
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
}

.factory-drafts {
  margin-top: 14px;
}

.integration-layout {
  display: grid;
  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);
  gap: 22px;
}

.integration-layout.wide {
  grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr);
}

.provider-list,
.provider-detail,
.checklist,
.route-grid,
.production-summary,
.production-provider-grid,
.production-check-list {
  display: grid;
  gap: 10px;
}

.provider-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 86px;
  color: var(--ink);
  padding: 14px;
  text-align: left;
}

.provider-card.selected {
  border-color: var(--accent);
  background:
    linear-gradient(135deg, rgba(220, 237, 220, .08), transparent 48%),
    #090909;
}

.provider-card span,
.provider-card strong,
.provider-card small,
.provider-card em,
.provider-detail span,
.provider-detail strong,
.route-card span,
.route-card strong,
.route-card small {
  display: block;
}

.provider-card em,
.status-pill {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  white-space: nowrap;
}

.provider-card em.connected,
.status-pill.connected,
.route-card.connected span {
  border-color: rgba(157, 241, 210, .6);
  color: var(--accent-strong);
}

.provider-card em.error,
.status-pill.error {
  border-color: rgba(247, 210, 126, .7);
  color: var(--warn);
}

.provider-detail {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.compact-detail {
  margin-top: 12px;
}

.provider-detail div,
.check-row,
.route-card,
.production-provider-card,
.production-summary article,
.production-check {
  padding: 13px 14px;
}

.check-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.check-row span {
  color: var(--warn);
  font-size: 12px;
}

.check-row.done span {
  color: var(--accent-strong);
}

.production-provider-panel {
  margin-top: 22px;
}

.production-summary {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 12px 0 18px;
}

.production-summary article,
.production-provider-card,
.production-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.production-summary span,
.production-provider-card span,
.production-provider-card p,
.production-check span {
  color: var(--muted);
}

.production-summary strong {
  display: block;
  margin-top: 8px;
  font-size: 22px;
}

.production-provider-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.production-provider-card {
  display: grid;
  gap: 12px;
}

.production-provider-card.ready {
  border-color: rgba(157, 241, 210, .45);
}

.production-provider-head,
.production-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.production-provider-head strong {
  display: block;
  margin-top: 6px;
}

.production-provider-head em {
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
}

.production-provider-card p {
  margin: 0;
  line-height: 1.55;
}

.production-check-list {
  gap: 8px;
}

.production-check {
  padding: 10px 12px;
}

.production-check span {
  font-size: 12px;
}

.production-check.done span {
  color: var(--accent-strong);
}

.production-check strong {
  font-size: 13px;
  text-align: right;
}

.crm-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 22px;
  margin-bottom: 22px;
  min-width: 0;
}

.crm-hero h2 {
  margin: 0 0 12px;
  font-size: clamp(42px, 5.4vw, 78px);
  letter-spacing: 0;
}

.crm-hero p:last-child,
.crm-search span,
.crm-summary-grid span,
.crm-table span,
.crm-profile-grid small,
.crm-note-card span,
.crm-follow-list span,
.crm-follow-list small {
  color: var(--muted);
}

.crm-search {
  display: grid;
  gap: 8px;
  width: min(100%, 560px);
  min-width: 0;
}

.crm-search input {
  min-height: 56px;
  width: 100%;
}

.crm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
  gap: 22px;
  margin-bottom: 22px;
  min-width: 0;
}

.crm-list-layout {
  grid-template-columns: 1fr;
}

.crm-table-panel {
  min-width: 0;
  overflow: hidden;
}

.crm-table-panel > .panel-heading.inline {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 14px;
}

.crm-table-panel > .panel-heading.inline > div {
  min-width: 0;
}

.crm-list-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.crm-mini-add {
  display: grid;
  gap: 3px;
  min-width: 190px;
  border: 1px solid rgba(157, 241, 210, .28);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .08), transparent 54%),
    #0a0a0a;
  color: var(--ink);
  padding: 10px 12px;
  text-align: left;
}

.crm-mini-add span,
.crm-mini-add small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.32;
}

.crm-mini-add strong {
  font-size: 15px;
  overflow-wrap: anywhere;
}

.crm-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.crm-summary-grid div,
.crm-lifecycle-grid div,
.crm-profile-grid span,
.crm-note-card,
.crm-profile-subpanel,
.crm-follow-list article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 12px;
}

.crm-summary-grid span,
.crm-summary-grid strong,
.crm-lifecycle-grid span,
.crm-lifecycle-grid strong,
.crm-profile-grid small,
.crm-profile-grid strong {
  display: block;
  text-align: center;
}

.crm-summary-grid strong,
.crm-lifecycle-grid strong {
  margin-top: 6px;
  font-size: 24px;
}

.crm-lifecycle-grid span {
  color: var(--muted);
  font-size: 12px;
}

.crm-table {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-bottom: 6px;
}

.crm-table-head,
.crm-row {
  display: grid;
  grid-template-columns: minmax(64px, .62fr) minmax(70px, .68fr) minmax(120px, 1.15fr) minmax(74px, .72fr) minmax(112px, 1fr) minmax(122px, 1.05fr) minmax(76px, .72fr) minmax(126px, 1.1fr) minmax(88px, .78fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.crm-table-head {
  padding: 0 12px 6px;
  color: var(--muted);
  font-size: 12px;
}

.crm-row {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  color: var(--ink);
  padding: 12px;
  text-align: left;
}

.crm-row.selected,
.crm-row:hover {
  border-color: rgba(163, 255, 212, .45);
}

.crm-row strong,
.crm-row span {
  overflow-wrap: anywhere;
  min-width: 0;
}

.crm-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr);
  gap: 18px;
  min-width: 0;
}

.crm-modal.wide {
  width: min(1060px, calc(100vw - 48px));
}

.crm-dialog-backdrop .crm-modal {
  animation: modalRise .16s ease-out;
  max-width: calc(100vw - 48px);
}

.crm-profile-card,
.crm-follow-panel {
  display: grid;
  gap: 12px;
}

.crm-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.crm-profile-subpanel {
  display: grid;
  gap: 12px;
}

.crm-profile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.crm-note-card p {
  margin: 8px 0 0;
  color: var(--ink);
  line-height: 1.6;
}

.crm-follow-list {
  display: grid;
  gap: 8px;
}

.crm-follow-list article {
  display: grid;
  gap: 4px;
}

.crm-purchase-list strong {
  color: var(--accent-strong);
}

@keyframes modalRise {
  from {
    opacity: 0;
    transform: translateY(8px) scale(.99);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

:root[data-theme-mode="light"] :is(.modal-panel, .crm-summary-grid div, .crm-lifecycle-grid div, .crm-profile-grid span, .crm-note-card, .crm-profile-subpanel, .crm-follow-list article, .crm-row, .crm-mini-add) {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(.modal-panel, .crm-summary-grid div, .crm-lifecycle-grid div, .crm-profile-grid span, .crm-note-card, .crm-profile-subpanel, .crm-follow-list article, .crm-row, .crm-mini-add) {
    background: rgba(255, 255, 255, .9);
  }
}

@media (max-width: 1320px) {
  .crm-table {
    gap: 10px;
  }

  .crm-table-head {
    display: none;
  }

  .crm-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 11px 14px;
    padding: 14px;
  }

  .crm-row :is(span, strong) {
    display: grid;
    gap: 4px;
    line-height: 1.35;
  }

  .crm-row :is(span, strong)::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
  }

  .crm-row [data-label="客户公司"],
  .crm-row [data-label="客户问题"],
  .crm-row [data-label="下一步"] {
    grid-column: span 2;
  }
}

@media (max-width: 1040px) {
  .crm-hero,
  .crm-layout,
  .crm-profile-layout {
    grid-template-columns: 1fr;
  }

  .crm-hero h2 {
    font-size: clamp(36px, 9vw, 62px);
  }

  .crm-summary-grid,
  .crm-lifecycle-grid,
  .crm-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .crm-summary-grid,
  .crm-lifecycle-grid,
  .crm-profile-grid {
    grid-template-columns: 1fr;
  }

  .crm-list-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .crm-mini-add {
    width: 100%;
  }

  .crm-row {
    grid-template-columns: 1fr;
  }

  .crm-row [data-label="客户公司"],
  .crm-row [data-label="客户问题"],
  .crm-row [data-label="下一步"] {
    grid-column: auto;
  }
}

.route-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.route-card {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 112px;
}

.route-card strong {
  color: var(--ink);
}

.release-layout {
  display: grid;
  grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr);
  gap: 22px;
}

.release-control-stack {
  display: grid;
  gap: 12px;
}

.release-disclosure {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .045), transparent 44%),
    rgba(9, 9, 9, .9);
  box-shadow: var(--soft-shadow);
  overflow: hidden;
}

.release-disclosure > summary {
  list-style: none;
  cursor: pointer;
}

.release-disclosure > summary::-webkit-details-marker {
  display: none;
}

.release-disclosure-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
}

.release-disclosure-summary h3,
.release-disclosure-summary p {
  margin: 0;
}

.release-disclosure-summary span {
  display: block;
  max-width: 82ch;
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.release-disclosure-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  color: var(--accent-strong);
  text-align: right;
  white-space: nowrap;
}

.release-disclosure-toggle {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--muted);
  font-style: normal;
}

.release-disclosure-toggle::before {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
}

.release-disclosure[open] .release-disclosure-toggle::before {
  transform: rotate(225deg) translate(-1px, -1px);
}

.release-disclosure-body {
  display: grid;
  gap: 18px;
  border-top: 1px solid var(--line);
  padding: 20px;
}

.release-disclosure-body > :is(
  .commercial-launch-board,
  .founder-cooperation-panel,
  .founder-operation-panel,
  .launch-runbook,
  .windows-launch-proof-panel,
  .demo-package-panel,
  .release-layout,
  .code-signing-layout,
  .download-hosting-layout,
  .website-publish-layout,
  .website-architecture-grid,
  .deployment-infrastructure-layout,
  .windows-update-layout,
  .windows-monitor-layout,
  .windows-customer-onboarding-layout,
  .windows-client-health-layout
) {
  margin: 0;
}

.demo-package-panel {
  display: grid;
  gap: 16px;
  margin-bottom: 22px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 54px),
    #080808;
  box-shadow: var(--shadow);
}

.demo-package-head,
.demo-package-hero,
.demo-package-grid {
  display: grid;
  gap: 14px;
}

.demo-package-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.demo-package-head h3 {
  margin: 0 0 8px;
}

.demo-package-head p:last-child,
.demo-package-hero span,
.demo-package-hero small,
.demo-route-panel > span,
.demo-file-panel > span,
.demo-route-list p,
.demo-file-grid small {
  color: var(--muted);
}

.demo-package-head p:last-child,
.demo-route-list p {
  line-height: 1.55;
}

.demo-package-hero {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .46fr);
  align-items: stretch;
}

.demo-package-hero > div,
.demo-route-panel,
.demo-file-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  min-width: 0;
  padding: 14px;
}

.demo-package-hero.ready > div:first-child {
  border-color: rgba(157, 241, 210, .55);
}

.demo-package-hero.manual > div:first-child {
  border-color: rgba(244, 209, 126, .45);
}

.demo-package-hero strong,
.demo-installer-card strong {
  display: block;
  margin: 6px 0;
  overflow-wrap: anywhere;
}

.demo-package-hero code,
.demo-installer-card code {
  display: block;
  margin-top: 10px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.demo-installer-card {
  display: grid;
  align-content: start;
}

.demo-package-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

.demo-route-panel,
.demo-file-panel {
  display: grid;
  align-content: start;
  gap: 12px;
}

.demo-route-list,
.demo-file-grid {
  display: grid;
  gap: 8px;
}

.demo-route-list article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .025);
}

.demo-route-list em {
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 700;
}

.demo-file-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.demo-file-grid article {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .025);
}

.demo-file-grid strong {
  display: block;
  overflow-wrap: anywhere;
}

.commercial-launch-board {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .09), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 62px),
    #0a0a0a;
  padding: 22px;
  box-shadow: var(--shadow);
}

.windows-launch-wizard {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(157, 241, 210, .28);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .08), transparent 42%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px 76px),
    #080808;
  padding: 20px;
  box-shadow: var(--shadow);
}

.windows-launch-wizard.ready {
  border-color: rgba(157, 241, 210, .58);
}

.windows-launch-wizard.planned {
  border-color: rgba(244, 209, 126, .38);
}

.windows-launch-wizard-head,
.windows-launch-wizard-next,
.windows-launch-wizard-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: stretch;
}

.windows-launch-wizard-head h3,
.windows-launch-wizard-head p,
.windows-launch-wizard-next strong,
.windows-launch-wizard-next small {
  margin: 0;
}

.windows-launch-wizard-head p:last-child,
.windows-launch-wizard-card p,
.windows-launch-wizard-card small,
.windows-launch-wizard-next small {
  color: var(--muted);
  line-height: 1.5;
}

.windows-launch-wizard-status,
.windows-launch-wizard-next,
.windows-launch-wizard-card,
.windows-launch-wizard-milestones article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .38);
}

.windows-launch-wizard-status {
  display: grid;
  min-width: 190px;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 14px;
}

.windows-launch-wizard-status span,
.windows-launch-wizard-status small,
.windows-launch-wizard-next span,
.windows-launch-wizard-card span,
.windows-launch-wizard-milestones span {
  color: var(--muted);
}

.windows-launch-wizard-status strong {
  display: block;
  width: 100%;
  color: var(--accent-strong);
  font-size: 36px;
  line-height: 1.05;
  text-align: center;
}

.windows-launch-wizard-next {
  align-items: center;
  padding: 14px;
}

.windows-launch-wizard-next span,
.windows-launch-wizard-card span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.windows-launch-wizard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.windows-launch-wizard-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 13px;
}

.windows-launch-wizard-card .small-action {
  grid-column: auto;
  width: fit-content;
}

.windows-launch-wizard-card.manual {
  border-color: rgba(244, 209, 126, .42);
}

.windows-launch-wizard-card.ready {
  border-color: rgba(157, 241, 210, .52);
}

.windows-launch-wizard-rank {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--ink);
  color: var(--bg);
  font-weight: 900;
}

.windows-launch-wizard-card strong,
.windows-launch-wizard-card p,
.windows-launch-wizard-card small,
.windows-launch-wizard-next strong {
  overflow-wrap: anywhere;
}

.windows-launch-wizard-card p {
  margin: 0;
}

.windows-launch-wizard-milestones {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.windows-launch-wizard-milestones article {
  display: grid;
  gap: 6px;
  justify-items: center;
  min-width: 0;
  padding: 12px 14px;
  text-align: center;
}

.windows-launch-wizard-milestones strong {
  width: 100%;
  text-align: center;
}

.windows-launch-wizard-commands {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.windows-launch-wizard-commands code {
  flex: 1 1 220px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--accent-strong);
  font-size: 12px;
  padding: 7px 9px;
  text-align: center;
}

.windows-launch-wizard-footer {
  grid-template-columns: 1fr;
  align-items: start;
}

:root[data-theme-mode="light"] .windows-launch-wizard {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 42%),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .025) 0 1px, transparent 1px 76px),
    var(--panel);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .windows-launch-wizard {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 42%),
      repeating-linear-gradient(90deg, rgba(0, 0, 0, .025) 0 1px, transparent 1px 76px),
      var(--panel);
  }
}

.windows-launch-proof-panel {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .07), transparent 46%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .024) 0 1px, transparent 1px 70px),
    #080808;
  padding: 18px;
}

.windows-launch-proof-hero,
.windows-launch-proof-command,
.windows-launch-proof-grid,
.windows-launch-proof-footer {
  display: grid;
  gap: 12px;
}

.windows-launch-proof-hero {
  grid-template-columns: minmax(0, 1fr) minmax(190px, .24fr);
  align-items: stretch;
}

.windows-launch-proof-hero h3,
.windows-launch-proof-hero p {
  margin: 0;
}

.windows-launch-proof-hero p:last-child,
.windows-launch-proof-status span,
.windows-launch-proof-status small,
.windows-launch-proof-grid > article > span,
.windows-launch-proof-footer span,
.windows-launch-proof-footer small,
.windows-launch-proof-check small {
  color: var(--muted);
}

.windows-launch-proof-hero p:last-child,
.windows-launch-proof-check small {
  line-height: 1.5;
}

.windows-launch-proof-status,
.windows-launch-proof-grid > article,
.windows-launch-proof-footer article,
.windows-launch-proof-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .36);
}

.windows-launch-proof-status {
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 14px;
}

.windows-launch-proof-status strong {
  display: block;
  width: 100%;
  color: var(--accent-strong);
  font-size: 24px;
  text-align: center;
}

.windows-launch-proof-command {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(157, 241, 210, .25);
  border-radius: var(--radius);
  background: rgba(157, 241, 210, .045);
}

.windows-launch-proof-command code {
  overflow-wrap: anywhere;
  white-space: normal;
}

.windows-launch-proof-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.windows-launch-proof-grid > article {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.windows-launch-proof-grid > article > span,
.windows-launch-proof-footer span,
.windows-launch-proof-check span {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.windows-launch-proof-checks {
  display: grid;
  gap: 8px;
}

.windows-launch-proof-check {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
}

.windows-launch-proof-check.ready {
  border-color: rgba(157, 241, 210, .48);
}

.windows-launch-proof-check.blocked {
  border-color: rgba(244, 209, 126, .36);
}

.windows-launch-proof-check.ready span {
  color: var(--accent-strong);
}

.windows-launch-proof-check.blocked span {
  color: var(--warn);
}

.windows-launch-proof-check strong,
.windows-launch-proof-footer strong {
  display: block;
  overflow-wrap: anywhere;
}

.windows-launch-proof-footer {
  grid-template-columns: minmax(220px, .75fr) minmax(220px, .75fr) minmax(0, 1.5fr);
}

.windows-launch-proof-footer article {
  display: grid;
  gap: 6px;
  align-content: start;
  padding: 12px 14px;
}

.windows-launch-proof-sha {
  display: block;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  white-space: normal;
}

:root[data-theme-mode="light"] .windows-launch-proof-panel {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .07), transparent 46%),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .024) 0 1px, transparent 1px 70px),
    var(--panel);
}

:root[data-theme-mode="light"] :is(
  .windows-launch-proof-status,
  .windows-launch-proof-grid > article,
  .windows-launch-proof-footer article,
  .windows-launch-proof-check
) {
  background: var(--panel);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] .windows-launch-proof-panel {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .07), transparent 46%),
      repeating-linear-gradient(90deg, rgba(0, 0, 0, .024) 0 1px, transparent 1px 70px),
      var(--panel);
  }

  :root[data-theme-mode="system"] :is(
    .windows-launch-proof-status,
    .windows-launch-proof-grid > article,
    .windows-launch-proof-footer article,
    .windows-launch-proof-check
  ) {
    background: var(--panel);
  }
}

.commercial-launch-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 18px;
  align-items: stretch;
}

.commercial-launch-head h3,
.commercial-next-panel h3 {
  margin-top: 0;
}

.commercial-launch-head p:last-child {
  max-width: 78ch;
  color: var(--muted);
  line-height: 1.6;
}

.commercial-launch-score,
.controlled-pilot-pass,
.controlled-pilot-hero,
.controlled-pilot-next,
.controlled-pilot-boundaries article,
.windows-focus-panel,
.windows-focus-card,
.founder-cooperation-panel,
.founder-cooperation-card,
.founder-cooperation-score,
.founder-cooperation-next,
.founder-operation-panel,
.founder-operation-card,
.founder-operation-current,
.founder-operation-strip,
.commercial-stream,
.commercial-gate-card,
.commercial-next-panel,
.commercial-next-action {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.commercial-launch-score {
  display: grid;
  align-content: center;
  min-height: 138px;
  padding: 16px;
}

.windows-focus-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.windows-focus-lead {
  display: grid;
  gap: 8px;
}

.windows-focus-lead h3,
.windows-focus-lead p {
  margin: 0;
}

.windows-focus-lead p {
  max-width: 86ch;
  color: var(--muted);
  line-height: 1.55;
}

.windows-focus-paused {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.windows-focus-paused span {
  border: 1px solid rgba(244, 209, 126, .36);
  border-radius: var(--radius);
  color: var(--warn);
  font-size: 12px;
  font-weight: 800;
  padding: 7px 9px;
}

.windows-focus-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.windows-focus-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  padding: 12px;
}

.windows-focus-card.ready {
  border-color: rgba(157, 241, 210, .55);
}

.windows-focus-card div {
  display: grid;
  gap: 6px;
}

.windows-focus-card span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
}

.windows-focus-card strong,
.windows-focus-card small {
  overflow-wrap: anywhere;
}

.windows-focus-card p,
.windows-focus-card small,
.windows-focus-rule {
  color: var(--muted);
  line-height: 1.45;
}

.windows-focus-card p {
  margin: 0;
}

.windows-focus-rule {
  margin: 0;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.founder-cooperation-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.founder-cooperation-head,
.founder-cooperation-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 16px;
  align-items: stretch;
}

.founder-cooperation-head h3,
.founder-cooperation-head p,
.founder-cooperation-next strong,
.founder-cooperation-next small {
  margin: 0;
}

.founder-cooperation-head p:last-child {
  max-width: 84ch;
  color: var(--muted);
  line-height: 1.55;
}

.founder-cooperation-score {
  display: grid;
  align-content: center;
  justify-items: start;
  padding: 14px;
}

.founder-cooperation-score span,
.founder-cooperation-score small,
.founder-cooperation-card small,
.founder-cooperation-reply span,
.founder-cooperation-note,
.founder-cooperation-next small {
  color: var(--muted);
}

.founder-cooperation-score strong {
  font-size: 34px;
  line-height: 1.05;
}

.founder-cooperation-next {
  padding: 14px;
}

.founder-cooperation-next span,
.founder-cooperation-blocker span,
.founder-cooperation-card-head span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.founder-cooperation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.founder-cooperation-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 13px;
}

.founder-cooperation-card.ready {
  border-color: rgba(157, 241, 210, .55);
}

.founder-cooperation-card.planned {
  border-color: rgba(244, 209, 126, .42);
}

.founder-cooperation-card-head,
.founder-cooperation-blocker {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.founder-cooperation-card-head em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
}

.founder-cooperation-card strong,
.founder-cooperation-card p,
.founder-cooperation-card small,
.founder-cooperation-note,
.founder-cooperation-blocker strong {
  overflow-wrap: anywhere;
}

.founder-cooperation-card p {
  margin: 0;
  line-height: 1.5;
}

.founder-cooperation-reply {
  display: grid;
  gap: 5px;
  border-left: 2px solid rgba(157, 241, 210, .55);
  padding-left: 9px;
}

.founder-cooperation-reply span {
  font-size: 12px;
}

.founder-cooperation-reply strong {
  font-size: 13px;
  line-height: 1.45;
}

.founder-cooperation-card small,
.founder-cooperation-note {
  line-height: 1.45;
}

.founder-cooperation-blocker {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.founder-cooperation-note {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--radius-sm);
  padding: 10px;
}

.founder-operation-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.founder-operation-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 16px;
  align-items: stretch;
}

.founder-operation-head h3,
.founder-operation-head p,
.founder-operation-current strong,
.founder-operation-strip strong {
  margin: 0;
}

.founder-operation-head p:last-child,
.founder-operation-card p,
.founder-operation-card li,
.founder-operation-card small,
.founder-operation-current small {
  color: var(--muted);
  line-height: 1.5;
}

.founder-operation-current {
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px;
}

.founder-operation-current span,
.founder-operation-strip span,
.founder-operation-card-head span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.founder-operation-current strong {
  line-height: 1.25;
}

.founder-operation-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
}

.founder-operation-strip div {
  display: grid;
  gap: 6px;
}

.founder-operation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.founder-operation-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.founder-operation-card.ready {
  border-color: rgba(157, 241, 210, .55);
}

.founder-operation-card.planned {
  border-color: rgba(244, 209, 126, .42);
}

.founder-operation-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.founder-operation-card-head em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.founder-operation-card p {
  margin: 0;
}

.founder-operation-card ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}

.founder-operation-card li,
.founder-operation-card strong,
.founder-operation-card small,
.founder-operation-strip strong,
.founder-operation-current strong {
  overflow-wrap: anywhere;
}

.commercial-launch-score.ready {
  border-color: rgba(157, 241, 210, .6);
}

.controlled-pilot-pass {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 14px;
  padding: 16px;
}

.controlled-pilot-pass.ready {
  border-color: rgba(157, 241, 210, .48);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .08), transparent 58%),
    #090909;
}

.controlled-pilot-pass.manual {
  border-color: rgba(244, 209, 126, .36);
}

.controlled-pilot-copy,
.controlled-pilot-next,
.controlled-pilot-boundaries article {
  min-width: 0;
}

.controlled-pilot-copy h3,
.controlled-pilot-copy p,
.controlled-pilot-next strong,
.controlled-pilot-next span,
.controlled-pilot-next small {
  margin: 0;
}

.controlled-pilot-copy p:last-child {
  max-width: 86ch;
  color: var(--muted);
  line-height: 1.55;
}

.controlled-pilot-hero {
  display: grid;
  align-content: center;
  justify-items: start;
  padding: 14px;
}

.controlled-pilot-hero span,
.controlled-pilot-hero small,
.controlled-pilot-next span,
.controlled-pilot-boundaries small {
  color: var(--muted);
}

.controlled-pilot-hero strong {
  display: block;
  margin: 6px 0;
  color: var(--accent-strong);
  font-size: 34px;
  line-height: 1;
}

.controlled-pilot-next {
  display: grid;
  gap: 5px;
  grid-column: 1 / -1;
  padding: 13px 14px;
}

.controlled-pilot-next span,
.controlled-pilot-boundaries span {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.controlled-pilot-next strong,
.controlled-pilot-boundaries strong,
.controlled-pilot-boundaries small {
  display: block;
  overflow-wrap: anywhere;
}

.controlled-pilot-boundaries {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.controlled-pilot-boundaries article {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.controlled-pilot-boundaries article.ready {
  border-color: rgba(157, 241, 210, .46);
}

.commercial-launch-score span,
.commercial-launch-score small,
.controlled-pilot-pass p,
.controlled-pilot-hero span,
.controlled-pilot-hero small,
.controlled-pilot-next span,
.controlled-pilot-boundaries small,
.commercial-stream span,
.commercial-stream small,
.commercial-gate-card p,
.commercial-gate-card small,
.commercial-gate-head em,
.commercial-next-action span,
.commercial-next-action p {
  color: var(--muted);
}

.commercial-launch-score strong {
  display: block;
  margin: 8px 0;
  font-size: 36px;
}

.commercial-priority-queue {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(157, 241, 210, .26);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .07), transparent 50%),
    rgba(255, 255, 255, .025);
  padding: 16px;
}

.commercial-priority-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.commercial-priority-head h3 {
  margin: 0;
}

.commercial-priority-head p:last-child {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.commercial-priority-head > span {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  padding: 8px 10px;
}

.commercial-priority-list {
  display: grid;
  gap: 10px;
}

.commercial-priority-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .36);
  padding: 12px;
}

.commercial-priority-item.manual {
  border-color: rgba(244, 209, 126, .42);
}

.commercial-priority-item.ready {
  border-color: rgba(157, 241, 210, .46);
}

.commercial-priority-rank {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 900;
}

.commercial-priority-item em,
.commercial-priority-item strong,
.commercial-priority-item p,
.commercial-priority-item small {
  display: block;
}

.commercial-priority-item em {
  color: var(--accent-strong);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.commercial-priority-item strong {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.commercial-priority-item p {
  margin: 7px 0 0;
  color: var(--ink);
  line-height: 1.45;
}

.commercial-priority-item small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commercial-stream-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.commercial-stream {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.commercial-stream div:first-child,
.commercial-gate-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.commercial-stream strong {
  font-size: 22px;
}

.commercial-launch-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .34fr);
  gap: 16px;
}

.commercial-gate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.commercial-gate-card,
.commercial-next-panel,
.commercial-next-action {
  min-width: 0;
  padding: 14px;
}

.commercial-gate-card {
  display: grid;
  gap: 9px;
  align-content: start;
}

.commercial-gate-card.ready {
  border-color: rgba(157, 241, 210, .55);
}

.commercial-gate-card.manual,
.commercial-next-action.manual {
  border-color: rgba(244, 209, 126, .42);
}

.commercial-gate-head span {
  color: var(--warn);
  font-size: 12px;
}

.commercial-gate-card.ready .commercial-gate-head span {
  color: var(--accent-strong);
}

.commercial-gate-head em,
.commercial-next-action span {
  font-size: 12px;
  font-style: normal;
}

.commercial-gate-card strong,
.commercial-next-action strong {
  overflow-wrap: anywhere;
}

.commercial-gate-card p,
.commercial-next-action p {
  margin: 0;
  line-height: 1.5;
}

.commercial-gate-card small {
  line-height: 1.45;
}

.small-action {
  justify-self: start;
  margin-top: 4px;
  padding: 8px 10px;
  white-space: nowrap;
}

.windows-launch-wizard-card span,
.founder-cooperation-card-head span,
.founder-operation-card-head span,
.commercial-gate-head span,
.platform-check span,
.platform-phase-head em {
  white-space: nowrap;
}

.commercial-next-panel {
  align-self: start;
}

.commercial-next-list {
  display: grid;
  gap: 10px;
}

.commercial-next-action {
  display: grid;
  gap: 8px;
}

.launch-runbook {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(215, 181, 109, .13), transparent 36%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 72px),
    #070707;
  padding: 22px;
  box-shadow: var(--shadow);
}

.launch-runbook-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 18px;
  align-items: stretch;
}

.launch-runbook-head p:last-child {
  max-width: 82ch;
  color: var(--muted);
  line-height: 1.6;
}

.launch-runbook-score,
.launch-runbook-step {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.launch-runbook-score {
  display: grid;
  align-content: center;
  min-height: 130px;
  padding: 16px;
}

.launch-runbook-score.ready,
.launch-runbook-step.ready {
  border-color: rgba(157, 241, 210, .55);
}

.launch-runbook-score span,
.launch-runbook-score small,
.runbook-step-index span,
.runbook-step-title em,
.runbook-step-body p,
.runbook-step-body small {
  color: var(--muted);
}

.launch-runbook-score strong {
  display: block;
  margin: 8px 0;
  font-size: 36px;
}

.launch-command-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.launch-runbook-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 10px;
}

.launch-runbook-step {
  display: grid;
  grid-template-columns: minmax(142px, .28fr) minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  padding: 14px;
}

.launch-runbook-step.manual {
  border-color: rgba(244, 209, 126, .42);
}

.runbook-step-index,
.runbook-step-body {
  display: grid;
  gap: 7px;
  align-content: start;
}

.runbook-step-index strong {
  color: var(--warn);
  font-size: 12px;
  white-space: nowrap;
}

.launch-runbook-step.ready .runbook-step-index strong {
  color: var(--accent-strong);
}

.runbook-step-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.runbook-step-title strong,
.runbook-step-body p,
.runbook-step-body small,
.runbook-next {
  overflow-wrap: anywhere;
}

.runbook-step-title em {
  flex: 0 0 auto;
  font-size: 12px;
  font-style: normal;
}

.runbook-step-body p {
  margin: 0;
  line-height: 1.5;
}

.runbook-step-body small {
  line-height: 1.45;
}

.runbook-next {
  border-top: 1px solid var(--line);
  color: var(--warn);
  font-size: 12px;
  padding-top: 8px;
}

.release-layout.wide {
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
}

.release-layout > .panel {
  min-width: 0;
}

.delivery-layout {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

.platform-layout {
  display: grid;
  grid-template-columns: minmax(380px, .92fr) minmax(0, 1.08fr);
  gap: 22px;
}

.platform-layout > .panel {
  min-width: 0;
}

.platform-reuse-board {
  display: grid;
  gap: 16px;
}

.platform-reuse-board .panel-heading.compact {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.platform-reuse-lead {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
  margin: -4px 0 0;
  max-width: 960px;
}

.platform-reuse-summary,
.platform-reuse-profiles {
  display: grid;
  gap: 12px;
}

.platform-reuse-summary {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.platform-reuse-summary div,
.platform-reuse-profile {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  min-width: 0;
}

.platform-reuse-summary div {
  display: grid;
  gap: 6px;
  padding: 15px 16px;
}

.platform-reuse-summary span,
.platform-reuse-profile span {
  color: var(--muted);
  font-size: 12px;
}

.platform-reuse-summary strong {
  color: var(--paper);
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
}

.platform-reuse-profiles {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.platform-reuse-profile {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.platform-reuse-profile.desktop-copy {
  border-color: rgba(157, 241, 210, .5);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .1), transparent 55%),
    #090909;
}

.platform-reuse-profile > div {
  display: grid;
  gap: 6px;
}

.platform-reuse-profile strong {
  color: var(--paper);
  font-size: 20px;
}

.platform-reuse-profile p {
  color: var(--muted);
  line-height: 1.45;
  margin: 0;
}

.platform-reuse-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.platform-reuse-stats em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent);
  font-size: 12px;
  font-style: normal;
  padding: 6px 9px;
}

.release-track-list,
.command-list,
.release-gate-list,
.artifact-list,
.delivery-item-list,
.platform-phase-list,
.platform-principles,
.platform-criteria-grid,
.platform-check-list {
  display: grid;
  gap: 10px;
}

.release-track,
.command-row,
.release-gate,
.artifact-row,
.delivery-item,
.delivery-note,
.platform-phase-card,
.platform-principles article,
.platform-criteria-card,
.platform-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
  min-width: 0;
}

.release-track,
.platform-phase-card,
.platform-principles article,
.platform-criteria-card {
  display: grid;
  gap: 10px;
}

.platform-criteria-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(760px, 100%), 1fr));
}

.release-track div,
.release-gate div,
.platform-phase-head,
.platform-criteria-card > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.release-track span,
.release-gate span,
.artifact-row span,
.delivery-item span,
.platform-phase-head span,
.platform-check span,
.platform-criteria-card > div span,
.platform-principles span {
  color: var(--warn);
  font-size: 12px;
}

.release-track.ready span,
.release-gate.ready span,
.artifact-row.ready span,
.delivery-item.ready span,
.platform-phase-card.ready .platform-phase-head span,
.platform-check.ready span {
  color: var(--accent-strong);
}

.platform-phase-card.active {
  border-color: rgba(157, 241, 210, .58);
  background:
    linear-gradient(135deg, rgba(157, 241, 210, .11), transparent 46%),
    #090909;
}

.platform-phase-head em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent);
  font-size: 11px;
  font-style: normal;
  padding: 5px 8px;
  white-space: nowrap;
}

.release-track p,
.release-track small,
.release-gate p,
.release-gate small,
.delivery-item small,
.delivery-note p,
.platform-phase-card p,
.platform-phase-card small,
.platform-principles p,
.platform-criteria-card p,
.platform-check small {
  color: var(--muted);
}

.platform-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commercial-priority {
  margin-top: 12px;
}

.platform-chip-row em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent);
  font-size: 11px;
  font-style: normal;
  padding: 6px 8px;
}

.platform-check {
  display: grid;
  gap: 4px;
  align-content: start;
  padding: 11px 12px;
}

.platform-check-list {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.platform-criteria-card {
  overflow: hidden;
}

.platform-criteria-card > div {
  align-items: flex-start;
}

.platform-criteria-card > div strong,
.platform-criteria-card p,
.platform-check strong,
.platform-check small,
.platform-chip-row em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.platform-check.manual span {
  color: var(--warn);
}

.command-row,
.artifact-row,
.delivery-item,
.delivery-note {
  display: grid;
  gap: 7px;
}

.command-row span {
  color: var(--muted);
}

code {
  display: block;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #050505;
  color: var(--accent);
  padding: 8px 9px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.team-summary-grid div,
.member-row {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.team-summary-grid span,
.team-summary-grid strong,
.member-row span,
.member-row small {
  display: block;
}

.team-summary-grid span,
.member-row small {
  color: var(--muted);
}

.team-summary-grid strong {
  margin-top: 8px;
  font-size: 26px;
}

.member-list {
  display: grid;
  gap: 10px;
}

.member-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px auto;
  align-items: center;
  gap: 12px;
}

.member-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

button:disabled,
select:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.learning-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 22px;
}

.learning-tag-panel,
.learning-community-panel,
.learning-content-panel,
.learning-content-stack,
.learning-section,
.learning-thread-list,
.community-post-list,
.community-publish-grid {
  display: grid;
  gap: 14px;
}

.learning-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
}

.learning-metrics div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 104px;
  padding: 12px;
  text-align: center;
}

.learning-metrics span,
.learning-section-head span,
.learning-badge-row em,
.course-item small,
.learning-thread small {
  color: var(--muted);
  font-size: 12px;
}

.learning-metrics strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.learning-content-stack {
  gap: 22px;
}

.learning-section {
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

.learning-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.learning-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.learning-section-head h3,
.course-item h3,
.learning-thread h3,
.community-post-card h3 {
  margin: 4px 0 0;
  font-size: 17px;
  letter-spacing: 0;
}

.learning-section-head em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  text-align: right;
}

.segmented,
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.segmented {
  margin-bottom: 16px;
}

.segmented button,
.tag-cloud button {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080808;
  color: var(--ink);
  padding: 10px 12px;
}

.segmented button.selected,
.tag-cloud button.selected {
  border-color: var(--accent);
  background: var(--ink);
  color: var(--paper);
}

.mini-search {
  grid-template-columns: auto 220px;
  align-items: center;
}

.course-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.course-item,
.learning-thread {
  min-width: 0;
}

.course-item p,
.learning-thread p,
.community-post-card p {
  margin: 8px 0 0;
  line-height: 1.55;
}

.course-item small,
.learning-thread small,
.community-post-card small {
  display: block;
  margin-top: 8px;
}

.course-type {
  color: var(--accent-strong);
  font-size: 12px;
}

.learning-badge-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.course-item > strong,
.learning-thread > strong,
.community-post-card > strong {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--ink);
  font-size: 12px;
}

.course-item.locked,
.learning-thread.locked {
  border-color: #333;
  background: #060606;
}

.course-item.locked > strong,
.learning-thread.locked > strong {
  border-color: var(--accent);
  color: var(--accent-strong);
}

.learning-thread {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.community-publish-grid {
  grid-template-columns: 140px minmax(0, 1fr);
}

.community-post-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 13px 14px;
}

.plan {
  min-height: 104px;
  padding: 12px;
  text-align: left;
}

.plan strong {
  margin: 8px 0;
  color: var(--accent);
}

.plan.selected {
  background: #f6f4ee;
  color: #050505;
}

.plan.selected strong,
.plan.selected small {
  color: #1d3029;
}

.utility-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 14px;
}

.ghost {
  padding: 10px 12px;
}

.activity {
  display: grid;
  gap: 8px;
}

.activity-item,
.empty {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #0a0a0a;
  padding: 12px 14px;
}

.empty {
  color: var(--muted);
}

:root[data-theme-mode="light"] :is(
  .auth-panel,
  .release-disclosure,
  .agent-metrics div,
  .agent-preset-card,
  .agent-channel,
  .agent-step,
  .agent-lead,
  .agent-history,
  .agent-result-head,
  .result-row,
  .lead-row,
  .draft-item,
  .course-item,
  .lead-stage-card,
  .lead-insight-card,
  .lead-insight-empty,
  .stat-tile,
  .campaign-template-strip button,
  .opportunity-funnel-step,
  .opportunity-action,
  .opportunity-row,
  .sequence-summary article,
  .sequence-row,
  .followup-row,
  .advice-item,
  .operation,
  .plan,
  .order-row,
  .billing-record-row,
  .billing-policy-card,
  .delivery-receipt-card,
  .usage-audit-summary article,
  .usage-pool-grid div,
  .quotation-summary article,
  .quotation-card,
  .quote-line-row,
  .pi-draft,
  .order-summary-strip article,
  .sales-order-row,
  .factory-material,
  .factory-product,
  .production-summary article,
  .production-provider-card,
  .production-check,
  .commercial-launch-score,
  .controlled-pilot-pass,
  .controlled-pilot-hero,
  .controlled-pilot-next,
  .controlled-pilot-boundaries article,
  .commercial-priority-item,
  .windows-focus-panel,
  .windows-focus-card,
  .founder-cooperation-panel,
  .founder-cooperation-card,
  .founder-cooperation-score,
  .founder-cooperation-next,
  .founder-operation-panel,
  .founder-operation-card,
  .founder-operation-current,
  .founder-operation-strip,
  .commercial-stream,
  .commercial-gate-card,
  .commercial-next-panel,
  .commercial-next-action,
  .launch-runbook-score,
  .launch-runbook-step,
  .windows-update-hero,
  .windows-update-check,
  .windows-monitor-hero,
  .windows-monitor-check,
  .release-track,
  .release-gate,
  .artifact-row,
  .delivery-item,
  .delivery-note,
  .platform-phase-card,
  .platform-principles article,
  .platform-criteria-card,
  .platform-check,
  .team-summary-grid div,
  .member-row,
  .learning-metrics div,
  .segmented button,
  .tag-cloud button,
  .learning-thread,
  .community-post-card,
  .ai-command-message,
  .whatsapp-metrics div,
  .whatsapp-readiness,
  .whatsapp-contact-card,
  .whatsapp-preview,
  .whatsapp-log-card,
  .activity-item,
  .empty
) {
  background: rgba(255, 255, 255, .9);
}

:root[data-theme-mode="light"] code {
  background: #ffffff;
  color: var(--accent);
}

:root[data-theme-mode="light"] :is(
  .factory-metrics div,
  .integration-metrics div,
  .release-metrics div,
  .platform-metrics div,
  .quotation-metrics div,
  .order-metrics div,
  .pilot-metrics div,
  .license-metrics div,
  .support-metrics div,
  .operator-metrics div
) {
  background: rgba(255, 255, 255, .9);
  color: var(--ink);
}

:root[data-theme-mode="light"] :is(.segmented button.selected, .tag-cloud button.selected, .plan.selected) {
  background: var(--ink);
  color: var(--paper);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(
    .auth-panel,
    .release-disclosure,
    .agent-metrics div,
    .agent-preset-card,
    .agent-channel,
    .agent-step,
    .agent-lead,
    .agent-history,
    .agent-result-head,
    .result-row,
    .lead-row,
    .draft-item,
    .course-item,
    .lead-stage-card,
    .lead-insight-card,
    .lead-insight-empty,
    .stat-tile,
    .campaign-template-strip button,
    .opportunity-funnel-step,
    .opportunity-action,
    .opportunity-row,
    .sequence-summary article,
    .sequence-row,
    .followup-row,
    .advice-item,
    .operation,
    .plan,
    .order-row,
    .billing-record-row,
    .billing-policy-card,
    .delivery-receipt-card,
    .usage-audit-summary article,
    .usage-pool-grid div,
    .quotation-summary article,
    .quotation-card,
    .quote-line-row,
    .pi-draft,
    .order-summary-strip article,
    .sales-order-row,
    .factory-material,
    .factory-product,
    .production-summary article,
    .production-provider-card,
    .production-check,
    .commercial-launch-score,
    .controlled-pilot-pass,
    .controlled-pilot-hero,
    .controlled-pilot-next,
    .controlled-pilot-boundaries article,
    .commercial-priority-item,
    .windows-focus-panel,
    .windows-focus-card,
    .founder-cooperation-panel,
    .founder-cooperation-card,
    .founder-cooperation-score,
    .founder-cooperation-next,
    .founder-operation-panel,
    .founder-operation-card,
    .founder-operation-current,
    .founder-operation-strip,
    .commercial-stream,
    .commercial-gate-card,
    .commercial-next-panel,
    .commercial-next-action,
    .launch-runbook-score,
    .launch-runbook-step,
    .windows-update-hero,
    .windows-update-check,
    .windows-monitor-hero,
    .windows-monitor-check,
    .release-track,
    .release-gate,
    .artifact-row,
    .delivery-item,
    .delivery-note,
    .platform-phase-card,
    .platform-principles article,
    .platform-criteria-card,
    .platform-check,
    .team-summary-grid div,
    .member-row,
    .learning-metrics div,
    .segmented button,
    .tag-cloud button,
    .learning-thread,
    .community-post-card,
    .ai-command-message,
    .whatsapp-metrics div,
    .whatsapp-readiness,
    .whatsapp-contact-card,
    .whatsapp-preview,
    .whatsapp-log-card,
    .activity-item,
    .empty
  ) {
    background: rgba(255, 255, 255, .9);
  }

  :root[data-theme-mode="system"] code {
    background: #ffffff;
    color: var(--accent);
  }

  :root[data-theme-mode="system"] :is(
    .factory-metrics div,
    .integration-metrics div,
    .release-metrics div,
    .platform-metrics div,
    .quotation-metrics div,
    .order-metrics div,
    .pilot-metrics div,
    .license-metrics div,
    .support-metrics div,
    .operator-metrics div
  ) {
    background: rgba(255, 255, 255, .9);
    color: var(--ink);
  }

  :root[data-theme-mode="system"] :is(.segmented button.selected, .tag-cloud button.selected, .plan.selected) {
    background: var(--ink);
    color: var(--paper);
  }
}

@media (max-width: 1040px) {
  .auth-screen {
    --auth-screen-offset-x: 0;
  }

  .shell {
    display: flex;
    flex-direction: column;
  }

  .workspace {
    order: 1;
  }

  .sidebar {
    order: 2;
  }

  .auth-screen,
  .shell,
  .hero-panel,
  .home-hero,
  .billing-hero,
  .team-hero,
  .factory-hero,
  .integration-hero,
  .release-hero,
  .platform-hero,
  .opportunity-hero,
  .campaign-hero,
  .quotation-hero,
  .order-hero,
  .pilot-hero,
  .license-hero,
  .support-hero,
  .operator-hero,
  .layout-grid,
  .operations,
  .billing-policy-layout,
  .payment-provider-layout,
  .merchant-packet-hero,
  .merchant-provider-strip,
  .merchant-requirement-list,
  .payment-reconciliation-hero,
  .payment-reconciliation-profile,
  .payment-reconciliation-row,
  .provider-setup-head,
  .provider-setup-hero,
  .provider-setup-phase-list,
  .provider-alias-strip,
  .provider-acceptance-hero,
  .provider-acceptance-run-list,
  .provider-first-batch-hero,
  .provider-first-batch-grid,
  .provider-procurement-ledger,
  .code-signing-layout,
  .download-hosting-layout,
  .website-publish-layout,
  .website-publish-handoff-grid,
  .website-publish-command-list,
  .website-architecture-grid,
  .windows-update-layout,
  .windows-monitor-layout,
  .legal-review-layout,
  .dashboard-grid,
  .agent-hero,
  .agent-layout,
  .agent-layout.wide,
  .ai-command-grid,
  .ai-command-capability-strip,
  .whatsapp-hero,
  .whatsapp-business-strip,
  .whatsapp-layout,
  .whatsapp-layout.wide,
  .collector-layout,
  .factory-layout,
  .factory-layout.wide,
  .quotation-layout,
  .pilot-layout,
  .license-layout,
  .license-quickstart-head,
  .license-quickstart-steps,
  .support-layout,
  .customer-help-grid,
  .customer-help-grid.compact,
  .support-sla-layout,
  .operator-layout,
  .integration-layout,
  .integration-layout.wide,
  .windows-launch-wizard-head,
  .windows-launch-wizard-next,
  .windows-launch-wizard-footer,
  .windows-launch-proof-hero,
  .windows-launch-proof-command,
  .windows-launch-proof-grid,
  .windows-launch-proof-footer,
  .commercial-launch-head,
  .controlled-pilot-pass,
  .controlled-pilot-boundaries,
  .commercial-priority-head,
  .commercial-launch-layout,
  .launch-runbook-head,
  .launch-command-strip,
  .launch-runbook-timeline,
  .demo-guide-head,
  .demo-guide-steps,
  .daily-focus-summary,
  .daily-focus-card-grid,
  .first-run-assistant-head,
  .first-run-step-grid,
  .channel-disclosure-summary,
  .demo-package-head,
  .demo-package-hero,
  .demo-package-grid,
  .release-disclosure-summary,
  .release-layout,
  .release-layout.wide,
  .delivery-layout,
  .platform-layout,
  .opportunity-layout,
  .campaign-layout,
  .learning-layout,
  .outreach-priority-band,
  .profile-hero,
  .profile-grid,
  .monitor-rule-grid,
  .pricing-plan-strip,
  .outreach-priority-list {
    grid-template-columns: 1fr;
  }

  .demo-guide-head {
    display: grid;
  }

  .demo-guide-actions {
    justify-content: flex-start;
  }

  .module-grid,
  .module-grid.compact,
  .lead-pipeline-summary,
  .lead-insight-board,
  .pricing-grid,
  .team-summary-grid,
  .agent-metrics,
  .agent-preset-strip,
  .agent-channel-grid,
  .agent-lead-grid,
  .factory-metrics,
  .integration-metrics,
  .release-metrics,
  .platform-metrics,
  .platform-reuse-summary,
  .platform-reuse-profiles,
  .opportunity-metrics,
  .campaign-metrics,
  .quotation-metrics,
  .order-metrics,
  .pilot-metrics,
  .pilot-evidence-sections,
  .pilot-evidence-customer-grid,
  .license-metrics,
  .license-quickstart-steps,
  .support-metrics,
  .operator-metrics,
  .usage-audit-summary,
  .usage-pool-grid,
  .provider-detail,
  .route-grid,
  .production-summary,
  .production-provider-grid,
  .windows-launch-wizard-grid,
  .windows-launch-wizard-milestones,
  .commercial-stream-list,
  .windows-focus-grid,
  .controlled-pilot-boundaries,
  .commercial-gate-grid,
  .platform-criteria-grid,
  .opportunity-funnel,
  .campaign-settings-grid,
  .campaign-template-strip,
  .learning-metrics,
  .whatsapp-metrics,
  .ai-command-shortcuts,
  .ai-command-detail-list,
  .channel-playbook-grid,
  .starter-route-grid,
  .starter-loop-metrics,
  .starter-loop-leads,
  .daily-focus-metrics,
  .first-run-step-grid,
  .mofang-lane-grid,
  .market-grid,
  .plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sidebar {
    position: static;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .sidebar nav {
    overflow: visible;
  }
}

@media (max-width: 720px) {
  .workspace {
    padding: 18px;
  }

  .demo-guide-panel {
    padding: 14px;
  }

  .demo-guide-head,
  .demo-guide-actions {
    align-items: stretch;
  }

  .demo-guide-actions > button {
    width: 100%;
  }

  .auth-screen {
    min-height: 100svh;
    align-content: start;
    gap: 12px;
    padding: 12px 14px;
  }

  .auth-brand {
    --auth-brand-offset-x: -10px;
  }

  .auth-brand img {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .auth-brand > .eyebrow {
    margin-bottom: 4px;
    font-size: 12px;
  }

  h1 {
    font-size: 34px;
  }

  .auth-brand h1 {
    margin-bottom: 6px;
    font-size: 38px;
  }

  .auth-brand p:last-child {
    font-size: 14px;
    line-height: 1.45;
  }

  .auth-panel {
    padding: 14px;
  }

  .auth-panel .panel-heading {
    margin-bottom: 10px;
  }

  .auth-segment {
    margin-bottom: 10px;
  }

  .auth-panel .stack-field {
    gap: 6px;
    margin-top: 10px;
  }

  .auth-panel input {
    padding: 9px 10px;
  }

  .auth-panel .full-button {
    margin-top: 10px;
  }

  .auth-demo-note {
    margin-top: 6px;
    font-size: 12px;
  }

  .auth-note {
    min-height: 18px;
    margin-top: 10px;
  }

  h2 {
    font-size: 30px;
  }

  .topbar,
  .panel-heading.inline,
  .workbench-hero,
  .daily-focus-summary,
  .daily-focus-metrics,
  .daily-focus-card-grid,
  .first-run-assistant-head,
  .first-run-step-grid,
  .channel-disclosure-summary,
  .channel-playbook-head,
  .mofang-blueprint-head,
  .field-row,
  .searchbar,
  .button-grid,
  .billing-policy-layout,
  .payment-provider-layout,
  .code-signing-layout,
  .download-hosting-layout,
  .website-publish-layout,
  .website-publish-handoff-grid,
  .website-publish-command-list,
  .website-architecture-grid,
  .windows-update-layout,
  .windows-monitor-layout,
  .legal-review-layout,
  .billing-form-grid,
  .sequence-summary,
  .plans,
  .pricing-grid,
  .team-summary-grid,
  .factory-metrics,
  .integration-metrics,
  .release-metrics,
  .platform-metrics,
  .opportunity-metrics,
  .campaign-metrics,
  .quotation-metrics,
  .order-metrics,
  .pilot-metrics,
  .pilot-evidence-hero,
  .pilot-evidence-sections,
  .pilot-evidence-customer-grid,
  .license-metrics,
  .support-metrics,
  .operator-metrics,
  .provider-detail,
  .route-grid,
  .production-summary,
  .production-provider-grid,
  .windows-launch-wizard-grid,
  .windows-launch-wizard-milestones,
  .windows-launch-proof-grid,
  .windows-launch-proof-footer,
  .commercial-launch-head,
  .controlled-pilot-pass,
  .controlled-pilot-boundaries,
  .commercial-priority-head,
  .windows-launch-wizard-head,
  .windows-launch-wizard-next,
  .windows-launch-wizard-footer,
  .windows-launch-proof-hero,
  .windows-launch-proof-command,
  .commercial-launch-layout,
  .commercial-stream-list,
  .windows-focus-grid,
  .founder-cooperation-head,
  .founder-cooperation-next,
  .founder-cooperation-grid,
  .founder-operation-head,
  .founder-operation-strip,
  .founder-operation-grid,
  .commercial-gate-grid,
  .launch-runbook-head,
  .launch-command-strip,
  .launch-runbook-timeline,
  .launch-runbook-step,
  .runbook-step-title,
  .demo-guide-head,
  .demo-guide-steps,
  .daily-focus-summary,
  .daily-focus-metrics,
  .daily-focus-card-grid,
  .first-run-assistant-head,
  .first-run-step-grid,
  .channel-disclosure-summary,
  .demo-package-head,
  .demo-package-hero,
  .demo-package-grid,
  .demo-file-grid,
  .release-disclosure-summary,
  .platform-criteria-grid,
  .platform-reuse-summary,
  .platform-reuse-profiles,
  .opportunity-funnel,
  .campaign-settings-grid,
  .campaign-template-strip,
  .learning-metrics,
  .market-grid,
  .quotation-summary,
  .quote-line-grid,
  .pi-field-grid,
  .order-summary-strip,
  .sales-order-row,
  .payment-provider-hero,
  .payment-reconciliation-hero,
  .payment-reconciliation-profile,
  .payment-reconciliation-row,
  .merchant-requirement div,
  .payment-check,
  .code-signing-hero,
  .code-signing-check,
  .download-hosting-hero,
  .download-hosting-check,
  .website-publish-hero,
  .website-publish-check,
  .legal-review-hero,
  .legal-publication-docs,
  .legal-publication-head,
  .legal-review-check,
  .pilot-checkin-hero,
  .pilot-checkin-metrics,
  .pilot-checkin-grid,
  .pilot-feedback-hero,
  .pilot-feedback-metrics,
  .pilot-feedback-review-grid,
  .pilot-recruitment-metrics,
  .pilot-recruitment-body,
  .pilot-offer-meta,
  .pilot-offer-checks,
  .pilot-checklist,
  .pilot-customer-head,
  .pilot-payment-fields,
  .pilot-payment-strip,
  .pilot-acceptance-strip,
  .pilot-feedback-strip,
  .pilot-check,
  .license-quickstart-head,
  .license-quickstart-steps,
  .license-quickstart-actions,
  .license-actions,
  .license-handoff-head,
  .license-handoff-grid,
  .license-device-row,
  .support-ticket-row,
  .support-legal-card,
  .support-sla-hero,
  .support-sla-target-strip,
  .support-sla-template-row,
  .support-sla-check,
  .operator-control-grid,
  .member-row,
  .factory-row,
  .agent-step,
  .operator-account-card,
  .platform-criteria-card,
  .platform-criteria-card > div,
  .platform-check,
  .platform-reuse-board .panel-heading.compact,
  .platform-reuse-profile,
  .opportunity-action,
  .opportunity-row,
  .campaign-settings-grid .wide,
  .operator-user-row,
  .usage-event-row,
  .provider-card,
  .commercial-gate-head,
  .commercial-next-action,
  .commercial-priority-item,
  .demo-route-list article,
  .production-provider-head,
  .production-check,
  .factory-cost,
  .module-grid,
  .module-grid.compact,
  .channel-playbook-grid,
  .channel-playbook-head,
  .starter-route-grid,
  .starter-route-head,
  .starter-loop-head,
  .starter-loop-body,
  .starter-loop-review,
  .starter-loop-metrics,
  .starter-loop-leads,
  .starter-loop-manual-summary,
  .starter-loop-manual-grid,
  .starter-loop-handoff-groups,
  .mofang-metric-strip,
  .mofang-stage-rail,
  .mofang-lane-grid,
  .mofang-lane-foot,
  .agent-preset-strip,
  .lead-pipeline-summary,
  .lead-insight-board,
  .followup-row,
  .sequence-row,
  .lead-row,
  .lead-controls,
  .ai-command-capability-strip,
  .ai-command-detail-list,
  .billing-record-row,
  .billing-policy-card,
  .delivery-receipt-head,
  .course-item,
  .learning-thread,
  .community-post-card,
  .community-publish-grid,
  .whatsapp-contact-card,
  .whatsapp-business-strip,
  .learning-section-head,
  .mini-search {
    grid-template-columns: 1fr;
    display: grid;
  }

  .lead-insight-empty {
    grid-column: auto;
  }

  .score {
    justify-self: start;
  }

  .campaign-settings-grid .wide {
    grid-column: auto;
  }

  .wide-field {
    grid-column: auto;
  }

  .ai-command-actions button {
    flex: 1 1 100%;
  }

  .opportunity-action button {
    grid-column: auto;
    grid-row: auto;
    justify-self: start;
  }

  .topbar,
  .panel-heading.inline {
    align-items: stretch;
  }

  .sales-order-row > *,
  .sales-order-row > :nth-child(5),
  .sales-order-row > :nth-child(6) {
    grid-column: auto;
  }

  .starter-loop-next {
    width: auto;
  }

  .release-disclosure-meta {
    justify-content: space-between;
    text-align: left;
  }
}

:root[data-theme-mode="light"] :is(
  .workbench-hero,
  .agent-hero,
  .hero-panel,
  .hero-status,
  .lead-stage-card.featured,
  .lead-insight-summary,
  .quote-line-grid,
  .pi-field-grid div,
  .course-item.locked,
  .learning-thread.locked,
  .campaign-template-strip button.selected,
  .factory-product.selected,
  .factory-row.selected,
  .provider-card.selected,
  .platform-reuse-summary div,
  .platform-reuse-profile
) {
  background:
    linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 42%),
    var(--panel);
  color: var(--ink);
}

:root[data-theme-mode="light"] :is(.hero-status span, .hero-status small) {
  color: var(--muted);
}

:root[data-theme-mode="light"] :is(.hero-status strong, .hero-panel h2, .workbench-hero h2, .agent-hero h2) {
  color: var(--ink);
}

:root[data-theme-mode="light"] .meter {
  background: #d8d8d0;
}

:root[data-theme-mode="light"] :is(.ghost, .operation, .plan, textarea, input, select) {
  background-color: #ffffff;
  color: var(--ink);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(
    .workbench-hero,
    .agent-hero,
    .hero-panel,
    .hero-status,
    .lead-stage-card.featured,
    .lead-insight-summary,
    .quote-line-grid,
    .pi-field-grid div,
    .course-item.locked,
    .learning-thread.locked,
    .campaign-template-strip button.selected,
    .factory-product.selected,
    .factory-row.selected,
    .provider-card.selected
  ) {
    background:
      linear-gradient(135deg, rgba(19, 120, 95, .08), transparent 42%),
      var(--panel);
    color: var(--ink);
  }

  :root[data-theme-mode="system"] :is(.hero-status span, .hero-status small) {
    color: var(--muted);
  }

  :root[data-theme-mode="system"] :is(.hero-status strong, .hero-panel h2, .workbench-hero h2, .agent-hero h2) {
    color: var(--ink);
  }

  :root[data-theme-mode="system"] .meter {
    background: #d8d8d0;
  }

  :root[data-theme-mode="system"] :is(.ghost, .operation, .plan, textarea, input, select) {
    background-color: #ffffff;
    color: var(--ink);
  }
}

.windows-onboarding-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
  margin-bottom: 22px;
}

.windows-onboarding-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 14px;
}

.windows-onboarding-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.windows-onboarding-hero strong,
.windows-onboarding-hero span,
.windows-onboarding-hero small {
  display: block;
  overflow-wrap: anywhere;
}

.windows-onboarding-hero span,
.windows-onboarding-hero small,
.windows-onboarding-check span,
.windows-onboarding-check small {
  color: var(--muted);
}

.windows-onboarding-hero strong {
  margin: 7px 0;
}

.windows-onboarding-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.onboarding-path-strip {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.onboarding-path-strip span,
.windows-onboarding-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.onboarding-path-strip span {
  min-height: 36px;
  display: grid;
  place-items: center;
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
}

.windows-onboarding-acceptance {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .055), transparent 48%),
    #080808;
  padding: 14px;
}

.windows-onboarding-acceptance.ready {
  border-color: rgba(163, 255, 212, .45);
}

.windows-onboarding-acceptance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.windows-onboarding-acceptance-head h4,
.windows-onboarding-acceptance-head small {
  margin: 0;
}

.windows-onboarding-acceptance-head small,
.windows-onboarding-acceptance-grid span,
.windows-onboarding-acceptance-note small {
  color: var(--muted);
}

.windows-onboarding-acceptance-head strong {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(163, 255, 212, .35);
  border-radius: 50%;
  color: var(--accent-strong);
  font-size: 16px;
  text-align: center;
}

.windows-onboarding-acceptance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.windows-onboarding-acceptance-grid div,
.windows-onboarding-acceptance-note {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .26);
  padding: 10px;
}

.windows-onboarding-acceptance-grid span,
.windows-onboarding-acceptance-grid strong,
.windows-onboarding-acceptance-note small {
  display: block;
  overflow-wrap: anywhere;
}

.windows-onboarding-acceptance-grid strong {
  margin-top: 6px;
  text-align: center;
}

.windows-onboarding-acceptance-note {
  display: grid;
  gap: 6px;
}

.windows-onboarding-check-list {
  display: grid;
  gap: 8px;
}

.windows-onboarding-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 64px auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.windows-onboarding-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.windows-onboarding-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.windows-onboarding-check strong {
  overflow-wrap: anywhere;
}

:root[data-theme-mode="light"] :is(
  .windows-onboarding-hero,
  .windows-onboarding-check,
  .windows-onboarding-acceptance,
  .windows-onboarding-acceptance-grid div,
  .windows-onboarding-acceptance-note,
  .onboarding-path-strip span
) {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(
    .windows-onboarding-hero,
    .windows-onboarding-check,
    .windows-onboarding-acceptance,
    .windows-onboarding-acceptance-grid div,
    .windows-onboarding-acceptance-note,
    .onboarding-path-strip span
  ) {
    background: rgba(255, 255, 255, .9);
  }
}

@media (max-width: 1040px) {
  .tradebox-ai-bar,
  .tradebox-ai-input-row {
    grid-template-columns: 1fr;
  }

  .windows-onboarding-layout {
    grid-template-columns: 1fr;
  }

  .onboarding-path-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .windows-onboarding-acceptance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .windows-onboarding-layout,
  .windows-onboarding-hero,
  .windows-onboarding-check,
  .windows-onboarding-acceptance-head,
  .windows-onboarding-acceptance-grid,
  .onboarding-path-strip {
    grid-template-columns: 1fr;
    display: grid;
  }
}

.windows-health-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
  margin-bottom: 22px;
}

.windows-health-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 14px;
}

.windows-health-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.windows-health-hero strong,
.windows-health-hero span,
.windows-health-hero small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.windows-health-hero span,
.windows-health-hero small,
.windows-health-check span,
.windows-health-check small,
.health-signal-card span {
  color: var(--muted);
}

.windows-health-hero strong {
  margin: 7px 0;
}

.windows-health-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.health-signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.windows-health-handoff-card {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 12px;
}

.windows-health-handoff-card.ready {
  border-color: rgba(163, 255, 212, .36);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .09), transparent 54%),
    #090909;
}

.windows-health-handoff-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.windows-health-handoff-head span,
.windows-health-handoff-head strong,
.windows-health-handoff-head small,
.windows-health-handoff-card p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.windows-health-handoff-head span,
.windows-health-handoff-head small,
.windows-health-handoff-card p,
.windows-health-handoff-checks span {
  color: var(--muted);
}

.windows-health-handoff-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.windows-health-handoff-checks span {
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 12px;
  padding: 7px 9px;
}

.windows-health-handoff-checks span.done {
  border-color: rgba(163, 255, 212, .36);
  color: var(--accent-strong);
}

.health-signal-card,
.windows-health-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.health-signal-card {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
}

.health-signal-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.windows-health-check-list {
  display: grid;
  gap: 8px;
}

.windows-health-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 74px auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.windows-health-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.windows-health-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.windows-health-check strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

:root[data-theme-mode="light"] :is(
  .windows-health-hero,
  .windows-health-check,
  .health-signal-card,
  .windows-health-handoff-card
) {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(
    .windows-health-hero,
    .windows-health-check,
    .health-signal-card,
    .windows-health-handoff-card
  ) {
    background: rgba(255, 255, 255, .9);
  }
}

@media (max-width: 1040px) {
  .windows-health-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .windows-health-layout,
  .windows-health-hero,
  .windows-health-check,
  .windows-health-handoff-head,
  .health-signal-grid {
    grid-template-columns: 1fr;
    display: grid;
  }
}

.deployment-layout {
  display: grid;
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: 22px;
  margin-bottom: 22px;
}

.deployment-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  padding: 14px;
}

.deployment-hero.ready {
  border-color: rgba(163, 255, 212, .45);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .10), transparent 52%),
    #090909;
}

.deployment-hero strong,
.deployment-hero span,
.deployment-hero small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.deployment-hero span,
.deployment-hero small,
.deployment-check span,
.deployment-check small,
.deployment-signal-card span {
  color: var(--muted);
}

.deployment-hero strong {
  margin: 7px 0;
}

.deployment-hero em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.lead-sync-outbox-panel {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
  border: 1px solid rgba(163, 255, 212, .24);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(163, 255, 212, .08), transparent 48%),
    #090909;
  padding: 14px;
}

.lead-sync-outbox-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.lead-sync-outbox-head span,
.lead-sync-outbox-panel small,
.lead-sync-outbox-grid span {
  color: var(--muted);
}

.lead-sync-outbox-head strong,
.lead-sync-outbox-grid strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.lead-sync-outbox-head em {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.lead-sync-outbox-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.lead-sync-outbox-grid article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, .34);
  padding: 10px;
  text-align: center;
}

.lead-sync-flush-plan {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border-top: 1px solid rgba(255, 255, 255, .09);
  padding-top: 12px;
}

.lead-sync-flush-plan span,
.lead-sync-flush-plan small {
  color: var(--muted);
}

.lead-sync-flush-plan strong {
  display: block;
  margin: 3px 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.lead-sync-flush-plan em {
  border: 1px solid rgba(163, 255, 212, .28);
  border-radius: 999px;
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  padding: 8px 10px;
  white-space: nowrap;
}

.deployment-signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.deployment-signal-card,
.deployment-check {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
}

.deployment-signal-card {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
}

.deployment-signal-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.deployment-check-list {
  display: grid;
  gap: 8px;
}

.deployment-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 88px auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
}

.deployment-check.done {
  border-color: rgba(163, 255, 212, .28);
}

.deployment-check span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.deployment-check strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.copy-block {
  margin: 14px 0 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #090909;
  color: var(--muted);
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  max-height: 220px;
  overflow: auto;
  padding: 12px;
  white-space: pre-wrap;
}

:root[data-theme-mode="light"] :is(
  .deployment-hero,
  .deployment-check,
  .deployment-signal-card,
  .lead-sync-outbox-panel,
  .lead-sync-outbox-grid article,
  .lead-sync-flush-plan,
  .copy-block
) {
  background: rgba(255, 255, 255, .9);
}

@media (prefers-color-scheme: light) {
  :root[data-theme-mode="system"] :is(
    .deployment-hero,
    .deployment-check,
    .deployment-signal-card,
    .lead-sync-outbox-panel,
    .lead-sync-outbox-grid article,
    .lead-sync-flush-plan,
    .copy-block
  ) {
    background: rgba(255, 255, 255, .9);
  }
}

@media (max-width: 1040px) {
  .deployment-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .deployment-layout,
  .deployment-hero,
  .deployment-check,
  .lead-sync-outbox-head,
  .lead-sync-outbox-grid,
  .lead-sync-flush-plan,
  .deployment-signal-grid {
    grid-template-columns: 1fr;
    display: grid;
  }
}