/* ui384-hierarchy-system
   One final, readable cockpit hierarchy shared by the management and customer
   workspaces. This file intentionally loads after the historical page styles. */

:root {
  --lx-bg-0: #020704;
  --lx-bg-1: #050d08;
  --lx-bg-2: #08130d;
  --lx-bg-3: #0c1911;
  --lx-bg-4: #112118;
  --lx-text-1: #f1f6f1;
  --lx-text-2: #c5d2c7;
  --lx-text-3: #8fa294;
  --lx-accent: #a7e5ae;
  --lx-accent-strong: #c4f4c8;
  --lx-accent-ink: #061108;
  --lx-line: rgba(167, 229, 174, 0.12);
  --lx-line-strong: rgba(167, 229, 174, 0.24);
  --lx-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  --lx-shadow-soft: 0 12px 34px rgba(0, 0, 0, 0.22);
}

body:has(.geo-admin-shell),
body:has(.portal-shell) {
  background:
    radial-gradient(circle at 10% -8%, rgba(120, 190, 132, 0.1), transparent 30rem),
    linear-gradient(180deg, #020704 0%, #010503 100%) !important;
  color: var(--lx-text-1) !important;
}

#root .geo-admin-shell,
#portal-root .portal-shell {
  color-scheme: dark !important;
  color: var(--lx-text-1) !important;
  background:
    linear-gradient(rgba(167, 229, 174, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167, 229, 174, 0.018) 1px, transparent 1px),
    radial-gradient(circle at 82% 4%, rgba(112, 178, 124, 0.045), transparent 30rem),
    var(--lx-bg-0) !important;
  background-size: 44px 44px, 44px 44px, auto, auto !important;
}

#root .geo-admin-shell :is(p, small, td, dd),
#portal-root .portal-shell :is(p, small, td, dd) {
  color: var(--lx-text-3) !important;
}

#root .geo-admin-shell :is(h1, h2, h3, h4, strong, th),
#portal-root .portal-shell :is(h1, h2, h3, h4, strong, th) {
  color: var(--lx-text-1) !important;
  text-shadow: none !important;
  text-wrap: balance;
}

#root .geo-admin-shell :is(.muted, .geo-muted, .geo-panel-copy),
#portal-root .portal-shell :is(.muted, .portal-muted, .panel-copy) {
  color: var(--lx-text-3) !important;
}

/* Management workspace */
@media (min-width: 1040px) {
  #root .geo-admin-shell {
    width: min(1760px, calc(100vw - 24px)) !important;
    gap: 14px !important;
    padding: 12px !important;
  }

  #root .geo-admin-shell .geo-sidebar {
    width: 238px !important;
    padding: 14px !important;
    border: 1px solid var(--lx-line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 9rem),
      rgba(4, 12, 7, 0.96) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #root .geo-admin-shell .geo-brand,
  #root .geo-admin-shell .geo-sidebar-story,
  #root .geo-admin-shell .geo-sidebar-card {
    border-color: var(--lx-line) !important;
    background: var(--lx-bg-1) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell .geo-brand > span {
    background: var(--lx-accent) !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 0 24px rgba(167, 229, 174, 0.16) !important;
  }

  #root .geo-admin-shell .geo-nav-group {
    margin: 0 0 8px !important;
    border: 1px solid rgba(167, 229, 174, 0.08) !important;
    border-radius: 7px !important;
    background: rgba(5, 13, 8, 0.74) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell .geo-nav-group > summary {
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--lx-text-2) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell .geo-nav-group > summary small,
  #root .geo-admin-shell .geo-nav-group > summary em {
    color: var(--lx-text-3) !important;
  }

  #root .geo-admin-shell .geo-nav-children {
    padding: 0 7px 8px !important;
    gap: 5px !important;
  }

  #root .geo-admin-shell .geo-nav-children button {
    position: relative !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #root .geo-admin-shell .geo-nav-children button:hover {
    border-color: rgba(167, 229, 174, 0.1) !important;
    background: rgba(167, 229, 174, 0.045) !important;
  }

  #root .geo-admin-shell .geo-nav-children button.active {
    border-color: rgba(167, 229, 174, 0.16) !important;
    background: linear-gradient(90deg, rgba(167, 229, 174, 0.12), rgba(167, 229, 174, 0.025)) !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    box-shadow: inset 3px 0 0 var(--lx-accent) !important;
  }

  #root .geo-admin-shell .geo-nav-children button svg {
    color: var(--lx-accent) !important;
  }

  #root .geo-admin-shell .geo-workspace {
    min-width: 0 !important;
    gap: 14px !important;
  }

  #root .geo-admin-shell .geo-topbar {
    min-height: 116px !important;
    padding: 18px 20px !important;
    border: 1px solid var(--lx-line) !important;
    border-radius: 8px !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(167, 229, 174, 0.055), transparent 18rem),
      var(--lx-bg-1) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #root .geo-admin-shell .geo-topbar h1 {
    font-size: clamp(30px, 2.35vw, 46px) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
  }

  #root .geo-admin-shell .geo-topbar p,
  #root .geo-admin-shell .geo-topbar p span {
    color: var(--lx-text-3) !important;
  }

  #root .geo-admin-shell .geo-topbar-actions > :is(label, div, a) {
    border-color: var(--lx-line) !important;
    background: rgba(8, 19, 13, 0.82) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell .geo-content {
    gap: 16px !important;
  }

  #root .geo-admin-shell :is(
    .geo-command,
    .geo-module-story,
    .geo-panel,
    .geo-dashboard-band,
    .geo-dashboard-data,
    .admin-dashboard-v2,
    .admin-mission-deck
  ) {
    border: 1px solid var(--lx-line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 8rem),
      var(--lx-bg-1) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #root .geo-admin-shell :is(
    .geo-kpi,
    .geo-project-card,
    .geo-report-card,
    .geo-dashboard-action-card,
    .geo-command-step,
    .geo-story-step,
    .geo-panel article,
    .geo-card-metrics > *,
    .admin-flight-instrument
  ) {
    border-color: rgba(167, 229, 174, 0.075) !important;
    border-radius: 6px !important;
    background: var(--lx-bg-2) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell :is(.geo-panel-head, .geo-table-toolbar, .geo-filter-row) {
    border-color: rgba(167, 229, 174, 0.08) !important;
    background: rgba(8, 19, 13, 0.74) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell :is(table, thead, tbody, tr, th, td) {
    border-color: rgba(167, 229, 174, 0.07) !important;
  }

  #root .geo-admin-shell thead,
  #root .geo-admin-shell th {
    background: var(--lx-bg-3) !important;
  }

  #root .geo-admin-shell tbody tr:hover td {
    background: rgba(167, 229, 174, 0.035) !important;
  }

  #root .geo-admin-shell :is(input, select, textarea) {
    border-color: rgba(167, 229, 174, 0.14) !important;
    background: #030b06 !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
  }

  #root .geo-admin-shell :is(button, .geo-mini-button, .geo-logout-button, a.button) {
    border-color: rgba(167, 229, 174, 0.15) !important;
    background: var(--lx-bg-2) !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell :is(button, .geo-mini-button, a.button):hover {
    border-color: var(--lx-line-strong) !important;
    background: var(--lx-bg-3) !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    transform: translateY(-1px) !important;
  }

  #root .geo-admin-shell :is(
    button.primary,
    .geo-mini-button.accent,
    .geo-primary-action,
    [data-open-project-modal],
    [data-action="run-now"],
    [data-action="start-ai-search"]
  ) {
    border-color: var(--lx-accent) !important;
    background: var(--lx-accent) !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 12px 30px rgba(90, 150, 101, 0.14) !important;
  }
}

/* Customer workspace */
@media (min-width: 1040px) {
  #portal-root .portal-shell {
    width: min(1760px, calc(100vw - 24px)) !important;
    grid-template-columns: 238px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 12px !important;
  }

  #portal-root .portal-shell .portal-header {
    width: 238px !important;
    padding: 14px !important;
    border: 1px solid var(--lx-line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 9rem),
      rgba(4, 12, 7, 0.96) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #portal-root .portal-shell .portal-header .brand,
  #portal-root .portal-shell .portal-header .project-picker {
    border-color: var(--lx-line) !important;
    background: var(--lx-bg-1) !important;
    box-shadow: none !important;
  }

  #portal-root .portal-shell .portal-header .brand > span {
    background: var(--lx-accent) !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 0 24px rgba(167, 229, 174, 0.16) !important;
  }

  #portal-root .portal-shell .client-nav-group {
    margin: 0 0 8px !important;
    padding: 7px !important;
    border: 1px solid rgba(167, 229, 174, 0.08) !important;
    border-radius: 7px !important;
    background: rgba(5, 13, 8, 0.74) !important;
    box-shadow: none !important;
  }

  #portal-root .portal-shell .client-nav-group > span {
    padding: 4px 4px 8px !important;
    color: var(--lx-text-3) !important;
  }

  #portal-root .portal-shell .top-nav.sidebar-tree button {
    min-height: 48px !important;
    padding: 8px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #portal-root .portal-shell .top-nav.sidebar-tree button:hover {
    border-color: rgba(167, 229, 174, 0.1) !important;
    background: rgba(167, 229, 174, 0.045) !important;
  }

  #portal-root .portal-shell .top-nav.sidebar-tree button.active {
    border-color: rgba(167, 229, 174, 0.16) !important;
    background: linear-gradient(90deg, rgba(167, 229, 174, 0.12), rgba(167, 229, 174, 0.025)) !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    box-shadow: inset 3px 0 0 var(--lx-accent) !important;
  }

  #portal-root .portal-shell .portal-status-strip {
    padding: 16px !important;
    border: 1px solid var(--lx-line) !important;
    border-radius: 8px !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(167, 229, 174, 0.055), transparent 18rem),
      var(--lx-bg-1) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #portal-root .portal-shell.no-project .portal-status-strip {
    row-gap: 12px !important;
  }

  #portal-root .portal-shell :is(.status-project, .status-dials article) {
    border-color: rgba(167, 229, 174, 0.08) !important;
    border-radius: 6px !important;
    background: var(--lx-bg-2) !important;
    box-shadow: none !important;
  }

  #portal-root .portal-shell .portal-content-stage {
    gap: 16px !important;
    padding: 18px !important;
    border-radius: 8px !important;
    background: rgba(3, 10, 6, 0.88) !important;
  }

  #portal-root .portal-shell :is(
    .client-command-console,
    .client-command-hero,
    .client-home-command-deck,
    .client-home-hero,
    .mission-control-deck,
    .tracking-control-tower,
    .account-command,
    .account-focus-deck,
    .report-pack-launcher,
    .delivery-readiness-panel,
    .self-service-launchpad,
    .portal-panel,
    .portal-card,
    .section-pilot-banner
  ) {
    border: 1px solid var(--lx-line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 8rem),
      var(--lx-bg-1) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #portal-root .portal-shell :is(
    .client-flight-route article,
    .client-command-route article,
    .client-home-next-grid article,
    .client-home-kpis button,
    .mission-action-card,
    .account-command article,
    .account-focus-deck button,
    .account-detail-drawers details,
    .no-project-compact-status,
    .self-start-runway article
  ) {
    border-color: rgba(167, 229, 174, 0.075) !important;
    border-radius: 6px !important;
    background: var(--lx-bg-2) !important;
    box-shadow: none !important;
  }

  #portal-root .portal-shell :is(input, select, textarea) {
    border-color: rgba(167, 229, 174, 0.14) !important;
    background: #030b06 !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
  }

  #portal-root .portal-shell :is(button, .portal-logout-button, a.button) {
    border-color: rgba(167, 229, 174, 0.15) !important;
    background: var(--lx-bg-2) !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
  }

  #portal-root .portal-shell :is(button, a.button):hover {
    border-color: var(--lx-line-strong) !important;
    background: var(--lx-bg-3) !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    transform: translateY(-1px) !important;
  }

  #portal-root .portal-shell :is(
    button.primary,
    .primary-setup-action,
    [data-open-project-modal],
    [data-portal-action="run"],
    .client-ignite-button,
    .client-home-ignite,
    .self-start-primary
  ) {
    border-color: var(--lx-accent) !important;
    background: var(--lx-accent) !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 12px 30px rgba(90, 150, 101, 0.14) !important;
  }

  #portal-root .portal-shell :is(
    .primary-setup-action,
    [data-open-project-modal],
    [data-portal-action="run"],
    .client-ignite-button,
    .client-home-ignite,
    .self-start-primary
  ) :is(b, strong, small, span) {
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
  }
}

/* Shared mobile finish: preserve the compact rails and improve readability. */
@media (max-width: 1039px) {
  #root .geo-admin-shell,
  #portal-root .portal-shell {
    --accent: var(--lx-accent) !important;
    --cockpit-accent: var(--lx-accent) !important;
    background: var(--lx-bg-0) !important;
  }

  #root .geo-admin-shell :is(.geo-sidebar, .geo-topbar, .geo-panel, .geo-command, .geo-module-story),
  #portal-root .portal-shell :is(.portal-header, .portal-status-strip, .portal-content-stage, .portal-panel, .client-command-console) {
    border-color: var(--lx-line) !important;
    background: var(--lx-bg-1) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell :is(h1, h2),
  #portal-root .portal-shell :is(h1, h2) {
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere;
  }

  #root .geo-admin-shell :is(button, a, input, select, textarea),
  #portal-root .portal-shell :is(button, a, input, select, textarea) {
    min-height: 44px;
  }

  #root .geo-admin-shell :is(
    .geo-version-pill,
    .geo-sidebar-story,
    .geo-sidebar-card,
    .geo-nav-group,
    .geo-nav-group > summary,
    .geo-topbar-actions > *,
    .geo-kpi,
    .geo-dashboard-action-card,
    .geo-command-step,
    .geo-story-step
  ),
  #portal-root .portal-shell :is(
    .brand,
    .client-nav-group,
    .project-picker,
    .status-project,
    .status-dials article,
    .client-flight-route article,
    .client-command-route article,
    .client-home-next-grid article,
    .mission-action-card,
    .account-command article,
    .account-focus-deck button
  ) {
    border-color: rgba(167, 229, 174, 0.1) !important;
    background: var(--lx-bg-2) !important;
    background-image: none !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell :is(
    button,
    .geo-mini-button,
    .geo-logout-button,
    .geo-nav-children button
  ),
  #portal-root .portal-shell :is(
    button,
    .portal-logout-button,
    .top-nav.sidebar-tree button,
    .status-actions button,
    .portal-secondary-actions button
  ) {
    border-color: rgba(167, 229, 174, 0.14) !important;
    background: var(--lx-bg-2) !important;
    background-image: none !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  #root .geo-admin-shell :is(.geo-nav-children button.active, .geo-nav button.active),
  #portal-root .portal-shell .top-nav.sidebar-tree button.active {
    border-color: rgba(167, 229, 174, 0.22) !important;
    background: linear-gradient(90deg, rgba(167, 229, 174, 0.13), rgba(167, 229, 174, 0.035)) !important;
    color: var(--lx-text-1) !important;
    -webkit-text-fill-color: var(--lx-text-1) !important;
    box-shadow: inset 3px 0 0 var(--lx-accent) !important;
  }

  #root .geo-admin-shell :is(
    button.primary,
    .geo-mini-button.accent,
    .geo-primary-action,
    [data-open-project-modal]
  ),
  #portal-root .portal-shell :is(
    button.primary,
    .primary-setup-action,
    [data-open-project-modal],
    [data-portal-action="run"],
    .client-ignite-button,
    .client-home-ignite,
    .self-start-primary
  ) {
    border-color: var(--lx-accent) !important;
    background: var(--lx-accent) !important;
    background-image: none !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 10px 26px rgba(90, 150, 101, 0.12) !important;
  }

  #portal-root .portal-shell :is(
    .primary-setup-action,
    [data-open-project-modal],
    [data-portal-action="run"],
    .client-ignite-button,
    .client-home-ignite,
    .self-start-primary
  ) :is(b, strong, small, span) {
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
  }

  #root .geo-admin-shell :is(.geo-brand > span, .geo-version-pill > span),
  #portal-root .portal-shell .brand > span {
    background: var(--lx-accent) !important;
    background-image: none !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
  }

  #portal-root .portal-shell.no-project :is(
    .client-command-hero,
    .client-command-console,
    .no-project-compact-status,
    .status-project
  ) {
    background:
      radial-gradient(circle at 90% 100%, rgba(167, 229, 174, 0.055), transparent 13rem),
      var(--lx-bg-1) !important;
  }

  html body #portal-root main.portal-shell :is(
    .portal-logout-button,
    .client-ghost-button,
    .client-quick-dock button,
    .account-focus-deck button,
    .account-detail-drawers summary button,
    .portal-secondary-actions button
  ) {
    border-color: rgba(167, 229, 174, 0.16) !important;
    background: var(--lx-bg-2) !important;
    background-image: none !important;
    color: var(--lx-text-2) !important;
    -webkit-text-fill-color: var(--lx-text-2) !important;
    box-shadow: none !important;
  }

  html body #portal-root main.portal-shell :is(
    .primary-setup-action,
    button.client-ignite-button,
    button.client-home-ignite,
    button.self-start-primary,
    button[data-open-project-modal],
    button[data-portal-action="run"]
  ) {
    border-color: var(--lx-accent) !important;
    background: var(--lx-accent) !important;
    background-image: none !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 10px 26px rgba(90, 150, 101, 0.12) !important;
  }

  html body #portal-root main.portal-shell :is(
    .primary-setup-action,
    button.client-ignite-button,
    button.client-home-ignite,
    button.self-start-primary,
    button[data-open-project-modal],
    button[data-portal-action="run"]
  ) :is(b, strong, small, span) {
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    text-shadow: none !important;
  }

  html body #portal-root main.portal-shell :is(
    .account-command,
    .account-command article,
    .account-focus-deck,
    .account-focus-deck button,
    .account-detail-drawers details
  ) {
    border-color: rgba(167, 229, 174, 0.12) !important;
    background: var(--lx-bg-1) !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body #portal-root#portal-root main.portal-shell.portal-shell.no-project button.client-ignite-button.client-ignite-button[data-open-project-modal] {
    border-color: var(--lx-accent) !important;
    background-color: var(--lx-accent) !important;
    background-image: none !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
    box-shadow: 0 10px 26px rgba(90, 150, 101, 0.12) !important;
  }

  html body #portal-root#portal-root main.portal-shell.portal-shell.no-project button.client-ignite-button.client-ignite-button[data-open-project-modal] > :is(b, small, span, strong) {
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
  }

  html body #portal-root main.portal-shell.section-account :is(
    .page-control-tower,
    .page-control-hero,
    .page-control-stats,
    .page-control-stats article,
    .page-control-actions,
    .account-focus-deck,
    .account-focus-deck button
  ) {
    border-color: rgba(167, 229, 174, 0.12) !important;
    background: var(--lx-bg-1) !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body #portal-root main.portal-shell.section-account .page-control-stats article {
    background: var(--lx-bg-2) !important;
  }

  html body #portal-root main.portal-shell.section-account :is(
    .account-focus-deck button em,
    .account-detail-drawers summary em
  ) {
    border: 1px solid rgba(167, 229, 174, 0.18) !important;
    background: rgba(167, 229, 174, 0.06) !important;
    background-image: none !important;
    color: var(--lx-accent) !important;
    -webkit-text-fill-color: var(--lx-accent) !important;
    box-shadow: none !important;
  }

  html body #portal-root main.portal-shell.section-account .page-control-actions > :first-child {
    border-color: var(--lx-accent) !important;
    background: var(--lx-accent) !important;
    color: var(--lx-accent-ink) !important;
    -webkit-text-fill-color: var(--lx-accent-ink) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #root .geo-admin-shell *,
  #portal-root .portal-shell * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ui385-type-border-refinement
   Reduce headline competition and border noise across both workspaces. */
:root {
  --lx-line: rgba(167, 229, 174, 0.085);
  --lx-line-strong: rgba(167, 229, 174, 0.18);
  --lx-shadow: 0 22px 58px rgba(0, 0, 0, 0.28);
  --lx-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.16);
}

#root .geo-admin-shell,
#portal-root .portal-shell {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

#root .geo-admin-shell :is(p, small, td, dd),
#portal-root .portal-shell :is(p, small, td, dd) {
  line-height: 1.58 !important;
}

#root .geo-admin-shell :is(.geo-panel h2, .geo-module-story h2, .geo-command h2),
#portal-root .portal-shell :is(.portal-panel h2, .portal-card h2, .section-pilot-banner h2) {
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.18 !important;
}

#root .geo-admin-shell :is(.geo-panel h3, .geo-kpi strong, .geo-project-card strong),
#portal-root .portal-shell :is(.portal-panel h3, .portal-card h3, .mission-action-card strong) {
  font-size: clamp(16px, 1.35vw, 19px) !important;
  line-height: 1.3 !important;
}

@media (min-width: 1040px) {
  #root .geo-admin-shell .geo-topbar {
    min-height: 104px !important;
    padding: 16px 18px !important;
    border-color: rgba(167, 229, 174, 0.09) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  html body #root .geo-admin-shell .geo-topbar h1 {
    max-width: 14em !important;
    font-size: clamp(28px, 2vw, 38px) !important;
    line-height: 1.08 !important;
  }

  #root .geo-admin-shell .geo-nav-group {
    border-color: transparent !important;
    background: transparent !important;
  }

  #root .geo-admin-shell .geo-nav-group > summary {
    min-height: 42px !important;
    padding: 8px 10px !important;
  }

  #root .geo-admin-shell .geo-nav-children button {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  #root .geo-admin-shell :is(
    .geo-command,
    .geo-module-story,
    .geo-panel,
    .geo-dashboard-band,
    .geo-dashboard-data,
    .admin-dashboard-v2,
    .admin-mission-deck
  ) {
    border-color: rgba(167, 229, 174, 0.085) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #root .geo-admin-shell :is(
    .geo-kpi,
    .geo-project-card,
    .geo-report-card,
    .geo-dashboard-action-card,
    .geo-command-step,
    .geo-story-step,
    .geo-panel article,
    .geo-card-metrics > *,
    .admin-flight-instrument
  ) {
    border-color: rgba(167, 229, 174, 0.045) !important;
    box-shadow: none !important;
  }

  #root .geo-admin-shell :is(.geo-panel-head, .geo-table-toolbar, .geo-filter-row) {
    border-color: rgba(167, 229, 174, 0.055) !important;
  }

  #portal-root .portal-shell .client-nav-group {
    border-color: transparent !important;
    background: transparent !important;
  }

  #portal-root .portal-shell .top-nav.sidebar-tree button {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  #portal-root .portal-shell .portal-status-strip {
    border-color: rgba(167, 229, 174, 0.085) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #portal-root .portal-shell .portal-content-stage {
    padding: 14px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #portal-root .portal-shell .portal-content-stage h1 {
    max-width: 12em !important;
    font-size: clamp(36px, 3.6vw, 52px) !important;
    line-height: 1.08 !important;
  }

  #portal-root .portal-shell :is(
    .client-command-console,
    .client-command-hero,
    .client-home-command-deck,
    .client-home-hero,
    .mission-control-deck,
    .tracking-control-tower,
    .account-command,
    .account-focus-deck,
    .report-pack-launcher,
    .delivery-readiness-panel,
    .self-service-launchpad,
    .portal-panel,
    .portal-card,
    .section-pilot-banner
  ) {
    border-color: rgba(167, 229, 174, 0.085) !important;
    box-shadow: var(--lx-shadow-soft) !important;
  }

  #portal-root .portal-shell :is(
    .client-flight-route article,
    .client-command-route article,
    .client-home-next-grid article,
    .client-home-kpis button,
    .mission-action-card,
    .account-command article,
    .account-focus-deck button,
    .account-detail-drawers details,
    .no-project-compact-status,
    .self-start-runway article,
    .status-project,
    .status-dials article
  ) {
    border-color: rgba(167, 229, 174, 0.045) !important;
    box-shadow: none !important;
  }
}

@media (max-width: 1039px) {
  #root .geo-admin-shell :is(.geo-topbar, .geo-panel, .geo-command, .geo-module-story),
  #portal-root .portal-shell :is(.portal-status-strip, .portal-panel, .client-command-console, .client-command-hero, .account-command, .account-focus-deck) {
    border-color: rgba(167, 229, 174, 0.085) !important;
  }

  #root .geo-admin-shell :is(.geo-sidebar, .geo-content, .geo-workspace),
  #portal-root .portal-shell :is(.portal-header, .portal-content-stage) {
    border-color: transparent !important;
    box-shadow: none !important;
  }

  html body #root .geo-admin-shell .geo-topbar h1 {
    font-size: clamp(27px, 8vw, 34px) !important;
    line-height: 1.1 !important;
  }

  html body #portal-root .portal-shell .portal-content-stage h1,
  html body #portal-root .portal-shell .page-control-hero h1 {
    max-width: none !important;
    font-size: clamp(30px, 9vw, 36px) !important;
    line-height: 1.12 !important;
  }

  #root .geo-admin-shell :is(.geo-kpi, .geo-command-step, .geo-story-step, .geo-panel article),
  #portal-root .portal-shell :is(
    .client-flight-route article,
    .client-command-route article,
    .client-home-next-grid article,
    .mission-action-card,
    .account-command article,
    .account-focus-deck button,
    .account-detail-drawers details,
    .page-control-stats article
  ) {
    border-color: rgba(167, 229, 174, 0.055) !important;
  }

  html body #portal-root main.portal-shell button.client-ignite-button.client-ignite-button,
  html body #portal-root main.portal-shell button.client-home-ignite,
  html body #portal-root main.portal-shell button.self-start-primary {
    min-height: 56px !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
  }

  html body #portal-root main.portal-shell button.client-ignite-button.client-ignite-button :is(b, strong),
  html body #portal-root main.portal-shell button.client-home-ignite :is(b, strong),
  html body #portal-root main.portal-shell button.self-start-primary :is(b, strong) {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  html body #portal-root main.portal-shell.section-account .page-control-stats article strong {
    font-size: 26px !important;
    line-height: 1.08 !important;
  }
}

/* ui385-specificity-lock: legacy cockpit rules use deeply qualified
   !important selectors, so these component locks must meet that specificity. */
@media (min-width: 1040px) {
  html body #root main.geo-admin-shell .geo-topbar h1,
  html body #root main.geo-admin-shell .geo-topbar h1.geo-safe-heading {
    max-width: 14em !important;
    font-size: clamp(34px, 2.5vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  html body #root main.geo-admin-shell.section-dashboard .admin-flight-command .geo-command-copy h2,
  html body #root main.geo-admin-shell.section-dashboard .admin-flight-command .geo-command-copy h2.geo-safe-heading {
    max-width: 13em !important;
    font-size: clamp(30px, 2.35vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  html body #portal-root main.portal-shell.no-project .portal-content-stage .client-command-console.no-project-gate.no-project-simple .client-command-copy h1,
  html body #portal-root main.portal-shell.no-project .portal-content-stage .client-command-console.no-project-gate.no-project-simple .client-command-copy h1.safe-heading {
    max-width: 9em !important;
    font-size: clamp(42px, 4vw, 56px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }
}

@media (max-width: 1039px) {
  html body #root main.geo-admin-shell .geo-topbar h1,
  html body #root main.geo-admin-shell .geo-topbar h1.geo-safe-heading {
    font-size: clamp(30px, 8.8vw, 34px) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  html body #portal-root main.portal-shell.no-project .portal-content-stage .client-command-console.no-project-gate.no-project-simple .client-command-copy h1,
  html body #portal-root main.portal-shell.no-project .portal-content-stage .client-command-console.no-project-gate.no-project-simple .client-command-copy h1.safe-heading {
    max-width: none !important;
    font-size: clamp(32px, 9vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }
}