/* Flightdeck v2.9 — Crimson / Sky / Navy theme
   Visual theme only. Cloud sync, per-pilot RLS, OCR, importing and PDF logic unchanged. */
:root {
  --fd-red:#c8173c; --fd-red-deep:#9e1230;
  --fd-navy:#122540; --fd-navy-dark:#0a192e;
  --fd-blue:#2877a9; --fd-blue-deep:#215e8e;
  --fd-sky:#e4f1f9; --fd-rose:#fff0f2;
  --fd-line:#e4e9f0; --fd-paper:#f6f8fb;
  --ink:var(--fd-navy); --navy:var(--fd-navy-dark);
  --sea:var(--fd-blue); --blue:var(--fd-blue);
  --line:var(--fd-line); --muted:#65778d;
  color:#182a42;background:var(--fd-paper);
  accent-color:var(--fd-red);
}
html,body { background:var(--fd-paper) }
body { background:radial-gradient(ellipse 500px 300px at 96% 0%,#e3f1fc 0,transparent 100%),
    radial-gradient(ellipse 380px 260px at 0% 100%,#fff0f2 0,transparent 100%),var(--fd-paper) }
a { color:var(--fd-blue-deep) }
a:hover { color:var(--fd-red-deep) }
/* Dark cockpit sidebar, crisp crimson aircraft-style accent */
aside { background:linear-gradient(168deg,#142a48 0%,#0d1e36 62%,#09172a 100%);border-right:1px solid #28405a }
aside::before { content:'';position:absolute;top:0;left:0;right:0;height:4px;
   background:linear-gradient(90deg,var(--fd-red) 0 38%,#fff 38% 43%,#3287ba 43% 100%) }
aside .brand span,.mobile-brand span {color:#fbf5f6}
aside .brand {color:#fff}
aside .brand::after {content:'';display:block;width:43px;height:3px;border-radius:10px;
   margin:14px 0 0 2px;background:linear-gradient(90deg,#f63d5f 0 64%,#6bb4e2 64%) }
.nav {color:#c4d2e3}
.nav:hover {background:#223e5c;color:white}
.nav.active {background:linear-gradient(96deg,#802139,#273f61 44%,#223956);color:#fff;
   box-shadow:inset 4px 0 #ef4460,0 3px 14px #03152527}
.aside-foot {border-top-color:#33445c;color:#acbfd4}
/* Headers and main surfaces */
.eyebrow {color:#9f2947}
.heading {color:#162942}
.sectiontitle,.number {color:var(--fd-navy)}
.card,.panel,.auth {border-color:var(--fd-line);box-shadow:0 5px 24px #12254008}
.card {background:linear-gradient(180deg,#fff 0%,#fdfefe 100%)}
.card:before {background:var(--fd-blue)!important}
.card:nth-child(1):before {background:var(--fd-red)!important}
.card:nth-child(2):before {background:#2979b5!important}
.card:nth-child(3):before {background:#738bb0!important}
.card:nth-child(4):before {background:#c95c71!important}
/* Action styling: red is primary; blue is informational. */
.btn {border-color:#d8e0ec;color:#1c344f}
.btn:hover:not(:disabled) {border-color:#bd8292}
.btn.primary {background:linear-gradient(135deg,#d61b43 0%,#ad1335 100%);
  border-color:#a91132;color:white;box-shadow:0 5px 15px #a60e3325}
.btn.primary:hover {background:linear-gradient(135deg,#b80e32,#97112d);border-color:#97112d}
.btn.primary:focus-visible,.nav:focus-visible,.bottomnav button:focus-visible {outline:3px solid #67abdf;outline-offset:2px}
input:focus,select:focus,textarea:focus {outline:2px solid #a9cfee;outline-offset:1px;border-color:var(--fd-blue)}
input[type=checkbox],input[type=radio] {accent-color:var(--fd-red)}
.pill {background:#e7f1fb;color:#285c84;border:1px solid #d4e4f0}
.note {background:#eef5fb;border-color:#cfdfef;color:#395773}
.seg.active {background:#fff0f3;border-color:#e4a5b1;color:#991935}
.view-only {background:#eff5fa;border-color:#d0e4f1;color:#245a82}
/* Hero: distinct red flash into navy and cooler sky blue rim */
.welcome-banner { background:
  radial-gradient(circle at 90% 18%,#2a7bafaa 0,transparent 250px),
  linear-gradient(116deg,#b91339 0%,#9e1639 17%,#243c61 57%,#102b48 100%);
  border:1px solid #8a4560;box-shadow:0 11px 28px #771a3718 }
.welcome-banner::before { content:'';position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,#ff7b8e 0%,#fce9ee 38%,#6fb7e1 100%);opacity:.8 }
.banner-eyebrow {color:#ffe2e8}
.welcome-banner p {color:#e1e9f2}
.welcome-banner h2 {color:white}
.banner-primary {background:#fff;color:#a51235;border-color:#fff;box-shadow:0 3px 12px #330b1c20}
.banner-primary:hover {background:#fff0f3;color:#9b1230;border-color:#fff0f3}
.banner-outline {border-color:#b5cede;color:#fff;background:#ffffff16}
.banner-outline:hover {background:#ffffff2b}
.banner-emblem span {filter:drop-shadow(0 6px 15px #ff85904d)}
.banner-emblem div {color:#e4eefa}
/* Smart Import: red highlight in a blue airfield palette. */
.import-intro {background:radial-gradient(circle at 96% 10%,#2c78a7 0%,transparent 40%),
  linear-gradient(115deg,#7f1938 0%,#1b3457 45%,#102a4a 100%);
  border-color:#405977;box-shadow:0 9px 28px #1f395815}
.import-badge {background:#c32345;color:#fff;border-color:#e76c83}
.import-intro p {color:#e1eaf4}
.format-pills span {border-color:#7692ab;color:#ebf4fb}
.step {color:#a21a41}
.dropzone {background:linear-gradient(180deg,#fbfdff,#edf5fb);border-color:#a5c7de}
.dropzone:hover {border-color:#ba4361;background:#fff7f9}
.dropzone strong {color:#2a587f}
.smart-private {background:#ebf5ef;color:#1c7058}
.smart-editpanel {background:#f7fbff;border-color:#a7c6dd}
.review-stats strong {color:var(--fd-navy)}
/* Logbook table and compact mobile cards. */
th {background:#f0f4f9;color:#536b85}
th,td {border-bottom-color:#e6ecf3}
td strong {color:#213650}
.flight-reg {color:var(--fd-navy)}
.flight-hours {background:var(--fd-sky);border:1px solid #d1e4f4}
.flight-hours strong,.smart-review-time {color:#236b9a}
.flight-meta span {background:#edf3f9;color:#4d647f}
.type-card .type-hours {color:#be2044}
.mobile-more-btn {background:#f8eef1;color:#9d1b3c;border-color:#edd2da}
.flight-actions button {color:#295f91}
.smart-review-head strong {color:#1c344f}
.smart-approve {color:#385b78}
.scan-tips summary {color:#285f8d}
.pdf-sim-toggle input {accent-color:var(--fd-red)}
/* Account sign-in and empty states also share the theme. */
.auth {border-top:4px solid var(--fd-red)}
.privacy-hint {background:#eff5fb;color:#355875}
/* Phone: navy header, red/sky navigation states and no horizontal overflow. */
@media(max-width:1000px) {
 .mobilebar {background:linear-gradient(110deg,#a51b3e 0%,#193452 48%,#0d2944 100%);
   box-shadow:0 2px 14px #17314a26;border-bottom:2px solid #3284b8}
 .mobile-brand span {color:#fff}
 .mobilebar .mobile-kicker {color:#e2eaf4}
 .mobilebar .pill {color:#e2f3ff;background:#ffffff1f;border-color:#ffffff36}
 .bottomnav {background:#fff;border-top:1px solid #e0e6ed;box-shadow:0 -5px 24px #1a355616}
 .bottomnav button.active {background:#fff0f3;color:#b8133b}
 .bottomnav button.active .navicon {color:#c31b43}
 .mobilemenu .menunav.active {background:#fff0f3;color:#a31236}
 .mobilemenu .menunav {background:#f4f6fa;color:#223c5c}
}
@media(max-width:680px) {
 .welcome-banner {background:linear-gradient(133deg,#b7163b,#8f2243 37%,#1e4065 82%);border-color:#92506a}
 .card {background:#fff}
}
@media print {
 :root,html,body{background:white!important}
 .card:before,.welcome-banner:before {display:none!important}
 .btn,.nav,.mobilebar,.bottomnav{display:none!important}
}
