/* ui473-final-visual-system: one restrained PC command-deck language for both products. */
:root {
  --ui473-bg: #07131b;
  --ui473-bg-deep: #050c12;
  --ui473-surface: #0d1b24;
  --ui473-surface-raised: #112630;
  --ui473-surface-active: #153541;
  --ui473-line: rgba(185, 220, 231, 0.16);
  --ui473-line-strong: rgba(101, 211, 233, 0.58);
  --ui473-text: #f0f7f8;
  --ui473-muted: #9eb3bb;
  --ui473-faint: #728992;
  --ui473-signal: #69d4e9;
  --ui473-signal-deep: #176579;
  --ui473-good: #8bd5ae;
  --ui473-warn: #e5b86e;
  --ui473-danger: #ed9186;
  --ui473-radius: 8px;
  --ui473-gap: 14px;
  --ui473-control-height: 38px;
}

/* The product is a fixed desktop canvas. Narrow windows scroll horizontally rather
   than activating a second visual system. */
html body #portal-root,
html body #root {
  color-scheme: dark !important;
  color: var(--ui473-text) !important;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
}

html body #portal-root main.portal-shell,
html body #root main.geo-admin-shell {
  color: var(--ui473-text) !important;
  background: var(--ui473-bg-deep) !important;
  background-image: linear-gradient(180deg, #0a1922 0, var(--ui473-bg-deep) 42rem) !important;
}

html body #portal-root main.portal-shell *,
html body #root main.geo-admin-shell * {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

/* One stable content lane removes the uneven side margins created by old page rules. */
html body #portal-root main.portal-shell,
html body #root main.geo-admin-shell {
  min-width: 1280px !important;
  width: max(1280px, 100%) !important;
  max-width: none !important;
  overflow-x: clip !important;
}

html body #portal-root main.portal-shell .portal-content-stage,
html body #root main.geo-admin-shell .geo-content {
  min-width: 0 !important;
  width: min(1540px, calc(100% - 40px)) !important;
  max-width: 1540px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html body #portal-root main.portal-shell .portal-content-stage > *,
html body #root main.geo-admin-shell .geo-content > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Surface hierarchy: panels are quiet, raised cards carry the interaction. */
html body #portal-root main.portal-shell :where(
  .panel, .page-control-tower, .flight-cockpit, .client-command-cockpit,
  .mission-control-deck, .customer-self-start-tower, .beginner-guide-panel,
  .first-flight-deck, .launch-setup, .workbench-panel, .dashboard-grid,
  .ai-search-battle-overview, .prompt-flight-deck, .executive-report-cockpit,
  .executive-dashboard, .report-delivery-cockpit, .compliance-sandbox-cockpit,
  .tracking-command, .publisher-command-center, .publisher-account-station,
  .publisher-assets, .publisher-jobs, .account-detail-drawers,
  .task-pool-cockpit, .task-pool-command, .task-pool-tower, .task-pool-lanes
),
html body #root main.geo-admin-shell :where(
  .geo-panel, .geo-panel-table, .geo-dashboard-card, .geo-dashboard-action-card,
  .geo-project-card, .geo-report-card, .geo-card, .geo-list-card,
  .geo-command, .geo-command-stack, .geo-control, .geo-delivery-console,
  .geo-billing-setup, .geo-user-command, .geo-search-hero, .geo-table-card,
  .admin-flight-command, .admin-flight-instrument, .geo-story-card,
  .geo-health-card, .geo-exec-card, .geo-empty, .geo-notice,
  .admin-dashboard-v2, .geo-module-story
) {
  min-width: 0 !important;
  border: 1px solid var(--ui473-line) !important;
  border-radius: var(--ui473-radius) !important;
  background: var(--ui473-surface) !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html body #portal-root main.portal-shell :where(
  .self-start-runway > article, .first-flight-card, .pilot-action-card,
  .mission-action-card, .command-tile, .page-control-stats article,
  .page-control-actions button, .client-core-card-grid > article,
  .client-home-kpis > *, .client-home-next-grid > *, .ai-battle-metrics article,
  .ai-battle-lanes article, .report-cockpit-grid > *, .report-package-card,
  .publisher-command-metrics article, .publisher-platform, .publisher-job,
  .account-focus-deck > button, .account-command > article,
  .task-pool-cards article, .quota-flight-strip > *, .guide-support > *,
  .compliance-mini-stats > *
),
html body #root main.geo-admin-shell :where(
  .geo-kpi, .geo-project-grid > *, .geo-report-grid > *, .geo-action-card,
  .geo-dashboard-action-card, .geo-check, .geo-health-card,
  .geo-task-health-grid > *, .geo-task-job-grid > *, .geo-task-command-metrics > *,
  .geo-stats-command-metrics > *, .geo-user-command-metrics > *,
  .geo-delivery-cards > *, .geo-inline-actions > *, .geo-form-grid > *
) {
  min-width: 0 !important;
  border: 1px solid var(--ui473-line) !important;
  border-radius: 7px !important;
  background: var(--ui473-surface-raised) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Prevent old status/background classes from painting entire cards bright cyan. */
html body #portal-root main.portal-shell :where(
  .self-start-runway > article, .first-flight-card, .pilot-action-card,
  .mission-action-card, .command-tile, .page-control-actions button,
  .client-core-card-grid > article, .task-pool-cards article
),
html body #root main.geo-admin-shell :where(
  .geo-dashboard-action-card, .geo-action-card, .geo-action-card-button,
  .geo-story-card, .geo-story-button, .geo-notice-action
) {
  background: var(--ui473-surface-raised) !important;
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
}

/* Universal control contract. It deliberately excludes the visual card itself. */
html body #portal-root main.portal-shell :where(button, a.btn),
html body #root main.geo-admin-shell :where(
  button, .geo-mini-button, .geo-story-button, .geo-action-card-button,
  .geo-notice-action, a[role="button"]
) {
  min-width: 0 !important;
  min-height: var(--ui473-control-height) !important;
  border: 1px solid var(--ui473-line) !important;
  border-radius: 6px !important;
  background: var(--ui473-surface-raised) !important;
  background-image: none !important;
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

html body #portal-root main.portal-shell :where(button:hover, button:focus-visible, a.btn:hover, a.btn:focus-visible),
html body #root main.geo-admin-shell :where(
  button:hover, button:focus-visible, .geo-mini-button:hover, .geo-mini-button:focus-visible,
  .geo-story-button:hover, .geo-story-button:focus-visible, a[role="button"]:hover,
  a[role="button"]:focus-visible
) {
  border-color: var(--ui473-line-strong) !important;
  background: var(--ui473-surface-active) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px);
}

/* Primary actions use one signal color. White action strips and light pills are gone. */
html body #portal-root main.portal-shell :where(
  .primary, .cockpit-launch-action, .self-start-primary, .client-ignite-button,
  .primary-setup-action, .launch-button, .mission-next-main, .upgrade-form button,
  .publisher-editor-actions .primary
),
html body #root main.geo-admin-shell :where(
  .primary, button.primary, .cockpit-launch-action, .geo-mini-button.accent,
  .geo-story-button.primary, .geo-action-card-button.primary,
  .geo-topbar-actions button:first-child, .geo-toolbar button:first-child
) {
  border-color: var(--ui473-signal) !important;
  background: var(--ui473-signal-deep) !important;
  color: #f2feff !important;
  -webkit-text-fill-color: #f2feff !important;
  box-shadow: 0 8px 18px rgba(23, 101, 121, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.11) !important;
}

html body #portal-root main.portal-shell :where(.primary:hover, .cockpit-launch-action:hover, .self-start-primary:hover, .client-ignite-button:hover),
html body #root main.geo-admin-shell :where(.primary:hover, button.primary:hover, .cockpit-launch-action:hover, .geo-mini-button.accent:hover) {
  border-color: #a0edf5 !important;
  background: #21859a !important;
}

html body #portal-root main.portal-shell :where(.danger, .is-danger, .warning, .warn),
html body #root main.geo-admin-shell :where(.danger, .is-danger, .warning, .warn) {
  border-color: color-mix(in srgb, var(--ui473-warn) 54%, transparent) !important;
  background: color-mix(in srgb, var(--ui473-warn) 10%, var(--ui473-surface-raised)) !important;
  color: var(--ui473-warn) !important;
  -webkit-text-fill-color: var(--ui473-warn) !important;
}

html body #portal-root main.portal-shell :where(button:disabled, .disabled),
html body #root main.geo-admin-shell :where(button:disabled, .disabled) {
  opacity: 0.46 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Fixed typography hierarchy: no oversized labels beside tiny body copy. */
html body #portal-root main.portal-shell :where(h1, h2, h3, strong, b),
html body #root main.geo-admin-shell :where(h1, h2, h3, strong, b) {
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
}

html body #portal-root main.portal-shell :where(p, label, input, select, textarea, button, a),
html body #root main.geo-admin-shell :where(p, label, input, select, textarea, button, a) {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

html body #portal-root main.portal-shell :where(small, .muted, .faint, .panel-head small, .publisher-section-head small),
html body #root main.geo-admin-shell :where(small, .geo-copy, .geo-muted, .geo-panel-head small) {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--ui473-muted) !important;
}

html body #portal-root main.portal-shell :where(.eyebrow, .panel-head > span, .publisher-section-head > span, .task-pool-card-title),
html body #root main.geo-admin-shell :where(.section-label, .geo-panel-head > span, .geo-section-label) {
  color: var(--ui473-signal) !important;
  -webkit-text-fill-color: var(--ui473-signal) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Form and table surfaces use the same density and contrast as cards. */
html body #portal-root main.portal-shell :where(input, select, textarea),
html body #root main.geo-admin-shell :where(input, select, textarea) {
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid var(--ui473-line) !important;
  border-radius: 6px !important;
  background: #08151d !important;
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html body #portal-root main.portal-shell :where(input:focus, select:focus, textarea:focus),
html body #root main.geo-admin-shell :where(input:focus, select:focus, textarea:focus) {
  outline: none !important;
  border-color: var(--ui473-signal) !important;
  box-shadow: 0 0 0 3px rgba(105, 212, 233, 0.14) !important;
}

html body #portal-root main.portal-shell :where(.table-wrap, .table-scroll, .geo-table-scroll),
html body #root main.geo-admin-shell :where(.geo-table-scroll, .geo-overview-scroll) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid var(--ui473-line) !important;
  border-radius: 7px !important;
  background: #0a161e !important;
}

/* Repeated cards align to the same visual rhythm without forcing text to overlap. */
html body #portal-root main.portal-shell :where(
  .client-home-kpis, .client-home-next-grid, .client-core-card-grid,
  .page-control-stats, .page-control-actions, .account-focus-deck,
  .task-pool-cards, .ai-battle-metrics, .publisher-command-metrics,
  .report-cockpit-grid, .compliance-mini-stats
),
html body #root main.geo-admin-shell :where(
  .geo-kpi-grid, .geo-main-grid, .geo-project-grid, .geo-report-grid,
  .geo-health-metrics, .geo-exec-grid, .geo-task-health-grid,
  .geo-task-job-grid, .geo-delivery-cards, .geo-user-policy-grid,
  .geo-permission-grid
) {
  min-width: 0 !important;
  align-items: stretch !important;
  gap: var(--ui473-gap) !important;
}

html body #portal-root main.portal-shell :where(
  .client-home-kpis > *, .client-home-next-grid > *, .client-core-card-grid > article,
  .page-control-stats > *, .page-control-actions > *, .task-pool-cards > article
),
html body #root main.geo-admin-shell :where(
  .geo-kpi-grid > *, .geo-main-grid > *, .geo-project-grid > *, .geo-report-grid > *,
  .geo-health-metrics > *, .geo-exec-grid > *, .geo-task-health-grid > *,
  .geo-task-job-grid > *, .geo-delivery-cards > *
) {
  min-width: 0 !important;
  min-height: 112px !important;
  overflow: hidden !important;
}

/* SVG signal language: cyan is structure, green is confirmed data, amber is warning. */
html body #portal-root main.portal-shell :where(svg, .cockpit-vector-icon),
html body #root main.geo-admin-shell :where(svg, .cockpit-vector-icon) {
  overflow: visible;
}

html body #portal-root main.portal-shell :where(
  .cockpit-vector-icon, .vector-terminal, .vector-terminal-ring,
  .vector-grid, .vector-grid-major, .vector-axis, .vector-line,
  .vector-reference, .vector-sweep, .vector-ticks
),
html body #root main.geo-admin-shell :where(
  .cockpit-vector-icon, .vector-terminal, .vector-grid, .vector-line,
  .vector-reference, .vector-sweep
) {
  color: var(--ui473-signal) !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

html body #portal-root main.portal-shell :where(.glyph-plate, .vector-frame, .vector-corners, .vector-area),
html body #root main.geo-admin-shell :where(.glyph-plate, .vector-frame, .vector-corners, .vector-area) {
  fill: rgba(105, 212, 233, 0.08) !important;
  stroke: rgba(105, 212, 233, 0.46) !important;
}

html body #portal-root main.portal-shell :where(.glyph-main, .vector-node, .vector-lock, .vector-axis),
html body #root main.geo-admin-shell :where(.glyph-main, .vector-node, .vector-lock, .vector-axis) {
  stroke: #d9faff !important;
}

html body #portal-root main.portal-shell :where(.glyph-signal, .vector-signal, .vector-reference),
html body #root main.geo-admin-shell :where(.glyph-signal, .vector-signal, .vector-reference) {
  stroke: var(--ui473-good) !important;
}

html body #portal-root main.portal-shell :where(.glyph-node, .vector-node),
html body #root main.geo-admin-shell :where(.glyph-node, .vector-node) {
  fill: var(--ui473-signal) !important;
  stroke: var(--ui473-signal) !important;
}

/* Keep state feedback meaningful: idle surfaces do not shimmer or pulse. */
html body #portal-root main.portal-shell :where(.is-launching, [aria-busy="true"]) .vector-sweep,
html body #root main.geo-admin-shell :where([data-cockpit-busy="true"], [aria-busy="true"]) .vector-sweep {
  transform-origin: center;
  animation: ui473-signal-sweep 900ms cubic-bezier(0.22, 0.8, 0.25, 1) both;
}

html body #portal-root main.portal-shell :where(.data-fresh, [data-state="fresh"]) .vector-line,
html body #root main.geo-admin-shell :where([data-data-ready="true"]) .vector-line {
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
  animation: ui473-vector-arrival 620ms cubic-bezier(0.22, 0.8, 0.25, 1) both;
}

@keyframes ui473-signal-sweep {
  0% { opacity: 0.35; transform: rotate(-18deg) scale(0.94); }
  55% { opacity: 1; transform: rotate(8deg) scale(1); }
  100% { opacity: 0.72; transform: rotate(0) scale(1); }
}

@keyframes ui473-vector-arrival {
  to { stroke-dashoffset: 0; }
}

/* ui473-authority-seal: the codebase contains older repeated-ID desktop passes.
   Keep this final visual contract stronger than those historical rules. */
html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(button, a.btn),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(button, .geo-mini-button, .geo-story-button, .geo-action-card-button, .geo-notice-action, a[role="button"]) {
  min-height: var(--ui473-control-height) !important;
  border: 1px solid var(--ui473-line) !important;
  border-radius: 6px !important;
  background: var(--ui473-surface-raised) !important;
  background-image: none !important;
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(.primary, .cockpit-launch-action, .self-start-primary, .client-ignite-button, .primary-setup-action, .launch-button, .mission-next-main, .publisher-editor-actions .primary),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(.primary, button.primary, .cockpit-launch-action, .geo-mini-button.accent, .geo-story-button.primary, .geo-action-card-button.primary, .geo-topbar-actions button:first-child, .geo-toolbar button:first-child) {
  border-color: var(--ui473-signal) !important;
  background: var(--ui473-signal-deep) !important;
  color: #f2feff !important;
  -webkit-text-fill-color: #f2feff !important;
  box-shadow: 0 8px 18px rgba(23, 101, 121, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.11) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(.self-start-runway > article, .first-flight-card, .pilot-action-card, .mission-action-card, .command-tile, .page-control-actions button, .client-core-card-grid > article, .task-pool-cards article, .geo-dashboard-action-card, .geo-action-card, .geo-story-card, .geo-story-button, .geo-notice-action),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(.geo-dashboard-action-card, .geo-action-card, .geo-story-card, .geo-action-card-button, .geo-story-button, .geo-notice-action) {
  border-color: var(--ui473-line) !important;
  border-radius: 7px !important;
  background: var(--ui473-surface-raised) !important;
  background-image: none !important;
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(.self-start-runway > article.is-active, .first-flight-card.hot, .pilot-action-card.active, .mission-action-card.ignition, .page-control-actions button:first-child),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(.geo-dashboard-action-card.auto-mode, .geo-action-card-button.primary, .geo-story-button.primary) {
  border-color: var(--ui473-line-strong) !important;
  background: rgba(105, 212, 233, 0.1) !important;
  box-shadow: inset 3px 0 0 var(--ui473-signal), 0 0 22px rgba(105, 212, 233, 0.08) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(.panel, .page-control-tower, .flight-cockpit, .client-command-cockpit, .mission-control-deck, .customer-self-start-tower, .beginner-guide-panel, .first-flight-deck, .launch-setup, .workbench-panel, .dashboard-grid, .ai-search-battle-overview, .prompt-flight-deck, .executive-report-cockpit, .executive-dashboard, .report-delivery-cockpit, .compliance-sandbox-cockpit, .tracking-command, .publisher-command-center, .publisher-account-station, .publisher-assets, .publisher-jobs, .task-pool-cockpit, .task-pool-command, .task-pool-tower, .task-pool-lanes),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(.geo-panel, .geo-panel-table, .geo-dashboard-card, .geo-project-card, .geo-report-card, .geo-card, .geo-list-card, .geo-command, .geo-command-stack, .geo-control, .geo-delivery-console, .geo-billing-setup, .geo-user-command, .geo-search-hero, .geo-table-card, .admin-flight-command, .admin-flight-instrument, .geo-story-card, .geo-health-card, .geo-exec-card, .geo-empty, .geo-notice, .admin-dashboard-v2, .geo-module-story, .geo-kpi)) {
  border-color: var(--ui473-line) !important;
  background: var(--ui473-surface) !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(.self-start-runway > article, .first-flight-card, .pilot-action-card, .mission-action-card, .command-tile, .page-control-stats article, .page-control-actions button, .client-core-card-grid > article, .client-home-kpis > *, .client-home-next-grid > *, .ai-battle-metrics article, .ai-battle-lanes article, .report-cockpit-grid > *, .report-package-card, .publisher-command-metrics article, .publisher-platform, .publisher-job, .account-focus-deck > button, .account-command > article, .task-pool-cards article),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(.geo-project-grid > *, .geo-report-grid > *, .geo-action-card, .geo-dashboard-action-card, .geo-check, .geo-task-health-grid > *, .geo-task-job-grid > *, .geo-task-command-metrics > *, .geo-stats-command-metrics > *, .geo-user-command-metrics > *, .geo-delivery-cards > *, .geo-inline-actions > *, .geo-form-grid > *) {
  border-color: var(--ui473-line) !important;
  background: var(--ui473-surface-raised) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(h1, h2, h3, strong, b, p, label, input, select, textarea, button, a),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(h1, h2, h3, strong, b, p, label, input, select, textarea, button, a) {
  letter-spacing: 0 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell :where(svg path, svg polyline, svg line, svg circle, svg rect),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell :where(svg path, svg polyline, svg line, svg circle, svg rect) {
  vector-effect: non-scaling-stroke !important;
}

@media (prefers-reduced-motion: reduce) {
  html body #portal-root *,
  html body #portal-root *::before,
  html body #portal-root *::after,
  html body #root *,
  html body #root *::before,
  html body #root *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* ui474-desktop-authority: keep the final PC surface above legacy admin theme
   passes. Explicit selectors are intentional because older layers use stronger
   selectors and otherwise repaint these cards with the retired palette. */
html body #root main.geo-admin-shell .geo-kpi,
html body #root main.geo-admin-shell .geo-panel,
html body #root main.geo-admin-shell .geo-panel-table,
html body #root main.geo-admin-shell .geo-dashboard-action-card,
html body #root main.geo-admin-shell .admin-dashboard-v2 article,
html body #root main.geo-admin-shell .admin-command-layout article,
html body #root main.geo-admin-shell .geo-project-card,
html body #root main.geo-admin-shell .geo-report-card {
  border-color: var(--ui473-line) !important;
  border-radius: var(--ui473-radius) !important;
  background: var(--ui473-surface) !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html body #root main.geo-admin-shell .geo-kpi,
html body #root main.geo-admin-shell .geo-dashboard-action-card,
html body #root main.geo-admin-shell .admin-dashboard-v2 article,
html body #root main.geo-admin-shell .admin-command-layout article {
  background: var(--ui473-surface-raised) !important;
  box-shadow: none !important;
}

html body #root main.geo-admin-shell .geo-kpi :is(span, em, p),
html body #root main.geo-admin-shell .geo-panel :is(small, .geo-copy, .geo-muted),
html body #root main.geo-admin-shell .admin-dashboard-v2 article :is(small, p) {
  color: var(--ui473-muted) !important;
  -webkit-text-fill-color: var(--ui473-muted) !important;
}

html body #root main.geo-admin-shell .geo-kpi strong,
html body #root main.geo-admin-shell .admin-dashboard-v2 article strong {
  color: var(--ui473-text) !important;
  -webkit-text-fill-color: var(--ui473-text) !important;
}

/* Match the specificity of the historical repeated-ID rules. */
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-kpi,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-panel,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-panel-table,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-dashboard-action-card,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .admin-dashboard-v2 article,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .admin-command-layout article,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-project-card,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-report-card {
  border-color: var(--ui473-line) !important;
  border-radius: var(--ui473-radius) !important;
  background: var(--ui473-surface) !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-kpi,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .geo-dashboard-action-card,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .admin-dashboard-v2 article,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.geo-admin-shell .admin-command-layout article {
  background: var(--ui473-surface-raised) !important;
  box-shadow: none !important;
}