/* Winteride portal theme layer — retint admin/agent/driver/etc to the v1 design.
   Loaded AFTER each portal's own <style>, so these rules win by source order.
   Keeps layout untouched: only colours, fonts, radii, focus + accents change. */
:root{
  --ink:#1A1A2E;
  --sky:#F47920;     /* primary accent -> orange */
  --sky2:#C85F0A;    /* accent-dark / links */
  --line:#D0DDE8;
  --ok:#166534; --warn:#854D0E; --red:#c0392b; --err:#c0392b;
  --navy:#0D2B4E; --orange:#F47920;
  --font-display:'Bebas Neue','Arial Narrow',sans-serif;
  --font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow-md:0 4px 20px rgba(13,43,78,.08);
}
body{font-family:var(--font-body)!important;background:#F4F8FB}

/* dark chrome -> navy */
header{background:#0D2B4E!important}
header a{color:rgba(255,255,255,.82)!important}
header a:hover{color:#fff!important}
aside{background:#0D2B4E!important}
aside button.active{background:var(--orange)!important;color:#fff!important}
.top{background:linear-gradient(135deg,#0D2B4E,#1A5F8A)!important}
.top .sub,.credit .lbl{color:rgba(255,255,255,.72)!important}
/* login / full-page gradient bodies */
body[style*="gradient"],.login-bg{background:linear-gradient(160deg,#0D2B4E,#1A5F8A)!important}

/* display font on identity + big-number elements */
header b,.brand,.top h1,.top .ref,.kpi .n,.credit .val,.price,.total .amt,
h1,h2,h3{font-family:var(--font-display);letter-spacing:.5px;font-weight:400}
h1{letter-spacing:1px}
.kpi .n,.total .amt,.price,.top .ref,.credit .val{letter-spacing:1px}

/* primary buttons -> orange (portals use --sky or --sky2 for these) */
button,a.btn{font-family:var(--font-body)}
button.b,button.ok,.subtabs button.active,.tabs button.on{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}
button:not(.ghost):not(.g):not(.danger):not(.del):not(.warn){/* agent/driver/account default primary */}

/* secondary / ghost buttons */
button.ghost,button.g,a.ghost,button.link{background:#EEF4F9!important;color:#0D2B4E!important;border-color:var(--line)!important}
.subtabs button,.tabs button{color:#0D2B4E}

/* content links (not chrome) -> navy/orange */
main a,.card a,.body a,.note a,form a,p a{color:var(--sky2)}

/* inputs: orange focus ring */
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--orange)!important;box-shadow:0 0 0 3px rgba(244,121,32,.15)!important}

/* cards keep geometry; just soften shadow */
.card{box-shadow:var(--shadow-md)}

/* kpi tiles -> navy */
.kpi{background:#0D2B4E!important}
.kpi .l{color:#9fc4e4!important}