/* Montana Pilots Association theme: colour overrides lifted from Mrs. Bear's
   mpa-skin-app/public/style.css (2026-09-25). Generated by comparing each rule
   against the base style.css and keeping only colour values that differ.
   The :root palette lives in the tenant's branding.cssVars, not here. */
body { background: radial-gradient(rgba(255,255,255,0.38) 1px, transparent 1.4px) 0 0 / 22px 22px, radial-gradient(rgba(59,59,59,0.07) 1px, transparent 1.4px) 11px 11px / 22px 22px, var(--bg); }
header { background: linear-gradient(90deg, rgba(18,18,18,0.58) 0%, rgba(38,38,38,0.30) 42%, rgba(18,18,18,0.60) 100%), url('/assets/banner-wall.png') center/cover no-repeat; color: #FFFFFF; box-shadow: 0 4px 20px rgba(61,61,61,0.35); }
.hamburger { color: #FFFFFF; }
.state-selector select { color: #FFFFFF; }
.state-selector select option { color: #FFFFFF; }
.sidebar { background: linear-gradient(180deg, #3D3D3D 0%, #3B3B3B 100%); box-shadow: 2px 0 14px rgba(61,61,61,0.18); }
.nav-btn { color: #FFFFFF; }
.card { box-shadow: 0 2px 10px rgba(59,59,59,0.13), 0 1px 2px rgba(59,59,59,0.08); }
.card:hover { box-shadow: 0 8px 24px rgba(59,59,59,0.18); }
.stat-card { box-shadow: 0 2px 10px rgba(59,59,59,0.13), 0 1px 2px rgba(59,59,59,0.08); }
.badge-danger { background: #EAEAEA; }
.badge-passed { background: #EBEBEB; color: #424242; }
.badge-committee { background: #F1F1F1; color: #535353; }
.data-table tr:hover { background: rgba(105,105,105,0.05); }
.btn-primary { color: #FFFFFF; }
.btn-success:hover { background: #3C3C3C; }
@media (max-width: 900px) {
  .sidebar { box-shadow: 4px 0 24px rgba(12,12,12,0.4); }
  .nav-backdrop { background: rgba(12,12,12,0.45); }
}
.welcome-banner { color: #FFFFFF; }
.dir-btn:hover { background: rgba(105,105,105,0.1); }
.dir-btn.active { color: #FFFFFF; box-shadow: 0 2px 8px rgba(105,105,105,0.28); }
.org-mpa { background: #4F4F4F; }
.org-eaa { background: #575757; }
.org-aopa { background: #606060; }
.org-raf { background: #3B3B3B; }
.org-cap { background: #3C3C3C; }
.org-99s { background: #494949; }
.org-mtaero, .org-mt\ aero { background: #555555; }
.role-switcher select { color: #FFFFFF; }
body[data-role="officer"] .role-switcher { background: rgba(137,137,137,0.28); }
.tier-chip { color: #FFFFFF; }
.tier-platinum { background: #797979; }
.tier-gold { background: #898989; }
.tier-silver { background: #A4A4A4; }
.tier-bronze { background: #777777; }
.btn-mini.danger { border-color: #CECECE; }
.funding-modal { background: rgba(22,22,22,0.55); }
.advisory-banner { border: 1px solid #CBCBCB; }
.cond-seg.active { color: #FFFFFF; }
.dirt-scope { background: linear-gradient(135deg, #F6F6F6 0%, #E8E8E8 100%); }
.dirt-card.st-good { border-left-color: #757575; }
.dirt-card.st-caution { border-left-color: #999999; }
.dirt-pill.status-good { background: #EAEAEA; color: #585858; }
.dirt-pill.status-caution { background: #ECECEC; color: #6B6B6B; }
.dirt-pill.status-closed { background: #EAEAEA; }
.age-fresh { background: #EAEAEA; color: #585858; }
.age-aging { background: #ECECEC; color: #6B6B6B; }
.age-stale { background: #E7E7E7; color: #616161; }
.mc-pill.urg-high { background: #EAEAEA; }
.mc-pill.status-matched { background: #EBEBEB; color: #424242; }
.btn-buy { color: #FFFFFF; }
.report-card { box-shadow: 0 2px 10px rgba(59,59,59,0.13), 0 1px 2px rgba(59,59,59,0.08); }
.view-seg.active { color: #FFFFFF; }
.cal-chip { color: #FFFFFF; }
.cal-chip.t-flyin:hover { background: #6F6F6F; }
.event-card:hover { box-shadow: 0 6px 18px rgba(59,59,59,0.16); }
.st-due { color: #606060; }
.st-lapsed { background: #E0E0E0; }
.subnav-btn:hover { background: rgba(105,105,105,0.1); }
.subnav-btn.active { color: #FFFFFF; box-shadow: 0 2px 8px rgba(105,105,105,0.28); }

/* MPA skin: black & white header and page, verbatim from the "MPA SKIN" block
   at the end of mpa-skin-app/public/style.css. The horizontal MPA lockup is a
   black SVG, so it is inverted to sit on the black header. */
header { background: #000 !important; box-shadow: 0 2px 0 #000, 0 4px 14px rgba(0,0,0,0.25); }
.logo-lockup { filter: invert(1); height: 46px; width: auto; }
body { background: #F4F4F4; }
@media (max-width: 600px) {
  .logo-lockup { height: 38px; max-width: 70vw; object-fit: contain; object-position: left center; }
}