/* OriginSpan Control stays an English-only, separate workforce application. */
:root[data-theme='light'] {
  color-scheme: light;
  --canvas: #f4f7fa;
  --canvas-raised: #eef2f6;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-soft: #edf2f6;
  --border: rgba(16, 32, 51, 0.17);
  --border-strong: rgba(16, 32, 51, 0.34);
  --text: #102033;
  --text-secondary: #42566a;
  --text-muted: #506579;
  --teal: #087f6f;
  --teal-strong: #056557;
  --teal-soft: rgba(8, 127, 111, 0.08);
  --blue: #2563a8;
  --orange: #855000;
  --orange-soft: rgba(133, 80, 0, 0.08);
  --red: #b42318;
  --red-soft: rgba(180, 35, 24, 0.08);
  --shadow: 0 14px 40px rgba(16, 32, 51, 0.12);
}
body {
  background: var(--canvas);
}
.sidebar {
  background: var(--surface);
  box-shadow: none;
}
.global-header,
.global-search,
.search-results,
.workforce-popover,
.section-block,
.filter-bar,
.tenant-header-card,
.ai-boundary-card,
.prepaid-rule,
.control-pulse,
.denied-panel,
.error-panel,
.empty-panel,
.metric-card,
.pulse-stats .metric-card {
  background: var(--surface);
}
.global-header {
  backdrop-filter: none;
}
.sidebar-brand {
  min-height: 4.7rem;
}
.sidebar-brand img {
  box-shadow: none;
}
.nav-item {
  border-radius: 0.6rem;
  min-height: 2.85rem;
}
.nav-item-active {
  background: var(--teal-soft);
}
.nav-group-label {
  letter-spacing: 0.08em;
}
.page-main {
  max-width: 104rem;
  margin-inline: auto;
}
.page-heading h1 {
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  letter-spacing: -0.035em;
}
.page-heading p {
  line-height: 1.65;
}
.section-block,
.filter-bar,
.tenant-header-card,
.ai-boundary-card,
.prepaid-rule,
.control-pulse,
.denied-panel,
.error-panel,
.empty-panel {
  border-radius: 0.9rem;
  box-shadow: none;
}
.metric-card {
  border-radius: 0.7rem;
}
.control-pulse::after {
  display: none;
}
.pulse-copy h2 {
  font-size: 1.4rem;
}
.data-table th,
.tenant-tabs {
  background: var(--surface-soft);
}
.control-appearance {
  display: grid;
  gap: 0.5rem;
  padding-block: 0.8rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.control-appearance select {
  min-height: 2.75rem;
  padding: 0.6rem;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--text);
}
.workforce-popover {
  border-radius: 0.8rem;
}
.primary-button,
.secondary-button,
.sign-out-button {
  min-height: 2.75rem;
  border-radius: 0.6rem;
}
:root[data-theme='light'] .primary-button {
  background: var(--teal);
  color: white;
}
:root[data-theme='light'] .workforce-avatar {
  background: var(--teal-soft);
  color: var(--teal-strong);
}
:root[data-theme='light'] .sign-in-screen,
:root[data-theme='light'] .sign-in-panel {
  background: var(--canvas);
}
:root[data-theme='light'] .commercial-comparison-label {
  color: var(--blue);
}
@media (max-width: 720px) {
  .page-main {
    padding: 1.25rem 1rem 2rem;
  }
  .global-header {
    padding-inline: 1rem;
  }
  .environment-banner {
    font-size: 0.6rem;
    letter-spacing: 0.04em;
  }
  .workforce-popover {
    max-width: calc(100vw - 2rem);
  }
}