/* Phase 1 root-page surfaces. Mobile Site and Crew Screen do not load this file. */

.operations-root-page {
  --nav: var(--ops-red-dark);
  --brand: var(--ops-red);
  --brand-dark: var(--ops-red-dark);
  --blue: var(--ops-red);
  --bg: var(--ops-bg);
  --card: #fff;
  --panel: #fff;
  --ink: var(--ops-ink);
  --muted: var(--ops-muted);
  --line: var(--ops-line);
  --shadow: var(--ops-shadow);
  margin: 0;
  background: radial-gradient(circle at 92% 0, rgba(255,207,34,.14), transparent 26rem), var(--ops-bg);
  color: var(--ops-ink);
}
.operations-root-page .card,
.operations-root-page .panel,
.operations-root-page .stat,
.operations-root-page .head { border-color: var(--ops-line); box-shadow: var(--ops-shadow); }
.operations-root-page .btn.primary,
.operations-root-page button.primary {
  border-color: var(--ops-red);
  background: var(--ops-red);
  color: #fff;
}
.operations-root-page .btn.primary:hover,
.operations-root-page button.primary:hover { background: var(--ops-red-dark); }
.operations-root-page .btn:hover { background: var(--ops-red-soft); }
.operations-root-page input:focus,
.operations-root-page select:focus,
.operations-root-page textarea:focus,
.operations-root-page button:focus-visible,
.operations-root-page a:focus-visible {
  outline: 3px solid rgba(255,207,34,.75);
  outline-offset: 2px;
}

.operations-page--hvac .matrix-table th:last-child,
.operations-page--hvac .matrix-table td:last-child,
.operations-page--hvac .unit-config-table th:last-child,
.operations-page--hvac .unit-config-table td:last-child { background: var(--ops-gold-soft); }
.operations-page--hvac th { background: #f7f4ee; color: #4d4843; }

.operations-page--ocr .topbar {
  position: static;
  margin: 18px auto 0;
  width: min(1464px, calc(100% - 36px));
  border: 1px solid var(--ops-line);
  border-top: 4px solid var(--ops-red);
  border-radius: 12px;
  background: #fff;
  color: var(--ops-ink);
  box-shadow: var(--ops-shadow);
}
.operations-page--ocr .topbar button {
  border-color: var(--ops-line);
  background: #fff;
  color: var(--ops-red-dark);
}
.operations-page--ocr .queue { top: calc(var(--ops-header-height) + 18px); }
.operations-page--ocr .scan-card.active { border-color: var(--ops-red); background: var(--ops-red-soft); }

.operations-page--database .topbar {
  padding-bottom: 12px;
  border-bottom: 3px solid var(--ops-gold);
}
.operations-page--database th[data-dir="asc"]::after,
.operations-page--database th[data-dir="desc"]::after { color: var(--ops-red); }

.operations-page--diagnostics { padding: 0; }
.operations-page--diagnostics > .shell { padding: 18px; }

.operations-page--password { display: block; padding: 0; }
.operations-page--password .panel {
  width: min(500px, calc(100% - 32px));
  margin: clamp(28px, 6vh, 64px) auto;
  border-color: var(--ops-line);
  border-top-color: var(--ops-red);
  box-shadow: var(--ops-shadow);
}
.operations-page--password .button { background: var(--ops-red); }
.operations-page--password .button:hover { background: var(--ops-red-dark); }

.operations-page--login {
  color: var(--ops-ink);
  background: radial-gradient(circle at 88% 3%, rgba(255,207,34,.2), transparent 24rem), var(--ops-bg);
}
.operations-page--login .panel {
  border-color: var(--ops-line);
  border-top-color: var(--ops-red);
  box-shadow: var(--ops-shadow);
}
.operations-page--login .eyebrow,
.operations-page--login .back { color: var(--ops-red-dark); }
.operations-page--login button[type="submit"] { background: var(--ops-red); }
.operations-page--login button[type="submit"]:hover { background: var(--ops-red-dark); }
.operations-page--login .password-toggle:hover,
.operations-page--login .password-toggle:focus-visible { background: var(--ops-red-soft); color: var(--ops-red-dark); }

@media print {
  .operations-root-page { background: #fff !important; }
}