/* ================================================================
   Hi-Line Flying Club — Light theme overrides
   Load AFTER theme.css on all pages except index.html (homepage).
   Overrides dark CSS variables + hardcoded dark colours.
   ================================================================ */

/* ── 1. CSS Variable overrides ──────────────────────────────── */
:root {
  --body-bg:      #E8ECF1;          /* soft blue-gray — not glaring white  */
  --nav-bg:       rgba(255, 255, 255, 0.97);
  --surface:      #F5F7FA;          /* cards: off-white, easy on the eyes  */
  --surface-mid:  rgba(0, 0, 0, 0.05);
  --surface-hi:   rgba(0, 0, 0, 0.09);
  --modal-bg:     #F5F7FA;

  --border:       rgba(0, 0, 0, 0.12);
  --border-c:     rgba(0, 0, 0, 0.12);
  --border-dim:   rgba(0, 0, 0, 0.09);  /* calendar grid lines — visible  */
  --border-sub:   rgba(0, 0, 0, 0.07);

  --text:         #1E293B;
  --text-dim:     #475569;
  --text-muted:   #64748B;
  --text-faint:   #94A3B8;

  --input-bg:     #FFFFFF;
  --input-border: rgba(0, 0, 0, 0.16);
  --input-text:   #1E293B;
  --placeholder:  #94A3B8;

  --hover-bg:     rgba(0, 0, 0, 0.04);

  /* Calendar */
  --cal-header:   #DFE5EE;          /* column/row headers — clearly distinct */
  --cal-past:     rgba(0, 0, 0, 0.06);
  --slot-hover:   rgba(74, 158, 204, 0.12);
  --slot-select:  rgba(232, 160, 48, 0.25);

  --sky-text:     #2A7AAA;
  --sky-border:   rgba(74, 158, 204, 0.28);
  --amber-text:   #B8780A;
  --amber-border: rgba(232, 160, 48, 0.28);

  /* Status chips */
  --ok-bg:     rgba(61, 153, 112, 0.10); --ok-border:   rgba(61, 153, 112, 0.30); --ok-text:   #1A7A52;
  --err-bg:    rgba(192, 57,  43, 0.10); --err-border:  rgba(192, 57,  43, 0.30); --err-text:  #C0392B;
  --warn-bg:   rgba(232, 160, 48, 0.12); --warn-border: rgba(232, 160, 48, 0.30); --warn-text: #B8780A;
  --info-bg:   rgba(74,  158, 204, 0.10); --info-border: rgba(74, 158, 204, 0.28); --info-text: #2A7AAA;
}

/* ── 2. Body ─────────────────────────────────────────────────── */
body {
  background: #E8ECF1 !important;
  background-image: none !important;
}

/* ── 3. Nav — glassmorphism ──────────────────────────────────── */
nav,
.club-nav {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 2px 16px rgba(0,0,0,0.06) !important;
}

/* Logo text */
.club-nav-logo,
.nav-logo,
.logo { color: #1E293B !important; }

.club-nav-logo span,
.nav-logo span,
.logo span { color: var(--amber) !important; }

/* Nav links */
.club-nav-links a,
.nav-links a { color: #475569 !important; }

.club-nav-links a:hover, .nav-links a:hover,
.club-nav-links a.active, .nav-links a.active {
  color: #1E293B !important;
  background: rgba(0,0,0,0.05) !important;
}

/* Member portal button stays amber */
.nav-links .portal,
.club-nav-links a.portal {
  background: var(--amber) !important;
  color: #fff !important;
}
.nav-links .portal:hover,
.club-nav-links a.portal:hover {
  background: var(--amber-lt) !important;
}

/* User name pill in nav — JS-injected elements need classes */
#navUser { color: #475569 !important; }
.nav-user-name {
  font-weight: 600;
  color: #1E293B !important;
  font-size: 0.85em;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-signout-btn {
  background: none !important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  padding: 4px 12px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 0.8em;
  color: #475569 !important;
  white-space: nowrap;
}
.nav-signout-btn:hover {
  background: rgba(0,0,0,0.05) !important;
  color: #1E293B !important;
}

/* Hamburger icon */
.hamburger-btn span { background: #1E293B !important; }

/* Mobile dropdown */
.club-nav-links {
  background: #F5F7FA !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.club-nav-links a {
  border-bottom-color: rgba(0,0,0,0.05) !important;
}

/* ── 4. Global form inputs ───────────────────────────────────── */
input, select, textarea {
  background: #FFFFFF !important;
  color: #1E293B !important;
  border-color: rgba(0,0,0,0.15) !important;
}
input::placeholder, textarea::placeholder { color: #94A3B8 !important; }
select option { background: #FFFFFF; color: #1E293B; }

/* ── 5. Dashboard ────────────────────────────────────────────── */
.dash-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0,0.09) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.06) !important;
}
.dash-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10), 0 1px 4px rgba(0,0,0,0.06) !important;
}

/* Section title labels ("THIS WEEK — N2134Y AVAILABILITY" etc.) */
.dash-card-title { color: #2A7AAA !important; }

/* Doc tiles */
.doc-tile {
  background: linear-gradient(135deg, #F0F6FF, #EBF4FF) !important;
  border-left-color: rgba(74,158,204,0.45) !important;
  border-color: rgba(74,158,204,0.18) !important;
  color: #1E293B !important;
}
.doc-tile:hover {
  background: linear-gradient(135deg,rgba(74,158,204,0.12),rgba(74,158,204,0.06)) !important;
  color: #1E293B !important;
}
.doc-label { color: #2A7AAA !important; opacity: 1 !important; }

/* ── Mini week calendar ───────────────────────── */
/* Column headers & date numbers */
.week-cal th              { color: #475569 !important; border-bottom-color: rgba(0,0,0,0.10) !important; }
.week-cal th .wc-num      { color: #1E293B !important; }
.week-cal th.today-col    { color: #2A7AAA !important; }
/* Today bubble stays magenta — readable on any bg */

/* Time gutter */
.wc-time-col { color: #94A3B8 !important; }

/* Slot colors — solid enough to see on white cards */
.wc-slot.free  { background: rgba(232,160,48,0.28) !important; color: #8B5800 !important; border: 1px solid rgba(232,160,48,0.55) !important; }
.wc-slot.mine  { background: rgba(212,67,154,0.22) !important; color: #861E63 !important; border: 1px solid rgba(212,67,154,0.45) !important; }
.wc-slot.taken { background: rgba(74,158,204,0.22) !important; color: #1A5F84 !important; border: 1px solid rgba(74,158,204,0.45) !important; }
.wc-slot.past  { background: rgba(0,0,0,0.05)      !important; color: #94A3B8 !important; border: 1px solid transparent !important; }

/* Week nav title & buttons */
.wk-title { color: #1E293B !important; }
.wk-btn   { color: #2A7AAA !important; border-color: rgba(74,158,204,0.30) !important; background: rgba(74,158,204,0.06) !important; }
.wk-btn:hover { background: rgba(74,158,204,0.14) !important; border-color: rgba(74,158,204,0.45) !important; color: #1E293B !important; }

/* ── Airworthy banner ─────────────────────────── */
.aw-banner.airworthy     { background: rgba(61,153,112,0.12) !important; color: #1A7A52 !important; border-color: rgba(61,153,112,0.30) !important; }
.aw-banner.not-airworthy { background: rgba(192,57,43,0.10)  !important; color: #C0392B !important; border-color: rgba(192,57,43,0.28) !important; }
.aw-banner.unknown       { background: rgba(232,160,48,0.12) !important; color: #B8780A !important; border-color: rgba(232,160,48,0.28) !important; }
.aw-banner.airworthy .aw-dot     { background: #1A7A52 !important; }
.aw-banner.not-airworthy .aw-dot { background: #C0392B !important; }
.aw-banner.unknown .aw-dot       { background: #B8780A !important; }

/* ── FAA Inspection items ─────────────────────── */
.insp-item  { border-bottom-color: rgba(0,0,0,0.07) !important; }
.insp-name  { color: #1E293B !important; }
.insp-meta  { color: #64748B !important; }
.insp-edit  { color: #94A3B8 !important; border-color: rgba(0,0,0,0.15) !important; }
.insp-edit:hover { color: #1E293B !important; border-color: rgba(0,0,0,0.30) !important; }

/* Inspection badges */
.insp-badge.current  { background: rgba(61,153,112,0.14) !important; color: #1A7A52 !important; border-color: rgba(61,153,112,0.35) !important; }
.insp-badge.due-soon { background: rgba(232,160,48,0.15) !important; color: #B8780A !important; border-color: rgba(232,160,48,0.35) !important; }
.insp-badge.overdue  { background: rgba(192,57,43,0.12)  !important; color: #C0392B !important; border-color: rgba(192,57,43,0.35) !important; }
.insp-badge.unknown  { background: rgba(0,0,0,0.06)      !important; color: #64748B !important; border-color: rgba(0,0,0,0.15)      !important; }

/* ── Open Squawks mini list (dashboard) ───────── */
.squawk-item  { border-bottom-color: rgba(0,0,0,0.07) !important; }
.squawk-dot   { box-shadow: 0 0 5px rgba(192,57,43,0.4) !important; }
.squawk-text  { color: #1E293B !important; }
.squawk-meta  { color: #64748B !important; }

/* ── Squawk alert section (no-go/caution/go cards) */
.squawk-alert-title       { color: #C0392B !important; }
.squawk-alert-title::before { background: #C0392B !important; }
.squawk-alert-link        { color: #2A7AAA !important; }
.squawk-alert-link:hover  { color: #B8780A !important; }

.sq-alert-card {
  background: #F8FAFC !important;
  border-color: rgba(0,0,0,0.08) !important;
}
.sq-alert-num   { color: #94A3B8 !important; }
.sq-alert-desc  { color: #1E293B !important; }
.sq-alert-meta  { color: #64748B !important; }

.sq-alert-badge.no_go   { background: rgba(192,57,43,0.12)  !important; color: #C0392B !important; border-color: rgba(192,57,43,0.30) !important; }
.sq-alert-badge.caution { background: rgba(232,160,48,0.14) !important; color: #B8780A !important; border-color: rgba(232,160,48,0.32) !important; }
.sq-alert-badge.go      { background: rgba(61,153,112,0.12) !important; color: #1A7A52 !important; border-color: rgba(61,153,112,0.28) !important; }

/* ── Reservation list ─────────────────────────── */
.res-item     { border-bottom-color: rgba(0,0,0,0.07) !important; }
.res-date-box { background: rgba(212,67,154,0.14) !important; color: #861E63 !important; border-color: rgba(212,67,154,0.32) !important; }
.res-time     { color: #1E293B !important; }
.res-who      { color: #64748B !important; }
.res-cancel-btn { color: #C0392B !important; border-color: rgba(192,57,43,0.30) !important; }
.res-cancel-btn:hover { background: rgba(192,57,43,0.07) !important; }

/* ── Empty states ─────────────────────────────── */
.empty-state { color: #94A3B8 !important; }

/* ── Flight log ───────────────────────────────── */
.log-item  { border-bottom-color: rgba(0,0,0,0.07) !important; }
.log-date  { color: #64748B !important; }
.log-route { color: #1E293B !important; }
.log-hours { color: #2A7AAA !important; }

/* Modal */
.modal-overlay { background: rgba(0,0,0,0.35) !important; }
.modal-box { background: #FFFFFF !important; box-shadow: 0 24px 64px rgba(0,0,0,0.20) !important; border-color: rgba(0,0,0,0.10) !important; }
.modal-box h2 { color: #1E293B !important; }
.form-label { color: #475569 !important; }
.form-input { background: #F8FAFC !important; border-color: rgba(0,0,0,0.15) !important; color: #1E293B !important; }
.form-input:focus { border-color: #4A9ECC !important; box-shadow: 0 0 0 3px rgba(74,158,204,0.15) !important; }

/* Profile modal text (optional sections, doc upload, currency tracking) */
.optional-section-title { color: #475569 !important; }
.optional-section-note  { color: #64748B !important; }
.waitlist-banner        { color: #1E293B !important; background: rgba(232,160,48,0.10) !important; border-color: rgba(232,160,48,0.25) !important; }
.doc-section            { border-top-color: rgba(0,0,0,0.08) !important; }
.doc-section h4         { color: #64748B !important; }
.doc-upload-row input[type="file"] { background: #F8FAFC !important; border-color: rgba(0,0,0,0.12) !important; color: #475569 !important; }
.doc-list-item          { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; }
.profile-doc-list       { color: #64748B; }

/* ── 6. Schedule (Calendar) ──────────────────────────────────── */
.cal-outer  { background: #F5F7FA !important; border-color: rgba(0,0,0,0.10) !important; }
.book-panel { background: #F5F7FA !important; border-color: rgba(0,0,0,0.10) !important; }
.book-summary {
  background: #F4F7FB !important;
  border-color: rgba(0,0,0,0.06) !important;
  color: #1E293B !important;
}

/* Mobile nav dropdown in schedule */
.club-nav-links[style] { background: #F5F7FA !important; }

/* ── 7. Directory ────────────────────────────────────────────── */
/* Table wrapper */
.dir-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* Search box */
.search-input {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #1E293B !important;
}
.search-input::placeholder { color: #94A3B8 !important; }

/* Count badge */
.dir-count {
  color: #94A3B8 !important;
  background: rgba(0,0,0,0.05) !important;
}

/* Table header row */
.dir-table thead td {
  color: #94A3B8 !important;
  background: #F8FAFC !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}

/* Table rows */
.dir-table tbody tr { border-bottom-color: rgba(0,0,0,0.05) !important; }
.dir-table tbody tr:hover { background: rgba(0,0,0,0.025) !important; }
.dir-table tbody tr.me { background: rgba(74,158,204,0.07) !important; }

/* Cell text */
.member-name { color: #1E293B !important; }
.dim         { color: #94A3B8 !important; }
.redacted    { color: #CBD5E1 !important; }

/* Avatar */
.avatar-member { background: #E2E8F0 !important; color: #475569 !important; }

/* Role badge */
.badge-admin  { background: rgba(232,160,48,0.15) !important; color: #B8780A !important; }
.badge-ap     { background: rgba(74,158,204,0.12) !important; color: #2A7AAA !important; }
.badge-member { background: rgba(0,0,0,0.07)      !important; color: #475569 !important; }

/* Contact links */
.dir-table tbody td a { color: #2A7AAA !important; }
.dir-table tbody td a:hover { color: var(--amber) !important; }

/* Empty state */
.dir-empty { background: rgba(74,158,204,0.06) !important; color: #64748B !important; }

/* ── 8. Squawks page ─────────────────────────────────────────── */
.sq-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.filter-tab {
  background: #F5F7FA !important;
  color: #475569 !important;
  border-color: rgba(0,0,0,0.12) !important;
}
.filter-tab:hover { background: rgba(0,0,0,0.04) !important; color: #1E293B !important; }
.filter-tab.active { background: var(--amber) !important; color: #fff !important; border-color: transparent !important; }
/* Squawk text content */
.status-note          { color: #64748B !important; }
.status-tail          { color: #1E293B !important; }
.sq-description       { color: #1E293B !important; }
.sq-meta              { color: #94A3B8 !important; }
.sq-maint-text        { color: #334155 !important; }
.sq-response-text     { color: #334155 !important; }
.sq-response-meta     { color: #94A3B8 !important; }
.sq-status-label      { color: #94A3B8 !important; }
.sq-badge.deferred    { background: rgba(0,0,0,0.06) !important; color: #64748B !important; border-color: rgba(0,0,0,0.12) !important; }
/* .ac-btn and .ac-status-badge intentionally excluded — airplane card is always dark */
.filter-btn-clear     { background: rgba(0,0,0,0.05) !important; color: #475569 !important; }

/* ── 9. Post-flight ──────────────────────────────────────────── */
.pf-card {
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.tach-conflict-note {
  background: rgba(232,160,48,0.10) !important;
  color: #B8780A !important;
  border-color: rgba(232,160,48,0.28) !important;
}
.pf-field input, .pf-field select, .pf-field textarea {
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #0F172A !important;
}
.pf-field input::placeholder, .pf-field textarea::placeholder { color: #CBD5E1 !important; }

/* Error / success banners — high contrast in light mode */
.pf-msg.error   {
  background: rgba(220, 53, 69, 0.08) !important;
  color: #991B1B !important;
  border-color: rgba(220, 53, 69, 0.35) !important;
}
.pf-msg.success {
  background: rgba(22, 163, 74, 0.08) !important;
  color: #14532D !important;
  border-color: rgba(22, 163, 74, 0.30) !important;
}

/* Oil calc box — visible on light background */
.oil-calc-box {
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(0,0,0,0.10) !important;
}
.oil-calc-label { color: #475569 !important; }
.oil-calc-value { color: #0F172A !important; }
#oilEndDisplay  { color: #0369A1 !important; }  /* readable blue instead of sky */
#oilWarning     { color: #991B1B !important; }

/* Tach / flyable warnings — readable amber in light mode */
#tachWarning { color: #92400E !important; background: rgba(232,160,48,0.10) !important; border-color: rgba(232,160,48,0.30) !important; }
#flyableSquawkWarning { color: #92400E !important; }

/* ── 10. Admin ───────────────────────────────────────────────── */
.admin-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.admin-card-header {
  border-bottom-color: rgba(0,0,0,0.07) !important;
}
.admin-card-header h3 { color: #1E293B !important; }

.admin-sidebar, .admin-nav {
  background: #F8FAFC !important;
  border-color: rgba(0,0,0,0.08) !important;
}
.admin-sidebar-item, .admin-nav-item {
  color: #475569 !important;
}
.admin-sidebar-item:hover, .admin-nav-item:hover,
.admin-sidebar-item.active, .admin-nav-item.active {
  background: rgba(232,160,48,0.10) !important;
  color: #B8780A !important;
}

.tbl-btn-primary { background: var(--amber) !important; color: #fff !important; }
.tbl-btn-primary:hover { background: var(--amber-lt) !important; }

.form-submit { background: var(--amber) !important; color: #fff !important; }
.form-submit:hover { background: var(--amber-lt) !important; }

.modal-save { background: var(--amber) !important; color: #fff !important; }
.modal-save:hover { background: var(--amber-lt) !important; }

.filter-btn-apply { background: var(--amber) !important; color: #fff !important; }
.filter-btn-apply:hover { background: var(--amber-lt) !important; }

/* Admin table */
.admin-table thead tr { background: #F8FAFC !important; }
.admin-table thead th { color: #94A3B8 !important; border-bottom-color: rgba(0,0,0,0.08) !important; }
.admin-table tbody tr { border-bottom-color: rgba(0,0,0,0.05) !important; }
.admin-table tbody tr:hover { background: rgba(0,0,0,0.025) !important; }
.admin-table td { color: #1E293B !important; }

/* Aircraft status buttons — fix invisible white-on-white in light theme */
.status-opt {
  background: #F1F5F9 !important;
  border-color: rgba(0,0,0,0.15) !important;
  color: #475569 !important;
}
.status-opt:hover {
  background: #E2E8F0 !important;
  border-color: rgba(0,0,0,0.25) !important;
  color: #1E293B !important;
}
.status-opt.active-available   { background: rgba(42,122,82,0.12)  !important; border-color: rgba(42,122,82,0.40)  !important; color: #166534 !important; }
.status-opt.active-flying      { background: rgba(91,184,232,0.12) !important; border-color: rgba(91,184,232,0.40) !important; color: #075985 !important; }
.status-opt.active-maintenance { background: rgba(212,131,26,0.12) !important; border-color: rgba(212,131,26,0.40) !important; color: #92400E !important; }
.status-opt.active-squawk      { background: rgba(220,53,69,0.10)  !important; border-color: rgba(220,53,69,0.35)  !important; color: #991B1B !important; }

/* Admin section labels */
.section-lbl { color: #64748B !important; }

/* ── 11. Login / Auth ────────────────────────────────────────── */
.login-card, .auth-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.10) !important;
}
.login-card h1, .auth-card h1 { color: #1E293B !important; }
.login-card p,  .auth-card p  { color: #64748B !important; }
.login-btn { background: var(--amber) !important; color: #fff !important; }
.login-btn:hover { background: var(--amber-lt) !important; }

/* ── 12. 404 page ────────────────────────────────────────────── */
.btn-primary { background: var(--amber) !important; box-shadow: 0 2px 8px rgba(232,160,48,0.30) !important; }
.btn-primary:hover { background: var(--amber-lt) !important; box-shadow: 0 4px 16px rgba(232,160,48,0.45) !important; }
.save-btn { box-shadow: 0 2px 8px rgba(232,160,48,0.25) !important; }

/* ── 13. Weather page ────────────────────────────────────────── */
.page-sub { color: #64748B !important; }

.wx-search-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.wx-search-row input {
  background: #F8FAFC !important;
  border-color: rgba(0,0,0,0.15) !important;
  color: #1E293B !important;
}
.wx-search-row input::placeholder { color: #94A3B8 !important; }

.airport-btn {
  background: #F1F5F9 !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #475569 !important;
}
.airport-btn:hover, .airport-btn.active {
  background: var(--sky) !important;
  border-color: var(--sky) !important;
  color: #FFFFFF !important;
}

.wx-airport-header {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.wx-airport-name { color: #1E293B !important; }
.wx-obs-time     { color: #94A3B8 !important; }

.wx-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.wx-card-title { color: #1E293B !important; }

.raw-string {
  background: #F1F5F9 !important;
  color: #334155 !important;
  border-color: rgba(0,0,0,0.08) !important;
}

.decoded-label { color: #64748B !important; }
.decoded-value { color: #1E293B !important; }

.taf-period {
  background: #F8FAFC !important;
  border-color: rgba(0,0,0,0.07) !important;
}
.taf-period-header { border-bottom-color: rgba(0,0,0,0.06) !important; }
.taf-period-time   { color: #475569 !important; }
.taf-detail-label  { color: #94A3B8 !important; }
.taf-detail        { color: #1E293B !important; }

/* TAF type labels — keep coloured but darken for light bg */
.taf-type-FM    { background: rgba(74,158,204,0.15) !important;  color: #2A7AAA !important; }
.taf-type-BECMG { background: rgba(232,160,48,0.15) !important;  color: #B8780A !important; }
.taf-type-TEMPO { background: rgba(61,153,112,0.15) !important;  color: #1A7A52 !important; }
.taf-type-PROB  { background: rgba(192,57,43,0.15)  !important;  color: #C0392B !important; }

.pa-box {
  background: #F8FAFC !important;
  border-color: rgba(0,0,0,0.08) !important;
}
.pa-box-title  { color: #64748B !important; }
.pa-value      { color: #1E293B !important; }
.pa-label      { color: #94A3B8 !important; }
.pa-divider    { background: rgba(0,0,0,0.08) !important; }
.pa-note       { color: #94A3B8 !important; }

/* Runway wind section */
.rwy-row   { border-bottom-color: rgba(0,0,0,0.06) !important; }
.rwy-label { color: #64748B !important; }
.rwy-cross, .rwy-head { color: #1E293B !important; }

/* ── 14. Squawks page ────────────────────────────────────────── */
.squawk-card, .sq-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

.plane-status-bar { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.10) !important; }
.plane-status-bar.available   { background: rgba(61,153,112,0.08)  !important; border-color: rgba(61,153,112,0.25) !important; }
.plane-status-bar.squawk      { background: rgba(192,57,43,0.08)   !important; border-color: rgba(192,57,43,0.25)  !important; }
.plane-status-bar.maintenance { background: rgba(212,131,26,0.08)  !important; border-color: rgba(212,131,26,0.25) !important; }
.plane-status-bar.flying      { background: rgba(74,158,204,0.08)  !important; border-color: rgba(74,158,204,0.25) !important; }

.status-tail   { color: #1E293B !important; }
.status-note   { color: #94A3B8 !important; }
.available .status-label   { color: #1A7A52 !important; }
.squawk .status-label      { color: #C0392B !important; }
.maintenance .status-label { color: #B8780A !important; }
.flying .status-label      { color: #2A7AAA !important; }

.filter-tab         { background: #F5F7FA !important; color: #475569 !important; border-color: rgba(0,0,0,0.12) !important; }
.filter-tab:hover   { background: rgba(0,0,0,0.04) !important; color: #1E293B !important; }

.squawk-meta, .sq-meta { color: #64748B !important; }
.sq-desc, .squawk-desc { color: #334155 !important; }
.sq-admin-note         { background: rgba(74,158,204,0.08) !important; color: #2A7AAA !important; border-color: rgba(74,158,204,0.20) !important; }

/* ── 15. Post-flight page ────────────────────────────────────── */
.pf-card {
  background: #F5F7FA !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important;
}
.pf-card-header {
  border-bottom-color: rgba(0,0,0,0.07) !important;
  background: #F8FAFC !important;
}
.pf-card-header h2 { color: #1E293B !important; }
.pf-card-header p  { color: #64748B !important; }

.pf-section          { border-bottom-color: rgba(0,0,0,0.07) !important; }
.pf-section-title    { color: #94A3B8 !important; }
.pf-field label      { color: #475569 !important; }
.pf-field small      { color: #94A3B8 !important; }
.pf-field input::placeholder,
.pf-field textarea::placeholder { color: #94A3B8 !important; }

.cost-label   { color: #64748B !important; }
.cost-value   { color: #1E293B !important; }
.cost-note    { color: #94A3B8 !important; }
.cost-divider { background: rgba(0,0,0,0.08) !important; }

.fuel-opt {
  background: #F8FAFC !important;
  border-color: rgba(0,0,0,0.12) !important;
}
.fuel-opt:hover    { border-color: rgba(74,158,204,0.40) !important; background: rgba(74,158,204,0.06) !important; }
.fuel-opt.selected { border-color: var(--sky) !important; background: rgba(74,158,204,0.08) !important; }
.fuel-opt-title    { color: #1E293B !important; }
.fuel-opt-sub      { color: #64748B !important; }

.tach-conflict-note {
  background: rgba(232,160,48,0.10) !important;
  color: #B8780A !important;
  border-color: rgba(232,160,48,0.30) !important;
}

/* ── 16. Portal Footer ───────────────────────────────────────── */
.portal-footer {
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 20px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.78em;
  color: #94A3B8;
  max-width: 1100px;
  margin: 0 auto;
}
.portal-footer-fb {
  color: #2A7AAA;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.95em;
  transition: color 0.2s;
}
.portal-footer-fb:hover { color: #E8A030; }

/* ── Modal cancel button — light theme ── */
.modal-cancel { background: #F0F2F5 !important; color: #475569 !important; border: 1px solid rgba(0,0,0,0.15) !important; }
.modal-cancel:hover { background: #E2E6EA !important; color: #1E293B !important; }

/* ── 17. Pilot Currency card — fix hardcoded white text ── */
/* dashboard.html uses rgba(255,255,255,...) directly; override here */
.currency-label  { color: var(--text)       !important; }
.currency-detail { color: var(--text-muted) !important; }
.currency-item         { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.10) !important; }
.currency-item.current { background: rgba(42,122,82,0.09)  !important; border-color: rgba(42,122,82,0.25)  !important; }
.currency-item.lapsed  { background: rgba(192,57,43,0.08)  !important; border-color: rgba(192,57,43,0.22)  !important; }
.currency-item.missing { background: rgba(0,0,0,0.03)      !important; border-color: rgba(0,0,0,0.08)      !important; }

/* ── 18. Flight log rows — light theme ── */
.flog-row  { border-bottom-color: rgba(0,0,0,0.07) !important; }
.flog-total { color: #64748B !important; }
.currency-edit-link { color: #2A7A9B !important; border-color: rgba(42,122,155,0.3) !important; }
.mc-day       { color: #374151 !important; }
.mc-day.past  { color: #9CA3AF !important; }
.mc-day.other-mo { color: #D1D5DB !important; }
.cal-view-btn { background: rgba(0,0,0,0.05) !important; border-color: rgba(0,0,0,0.12) !important; color: #64748B !important; }
.cal-view-btn.active { background: rgba(184,120,10,0.10) !important; border-color: rgba(184,120,10,0.35) !important; color: #B8780A !important; }
#calSubtitle { color: #64748B !important; }

/* ── 19. Bottom app bar — light theme ── */
.bottom-app-bar {
  background: rgba(255,255,255,0.97) !important;
  border-top: 1px solid rgba(0,0,0,0.10) !important;
  box-shadow: 0 -2px 16px rgba(0,0,0,0.08) !important;
}
.bottom-app-bar a { color: #94A3B8 !important; }
.bottom-app-bar a.bar-active,
.bottom-app-bar a.bar-book { color: #B8780A !important; }
.bottom-app-bar a.bar-book .bar-icon {
  background: rgba(232,160,48,0.12) !important;
  border-color: rgba(232,160,48,0.30) !important;
}


/* ── 20. Manual entry date/time inputs — light theme ── */
.me-input { color-scheme: light !important; background: #FFFFFF !important; border-color: rgba(0,0,0,0.16) !important; color: #1E293B !important; }
.me-input:focus { border-color: #B8780A !important; box-shadow: 0 0 0 2px rgba(184,120,10,0.14) !important; }
.me-panel { background: #F5F7FA !important; border-color: rgba(0,0,0,0.10) !important; }
.mode-btn { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.12) !important; color: #64748B !important; }
.mode-btn.active { background: rgba(184,120,10,0.10) !important; border-color: rgba(184,120,10,0.35) !important; color: #B8780A !important; }