/* R.A.C.E.S. dispatch-console theme -- 2026-10-08. Loaded after style02.php and nav.css, so the member app
   pages (directory, time, account, admin, forms, tables) keep their own component styles inside a light
   content card; this restyles the shell (header, nav, footer) and the home page. 24-hour time throughout. */
:root{
  --navy:#07121f; --navy2:#0d2038; --panel:#14305a; --amber:#ffb400; --amber2:#ff8f00; --cyan:#45d0f5;
  --paper:#f3f6fa; --ink:#14202e; --muted:#51647a; --line:#d5dde8; --alert:#e5392b;
  --display:'Saira Extra Condensed','Barlow Condensed',sans-serif; --ui:'Inter','Source Sans Pro',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --nav-bg:#07121f;
}
html{scroll-behavior:smooth}
body{background:var(--navy)!important;color:var(--ink)!important;font-family:var(--ui)!important;font-size:17px;line-height:1.65;margin:0}
a{color:#0b5cad}a:hover{color:#08427f}
.rc-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---- header ---- */
.site-header{background:rgba(7,18,31,.96)!important;border-bottom:2px solid var(--amber)!important}
.header-inner{max-width:1180px!important;padding:.55rem 24px!important}
.header-inner .logo{display:flex;flex-direction:column;line-height:1.05;color:#fff!important;font-family:var(--display)!important;font-size:1.9rem!important;letter-spacing:.06em;text-transform:uppercase}
.header-inner .logo small{font:600 10.5px var(--ui);letter-spacing:.16em;color:var(--amber);margin-top:3px}
.nav-row{gap:0 .05rem!important}
.nav-row > li > a,.nav-dropdown-trigger{font:600 14px var(--ui)!important;color:#dbe6f2!important;padding:.5rem .5rem!important;border-radius:6px;white-space:nowrap}
.nav-row > li > a:hover,.nav-dropdown-trigger:hover{background:#ffffff14!important;color:#fff!important}
.nav-row > li > a.nav-account{color:var(--amber)!important}
.nav-dropdown-menu{background:#0b1a2d!important;border:1px solid #223652!important;border-radius:8px}
.nav-dropdown-menu a{color:#dbe6f2!important}
.nav-list-mobile a{font-family:var(--ui)}
.nav-drawer{background:#0b1a2d!important}

/* ---- home ---- */
.rc-hero{position:relative;min-height:min(78vh,700px);display:flex;align-items:flex-end;background:#000 center/cover no-repeat;isolation:isolate;color:#fff}
.rc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,18,31,.45) 0%,rgba(7,18,31,.62) 50%,rgba(7,18,31,.98) 100%);z-index:-1}
.rc-hero .rc-wrap{width:100%;padding-top:110px;padding-bottom:60px}
.rc-eyebrow{font:700 13px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
.rc-hero h1{font:700 clamp(48px,8vw,104px)/.92 var(--display)!important;text-transform:uppercase;margin:0 0 18px;max-width:900px;color:#fff!important;letter-spacing:.01em}
.rc-hero h1 em{font-style:normal;color:var(--amber)}
.rc-hero p.lede{font-size:21px;max-width:620px;color:#dbe6f2;margin:0 0 28px}
.rc-cta{display:flex;gap:14px;flex-wrap:wrap}
.rc-btn{display:inline-block;font:700 16px var(--ui);padding:15px 26px;border-radius:6px;text-decoration:none!important;background:var(--amber);color:#1a1200!important;border:2px solid var(--amber);white-space:nowrap}
.rc-btn:hover{background:#ffd066;border-color:#ffd066}
.rc-btn.ghost{background:none;color:#fff!important;border-color:#ffffff88}.rc-btn.ghost:hover{border-color:var(--amber);color:var(--amber)!important;background:none}

.rc-console{background:var(--navy2);border-top:2px solid var(--amber)}
.rc-console .rc-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0}
.rc-tile{padding:28px 26px;border-right:1px solid #1c3250}
.rc-tile:last-child{border-right:0}
.rc-tile .k{font:700 12px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#8fa6c2;margin-bottom:6px}
.rc-tile .v{font:600 clamp(22px,2.3vw,30px)/1.15 var(--mono);color:var(--cyan);white-space:nowrap}
.rc-tile .s{color:#c2d0e2;font-size:16px;margin-top:6px}
.rc-tile .s a{color:#fff}

.rc-sec{padding:76px 0}
.rc-sec.alt{background:var(--navy2)}
.rc-sec h2{font:700 clamp(36px,4.6vw,56px)/1 var(--display)!important;text-transform:uppercase;color:#fff!important;margin:0 0 14px;letter-spacing:.02em}
.rc-sec .sub{color:#b8c8dc;font-size:20px;max-width:680px;margin:0 0 36px}
.rc-split{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start}
.rc-prose{color:#dbe6f2}
.rc-prose p{color:#dbe6f2;margin:0 0 1.1em;font-size:18px}
.rc-prose a{color:var(--amber)}
.rc-prose b,.rc-prose strong{color:#fff}
.rc-photo img{width:100%;border-radius:12px;display:block;margin:0 0 14px;border:1px solid #223652;float:none!important;max-width:100%!important}
.rc-alerts{background:#0b1a2d;border:1px solid #223652;border-left:4px solid var(--amber);border-radius:10px;padding:20px 24px;margin:0 0 34px;color:#dbe6f2}
.rc-alerts h3{font:700 22px var(--display)!important;text-transform:uppercase;color:var(--amber)!important;margin:0 0 6px}
.rc-alerts p{color:#c2d0e2;margin:0 0 .7em}
.rc-alerts hr{border-color:#223652;margin:12px 0}
.rc-affil{background:#050d17;color:#98adc7;font-size:14.5px;padding:14px 0;border-top:1px solid #16273d}
.rc-affil a{color:#c9d8ea}

/* ---- inner pages: existing content in a light card ---- */
.div_main{background:var(--paper)!important;color:var(--ink)!important;border-radius:14px;padding:28px 28px 34px!important;margin:30px auto 40px!important;max-width:1180px!important;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.div_main h1,.div_main h2,.div_main h3{font-family:var(--display)!important;text-transform:uppercase;letter-spacing:.02em;color:var(--navy)!important}
.div_main h2{font-size:2.3rem}
.div_main h3{font-size:1.6rem}
.div_main .feature-box{border-radius:10px}

/* ---- footer ---- */
.rc-footer{background:#050d17;color:#98adc7;padding:48px 0 26px;font-size:15.5px;border-top:2px solid var(--amber)}
.rc-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px}
.rc-footer b{display:block;color:#fff;font:700 21px var(--display);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rc-footer a{color:#dbe6f2}
.rc-icons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:12px}
.rc-icons img{height:34px;margin:0}
.rc-time{font-family:var(--mono)}
body .footer{position:static;display:block;height:auto;min-height:0;padding:.75rem 1rem;text-align:center;line-height:1.4;box-sizing:border-box}

@media (max-width:980px){
  .rc-split{grid-template-columns:1fr;gap:30px}
  .rc-console .rc-wrap{grid-template-columns:1fr}.rc-tile{border-right:0;border-bottom:1px solid #1c3250}
  .rc-footer .cols{grid-template-columns:1fr}
  .rc-sec{padding:56px 0}
}
@media (max-width:767px){
  .div_main{margin:18px 12px 30px!important;padding:18px 16px 24px!important;border-radius:10px}
  .rc-hero{min-height:560px}.rc-hero .rc-wrap{padding-top:80px;padding-bottom:40px}
  .rc-btn{flex:1;text-align:center}
}
html,body{overflow-x:hidden}