/*
 * PrecisionSky Intelligence — v44 Theme-Aware
 * Dark (default): Background #000000 | Text #FFFFFF | Borders #A7A9AC
 * Light: Background #F7F7F8 | Text #111114 | Borders #D0D0D4
 * Emerald NEMO green preserved in both themes
 */

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  background: var(--surface-base, #000000) !important;
  color: var(--surface-text, #FFFFFF) !important;
}

body {
  background: var(--surface-base, #000000) !important;
  color: var(--surface-text, #FFFFFF) !important;
  min-height: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.pwa-safe-area-top {
  height: env(safe-area-inset-top);
  background: var(--surface-base, #000000);
  width: 100%;
}

header,
.app-header,
[data-testid="app-header"] {
  background: var(--surface-base, #000000) !important;
  border-bottom: 1px solid var(--surface-border-strong, #FFFFFF) !important;
  padding-top: env(safe-area-inset-top);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-testid="header-nav-admin"] {
  background: var(--surface-active-bg, #FFFFFF) !important;
  color: var(--surface-active-text, #000000) !important;
  font-weight: 600 !important;
  border: none !important;
}

[data-testid="header-nav-admin"]:hover {
  opacity: 0.85;
}

[data-testid="header-nav-gotak"],
[data-testid="header-nav-tactical"],
[data-testid="header-nav-inspections"] {
  border: 1px solid var(--surface-text-muted, #A7A9AC) !important;
  background: transparent !important;
  color: var(--surface-text, #FFFFFF) !important;
  backdrop-filter: none !important;
}

[data-testid="header-nav-gotak"]:hover,
[data-testid="header-nav-tactical"]:hover,
[data-testid="header-nav-inspections"]:hover {
  background: var(--surface-active-bg, #FFFFFF) !important;
  color: var(--surface-active-text, #000000) !important;
}

[data-testid="header-nav-gotak"][data-active="true"],
[data-testid="header-nav-tactical"][data-active="true"],
[data-testid="header-nav-inspections"][data-active="true"] {
  background: var(--surface-active-bg, #FFFFFF) !important;
  color: var(--surface-active-text, #000000) !important;
}

.sidebar,
[data-sidebar],
aside {
  background: var(--surface-raised, #000000) !important;
  border-color: var(--surface-border-strong, #A7A9AC) !important;
}

input, textarea, select {
  background: var(--surface-base, #000000) !important;
  color: var(--surface-text, #FFFFFF) !important;
  border-color: var(--surface-border-strong, #A7A9AC) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--surface-text, #FFFFFF) !important;
  outline: none !important;
}

input::placeholder, textarea::placeholder {
  color: var(--surface-text-dim, #666666) !important;
}

.card,
[class*="bg-card"] {
  background: var(--surface-raised, #050505) !important;
  border-color: var(--surface-border-strong, #A7A9AC) !important;
}

[class*="backdrop-blur"],
[class*="backdrop-filter"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#root {
  background: var(--surface-base, #000000) !important;
  color: var(--surface-text, #FFFFFF) !important;
}