/*
  HITUNE NIGHTRUN THEME
  Original early-2000s tuner / midnight street-racing art direction.
  Visual-only layer: preserves all existing application behavior.
*/

:root{
  --nr-ink:#05070a;
  --nr-ink-2:#0a0d12;
  --nr-panel:#10151c;
  --nr-panel-2:#161d26;
  --nr-steel:#aab5c0;
  --nr-line:rgba(203,218,230,.17);
  --nr-lime:#20d9ff;
  --nr-lime-hot:#8cecff;
  --nr-cyan:#00a8ff;
  --nr-violet:#b12cff;
  --nr-orange:#ff5a18;
  --nr-white:#f5f8fa;
  --nr-muted:#93a0ad;
  --nr-grid:rgba(255,255,255,.035);
  --nr-carbon-a:rgba(255,255,255,.026);
  --nr-carbon-b:rgba(0,0,0,.15);
  --yellow:var(--nr-lime);
  --yellow2:var(--nr-lime-hot);
  --hitune-yellow:var(--nr-lime);
  --hitune-yellow-deep:#6f2fc5;
  --hitune-cyan:var(--nr-cyan);
  --hitune-blue:#316fff;
}

html{background:var(--nr-ink)}
body{
  background:
    radial-gradient(circle at 82% -8%,rgba(177,44,255,.24),transparent 34rem),
    radial-gradient(ellipse at 18% 108%,rgba(224,22,255,.11),transparent 31rem),
    radial-gradient(ellipse at 68% 112%,rgba(0,168,255,.09),transparent 34rem),
    linear-gradient(112deg,transparent 7%,rgba(255,255,255,.035) 18%,transparent 31%) 0 0/420px 320px,
    linear-gradient(rgba(3,5,7,.34),rgba(3,5,7,.58)),
    url("assets/forged-carbon-texture.svg") 0 0/360px 360px,
    var(--nr-ink)!important;
  background-attachment:fixed,fixed,fixed,fixed,fixed,fixed!important;
  color:var(--nr-white);
  font-family:"Arial Narrow","Roboto Condensed",Inter,Arial,sans-serif;
}

/* Fast, angular brand language */
.brand,.admin-brand-mark{
  position:relative;
  text-transform:uppercase;
  transform:skew(-7deg);
  text-shadow:0 0 24px rgba(32,217,255,.18);
}
.brand::after,.admin-brand-mark::after{
  content:"";
  position:absolute;
  left:0;bottom:-7px;
  width:72%;height:2px;
  background:linear-gradient(90deg,var(--nr-lime),var(--nr-cyan),transparent);
  box-shadow:0 0 9px rgba(32,217,255,.55);
}
.brand small,.brand-text span,.admin-brand-sub{color:var(--nr-lime)!important}

header{
  background:rgba(4,6,9,.9)!important;
  border-bottom:1px solid rgba(32,217,255,.24)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34),inset 0 -1px rgba(0,220,255,.08);
}
header::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent 3%,var(--nr-violet) 26%,var(--nr-cyan) 54%,var(--nr-lime) 78%,transparent 97%);
  opacity:.75;
}
nav a{letter-spacing:.075em;text-transform:uppercase}
nav a:not(.btn):hover{color:var(--nr-lime)!important;text-shadow:0 0 14px rgba(32,217,255,.34)}

.btn{
  border-radius:4px!important;
  text-transform:uppercase;
  letter-spacing:.075em;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.btn-yellow{
  background:linear-gradient(105deg,var(--nr-lime-hot),var(--nr-lime) 58%,#177fa7)!important;
  color:#071000!important;
  border-color:transparent!important;
  box-shadow:0 0 0 1px rgba(32,217,255,.2),0 8px 26px rgba(32,217,255,.15)!important;
}
.btn-yellow:hover{filter:brightness(1.1);box-shadow:0 0 22px rgba(32,217,255,.25)!important}
.btn-dark,.btn-light{
  background:
    linear-gradient(112deg,rgba(255,255,255,.09),transparent 34%,rgba(255,255,255,.018) 58%,transparent 78%),
    linear-gradient(rgba(10,15,20,.54),rgba(10,15,20,.72)),
    url("assets/woven-carbon-texture.svg") center/48px 48px,
    linear-gradient(180deg,#1c242e,#10151c)!important;
  background-position:0 0,0 0,center,0 0!important;
  background-size:auto,auto,48px 48px,auto!important;
  color:var(--nr-white)!important;
  border:1px solid var(--nr-line)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.12)!important;
}

.eyebrow{
  color:var(--nr-lime)!important;
  font-style:italic;
  letter-spacing:.22em!important;
  text-shadow:0 0 12px rgba(32,217,255,.2);
}
.eyebrow::before{content:"// ";color:var(--nr-cyan)}

/* Public storefront */
.promo-banner{
  background:
    linear-gradient(105deg,rgba(255,255,255,.055),transparent 25%,transparent 72%,rgba(32,217,255,.035)),
    linear-gradient(rgba(5,8,11,.58),rgba(5,8,11,.72)),
    url("assets/woven-carbon-texture.svg") center/44px 44px,
    linear-gradient(90deg,#0c1219,#121a24 48%,#0c1219)!important;
  background-position:0 0,0 0,center,0 0!important;
  background-size:auto,auto,44px 44px,auto!important;
  color:#eaf7fb!important;
  border-bottom:1px solid rgba(32,217,255,.2)!important;
  box-shadow:0 6px 24px rgba(0,0,0,.3)!important;
}
.promo-banner .container{
  width:min(1180px,calc(100% - 32px));
  padding:10px 16px!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}
.promo-banner strong{
  display:inline-block;
  margin-right:7px;
  color:var(--nr-lime-hot);
  letter-spacing:.1em!important;
}
.promo-banner b{
  display:inline-block;
  padding:2px 7px;
  border:1px solid rgba(32,217,255,.35);
  border-radius:4px;
  background:rgba(32,217,255,.08);
  color:#fff;
  letter-spacing:.08em;
}
.hero{
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 12%,rgba(177,44,255,.16),transparent 29rem),
    radial-gradient(circle at 68% 72%,rgba(0,168,255,.1),transparent 24rem),
    linear-gradient(rgba(5,7,10,.42),rgba(5,7,10,.72)),
    url("assets/forged-carbon-texture.svg") center/420px 420px,
    linear-gradient(180deg,#080b10,#05070a),
    #05070a!important;
  border-bottom:1px solid rgba(32,217,255,.15);
}
.hero::before{
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  transform:none;
  mask-image:linear-gradient(to bottom,#000,transparent 86%);
  opacity:.46;
}
.hero::after{display:none}
.hero-kicker{
  border-radius:3px!important;
  border-color:rgba(32,217,255,.36)!important;
  background:linear-gradient(90deg,rgba(32,217,255,.12),rgba(0,220,255,.035))!important;
  color:#ddf8ff!important;
  clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);
}
.hero-kicker-dot{background:var(--nr-lime)!important;box-shadow:0 0 14px var(--nr-lime)!important}
.hero-service-heading{
  font-family:Impact,"Arial Black","Arial Narrow",sans-serif!important;
  font-style:italic;
  text-transform:uppercase;
  transform:skew(-2deg);
  font-kerning:normal;
  letter-spacing:.005em!important;
  line-height:.9!important;
  text-shadow:3px 4px 0 rgba(0,0,0,.5),0 0 28px rgba(0,220,255,.07);
}
.hero-service-heading span{
  color:var(--nr-lime)!important;
  -webkit-text-stroke:1px rgba(140,236,255,.38);
  text-shadow:2px 3px 0 #321954,0 0 25px rgba(32,217,255,.16)!important;
}
.hero-service-heading span::after{content:" /";color:var(--nr-cyan);font-size:.55em;vertical-align:.18em}
.hero h2{font-style:italic;text-transform:uppercase;letter-spacing:-.025em!important}
.hero-proof div{border-left-color:var(--nr-lime)!important;transform:skew(-4deg)}
.hero-proof strong,.hero-proof span{transform:skew(4deg)}

.hero-status-card{
  border-radius:16px!important;
  border:1px solid rgba(0,220,255,.25)!important;
  background:linear-gradient(145deg,rgba(18,25,33,.98),rgba(7,10,14,.98))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 34px rgba(0,220,255,.08)!important;
  clip-path:none;
}
.hero-status-card::before{content:"HITUNE // RUN 01";display:block;color:var(--nr-lime);font-size:.58rem;font-weight:900;letter-spacing:.2em;margin-bottom:10px}
.live-dot{background:var(--nr-lime)!important;box-shadow:0 0 14px var(--nr-lime)!important}
.status-card-top b{color:var(--nr-lime)!important}
.status-card-code{border-radius:2px!important;background:rgba(32,217,255,.08)!important;border-color:rgba(32,217,255,.25)!important}
.status-card-code strong{color:var(--nr-lime)!important}
.status-card-route{border-radius:2px!important;border-left:2px solid var(--nr-cyan)}
.route-pin{border-radius:2px!important;background:rgba(0,220,255,.13)!important;color:var(--nr-cyan)!important}
.hero-float{border-radius:3px!important;background:rgba(8,12,17,.96)!important}
.hero-float-one{color:var(--nr-lime)!important;border-color:rgba(32,217,255,.34)!important}
.hero-float-two{color:var(--nr-cyan)!important;border-color:rgba(0,220,255,.34)!important}

/* Immediate roadside assistance */
.roadside-open,.roadside-submit{
  background:linear-gradient(105deg,#ffe56b,#f2c230 58%,#c99412)!important;
  color:#171104!important;border:1px solid #ffe47a!important;
  box-shadow:0 0 22px rgba(242,194,48,.18)!important;
}
.roadside-open:hover,.roadside-submit:hover{filter:brightness(1.08);box-shadow:0 0 28px rgba(242,194,48,.3)!important}
.roadside-nav{min-height:40px!important;padding:9px 13px!important;font-size:.7rem!important}
.hero-roadside{min-height:54px;padding:0 21px}
.mobile-book-cta{gap:8px}.mobile-book-cta>*{flex:1}
.roadside-dialog{
  width:min(760px,calc(100% - 24px));max-height:calc(100vh - 30px);overflow:auto;
  padding:0;border:1px solid rgba(255,90,24,.45);border-radius:5px;
  background:linear-gradient(145deg,#151c24,#090d12);color:var(--nr-white);
  box-shadow:0 32px 100px rgba(0,0,0,.72),0 0 45px rgba(255,74,22,.12);
}
.roadside-dialog::backdrop{background:rgba(1,3,5,.84);backdrop-filter:blur(7px)}
.roadside-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 15px;border-top:3px solid var(--nr-orange);border-bottom:1px solid var(--nr-line)}
.roadside-dialog-head h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:5px 0 0;color:#fff;font-style:italic;text-transform:uppercase}
.roadside-close{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--nr-line);background:#0a0e13;color:#fff;font-size:1.5rem;cursor:pointer}
.roadside-close:hover{color:var(--nr-orange);border-color:var(--nr-orange)}
.roadside-intro{margin:0;padding:16px 24px;color:#b7c3cc;line-height:1.55;background:rgba(255,90,24,.045)}
#roadsideForm{padding:20px 24px 26px;gap:15px}
.roadside-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.roadside-service-grid label{display:block;position:relative;margin:0;cursor:pointer}
.roadside-service-grid input{position:absolute;opacity:0;pointer-events:none}
.roadside-service-grid span{display:block;min-height:82px;padding:13px 14px;border:1px solid var(--nr-line);background:#0a0e13;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.roadside-service-grid b,.roadside-service-grid small{display:block}.roadside-service-grid b{font-size:.9rem;color:#f4f7f9;text-transform:uppercase;letter-spacing:.04em}.roadside-service-grid small{font-size:.73rem;color:#8f9ca7;margin-top:5px;line-height:1.35}
.roadside-service-grid input:checked+span{border-color:var(--nr-orange);background:rgba(255,90,24,.1);box-shadow:inset 3px 0 0 var(--nr-orange)}
.roadside-service-grid input:focus-visible+span{outline:2px solid var(--nr-cyan);outline-offset:2px}
.roadside-dialog label{font-size:.8rem;color:#d7e0e6}
.roadside-dialog textarea{min-height:86px}
.roadside-location-btn{width:max-content;font-size:.72rem!important}
.roadside-safety{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;padding:11px 12px;border-left:3px solid var(--nr-orange);background:rgba(255,90,24,.06)}
.roadside-safety input{width:18px!important;height:18px!important;flex:0 0 18px;margin:1px 0 0}
.roadside-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}
.roadside-submit{min-height:52px;font-size:.84rem!important}
#roadsideStatus{margin-top:2px}

.trust-ribbon,.services-section,.experience-section{
  background:
    linear-gradient(135deg,rgba(255,255,255,.016) 25%,transparent 25%) 0 0/7px 7px,
    #0a0d12!important;
}
.trust-icon,.home-service-card .service-icon,.experience-cards article>span{
  border-radius:3px!important;
  background:rgba(32,217,255,.1)!important;
  color:var(--nr-lime)!important;
}
.section-heading h2,.experience-copy h2{font-style:italic;text-transform:uppercase}
.section-heading h2 span{color:#6f7a86!important}
.home-service-card,.experience-cards article,.service-area-banner{
  border-radius:14px!important;
  border-color:var(--nr-line)!important;
  background:linear-gradient(145deg,rgba(24,31,40,.9),rgba(10,14,19,.97))!important;
  clip-path:none;
}
.home-service-card:hover{
  border-color:rgba(32,217,255,.72)!important;
  box-shadow:0 0 0 1px rgba(32,217,255,.25),0 18px 42px rgba(0,0,0,.35)!important;
}
.home-service-card::after{color:var(--nr-lime)!important;letter-spacing:.08em;text-transform:uppercase}
.service-area-banner{border-left:3px solid var(--nr-cyan)!important}

#book.section.light{
  background:
    linear-gradient(118deg,transparent 0 68%,rgba(177,44,255,.07) 68% 68.4%,transparent 68.4%),
    radial-gradient(circle at 88% 12%,rgba(0,168,255,.08),transparent 26rem),
    linear-gradient(114deg,transparent 8%,rgba(255,255,255,.022) 21%,transparent 34%) 0 0/180px 138px,
    conic-gradient(from 29deg at 22% 33%,transparent 0 13%,rgba(185,202,214,.022) 14% 23%,transparent 24% 53%,rgba(0,0,0,.2) 54% 69%,transparent 70% 100%) 0 0/132px 101px,
    conic-gradient(from 211deg at 73% 68%,transparent 0 18%,rgba(255,255,255,.016) 19% 28%,transparent 29% 63%,rgba(0,0,0,.17) 64% 78%,transparent 79% 100%) 41px 23px/157px 119px,
    #0c1015!important;
  color:var(--nr-white);
}
#book .section-intro h2{color:var(--nr-white)}
#book .section-intro .muted{color:var(--nr-muted)!important}
#book .card,.page .card,.list-item{
  background:linear-gradient(145deg,#151c24,#0d1218)!important;
  color:var(--nr-white)!important;
  border:1px solid var(--nr-line)!important;
  border-radius:5px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}
#book label,#book .booking-section-title,.page label{color:#dbe3e9!important}
#book .vehicle-entry-panel,.compact-optional,.notice{
  background:rgba(255,255,255,.035)!important;
  border-color:var(--nr-line)!important;
  color:#dce5eb!important;
  border-radius:4px!important;
}
input,textarea,select{
  background:#080b0f!important;
  color:#f4f8fa!important;
  border-color:rgba(190,207,221,.25)!important;
  border-radius:3px!important;
}
input:focus,textarea:focus,select:focus{border-color:var(--nr-lime)!important;box-shadow:0 0 0 2px rgba(32,217,255,.12)!important}
.vehicle-method,.date-pill,.time-slot,.tab{
  background:#111821!important;color:#dfe8ed!important;border-color:var(--nr-line)!important;border-radius:3px!important;
}

/* Booking flow belongs to the same night-run surface as the dashboard. */
#book .booking-path{
  background:
    linear-gradient(108deg,rgba(255,255,255,.07),transparent 29%,transparent 72%,rgba(32,217,255,.025)),
    linear-gradient(rgba(7,11,15,.62),rgba(7,11,15,.76)),
    url("assets/woven-carbon-texture.svg") center/42px 42px,
    linear-gradient(110deg,#101720,#0b1016)!important;
  background-position:0 0,0 0,center,0 0!important;
  background-size:auto,auto,42px 42px,auto!important;
  border-color:rgba(32,217,255,.2)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.22)!important;
}
#book .booking-path span{color:#aebbc5!important}
#book .booking-path b{
  background:#172632!important;color:#72e8ff!important;
  border:1px solid rgba(32,217,255,.34)!important;
  box-shadow:0 0 14px rgba(32,217,255,.1)!important;
}
#book .booking-step{
  background:linear-gradient(145deg,#131b24,#0d131a)!important;
  border-color:rgba(169,193,210,.16)!important;
  border-left:3px solid rgba(32,217,255,.48)!important;
  color:#eef5f8!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.15)!important;
}
#book .service-block.booking-step{
  background:linear-gradient(135deg,rgba(25,40,52,.98),rgba(10,16,23,.99))!important;
  border-left-color:var(--nr-lime)!important;
}
#book .booking-step>.booking-section-title:first-child{color:#f5f9fb!important}
#book .booking-step .meta,#book #selectedServicesSummary{color:#a7b5c0!important}
#book .service-multiselect{
  background:#080d13!important;border:1px solid rgba(112,229,255,.22)!important;
}
#book .service-multiselect summary{color:#f1f7fa!important}
#book .service-options{background:#0c1219!important;border-color:rgba(255,255,255,.1)!important}
#book .service-option{color:#eaf1f5!important;border-color:rgba(255,255,255,.08)!important}
#book .vehicle-entry-panel,#book .compact-optional{
  background:#090f15!important;border-color:rgba(178,199,214,.17)!important;
}
#book .compact-optional summary{color:#c6d2da!important}
#book #bookingForm input,#book #bookingForm select,#book #bookingForm textarea{
  background:#070c11!important;color:#f5f9fb!important;
  border-color:rgba(174,198,215,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#book #bookingForm input::placeholder,#book #bookingForm textarea::placeholder{color:#71808c!important}
#book #bookingForm input:focus,#book #bookingForm select:focus,#book #bookingForm textarea:focus{
  background:#0a1118!important;border-color:#34dfff!important;
  box-shadow:0 0 0 3px rgba(32,217,255,.11),0 0 22px rgba(32,217,255,.08)!important;
}
#book .booking-checkout-panel{
  background:
    linear-gradient(112deg,rgba(255,255,255,.065),transparent 27%,transparent 73%,rgba(255,210,55,.025)),
    linear-gradient(rgba(7,11,15,.58),rgba(7,11,15,.72)),
    url("assets/woven-carbon-texture.svg") center/46px 46px,
    linear-gradient(135deg,#121a22,#0a1017)!important;
  background-position:0 0,0 0,center,0 0!important;
  background-size:auto,auto,46px 46px,auto!important;
  border-color:rgba(255,210,55,.34)!important;
  border-left:3px solid #ffd237!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
#book .booking-checkout-kicker{color:#ffe172!important}
#book .booking-checkout-panel .trip-fee-note{
  background:#080d12!important;border-color:rgba(255,255,255,.12)!important;color:#b8c4cc!important;
}
#book .booking-checkout-panel .trip-fee-note strong{color:#fff!important}
#book .address-status{color:#9daab4!important}
#book .address-status.verified{color:#72e6a1!important}
#book .address-status.manual{color:#ffd66b!important}
.vehicle-method.active,.date-pill.selected,.time-slot.selected,.tab.active{
  background:var(--nr-lime)!important;color:#071000!important;border-color:var(--nr-lime)!important;
}
footer{border-top:1px solid rgba(32,217,255,.18)!important}

/* Login and customer portal */
.page{
  background:
    radial-gradient(circle at 90% 4%,rgba(0,220,255,.11),transparent 24rem),
    radial-gradient(circle at 10% 95%,rgba(177,44,255,.13),transparent 28rem),
    linear-gradient(117deg,transparent 7%,rgba(255,255,255,.024) 20%,transparent 34%) 0 0/176px 134px,
    conic-gradient(from 34deg at 26% 38%,transparent 0 12%,rgba(194,207,217,.022) 13% 22%,transparent 23% 52%,rgba(0,0,0,.2) 53% 68%,transparent 69% 100%) 0 0/130px 99px,
    conic-gradient(from 216deg at 70% 66%,transparent 0 17%,rgba(255,255,255,.016) 18% 29%,transparent 30% 64%,rgba(0,0,0,.17) 65% 79%,transparent 80% 100%) 39px 21px/154px 116px,
    #080b0f!important;
}
.page-header h1{color:var(--nr-white)!important;font-style:italic;text-transform:uppercase}
.page-header{border-left:4px solid var(--nr-lime);padding-left:16px}
.card h2,.card h3,.list-item strong{color:var(--nr-white)}
.card p,.muted,.meta{color:var(--nr-muted)}
.status{border-radius:3px!important}
.status.pending{background:rgba(32,217,255,.14)!important;color:var(--nr-lime)!important}
.status.confirmed{background:rgba(0,220,255,.12)!important;color:#62ebff!important}
.status.completed{background:rgba(177,44,255,.16)!important;color:#ad8dff!important}
.status.cancelled{background:rgba(255,90,24,.14)!important;color:#ff8b5e!important}
.notification-menu,.home-notification-menu{border-radius:4px!important;border-color:rgba(32,217,255,.25)!important;background:#0d1218!important}

/* Email verification screen — explicit contrast over the dark NIGHTRUN card */
.verify-card h1,
.verify-card #verifyTitle{
  color:#f7fbfd!important;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.verify-card p,
.verify-card #verifyMessage{
  color:#c5d0d8!important;
}
.verify-card .verify-icon{
  background:#dff8e9!important;
  color:#126b3b!important;
  box-shadow:0 0 0 1px rgba(32,217,255,.2),0 0 30px rgba(32,217,255,.08);
}
.verify-card .notice{
  background:#182029!important;
  color:#e5edf2!important;
  border-color:rgba(197,216,229,.2)!important;
}
.verify-card .notice.success{
  background:rgba(32,217,255,.1)!important;
  color:#e3ff9a!important;
  border-color:rgba(32,217,255,.32)!important;
}
.verify-card .notice.error{
  background:rgba(255,90,24,.11)!important;
  color:#ffb093!important;
  border-color:rgba(255,90,24,.32)!important;
}

/* Admin: disciplined race-control dashboard */
body.admin-saas{
  --admin-bg:#070a0e;
  --admin-surface:#0e1319;
  --admin-surface-soft:#121922;
  --admin-border:rgba(187,204,217,.15);
  --admin-border-strong:rgba(187,204,217,.25);
  --admin-text:#edf3f6;
  --admin-muted:#8e9ca8;
  --admin-icon:#a7b4bf;
  --admin-hover:#151e27;
  --admin-active:#1b2731;
  background:#070a0e!important;color:var(--nr-white)!important;
}
.admin-saas .admin-sidebar{
  background:linear-gradient(180deg,#0c1117,#070a0e)!important;
  border-right-color:rgba(32,217,255,.18)!important;
}
.admin-saas .admin-sidebar-brand{border-bottom-color:var(--admin-border)!important}
.admin-saas .admin-brand-mark,.admin-saas .admin-brand-name{color:var(--nr-white)!important}
.admin-saas .admin-badge{background:rgba(32,217,255,.12)!important;color:var(--nr-lime)!important;border-radius:2px!important}
.admin-saas .admin-side-nav .tab{color:#aeb9c2!important;border-radius:3px!important;clip-path:none}
.admin-saas .admin-side-nav .tab:hover{background:#121a22!important;color:#fff!important}
.admin-saas .admin-side-nav .tab.active{
  background:linear-gradient(90deg,rgba(32,217,255,.2),rgba(32,217,255,.035))!important;
  color:var(--nr-lime)!important;
  box-shadow:inset 3px 0 0 var(--nr-lime)!important;
}
.admin-saas .side-icon{color:inherit!important}
.admin-saas .admin-sidebar-footer{border-top-color:var(--admin-border)!important}
.admin-saas .admin-customer-view,.admin-saas .admin-logout{color:#9ba8b3!important;border-radius:3px!important}
.admin-saas .admin-main{background:linear-gradient(rgba(5,7,10,.58),rgba(5,7,10,.72)),url("assets/forged-carbon-texture.svg") center/410px 410px,#070a0e!important;background-attachment:fixed!important}
.admin-saas .admin-topbar{
  background:rgba(10,14,19,.93)!important;border-bottom-color:var(--admin-border)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.admin-saas .admin-topbar::after{content:"";position:absolute;left:0;bottom:-1px;width:34%;height:1px;background:linear-gradient(90deg,var(--nr-lime),var(--nr-cyan),transparent)}
.admin-saas .admin-topbar h1,.admin-saas h1,.admin-saas h2,.admin-saas h3,.admin-saas h4,.admin-saas strong{color:var(--nr-white)!important}
.admin-saas .admin-section-subtitle,.admin-saas .muted,.admin-saas .meta{color:var(--nr-muted)!important}
.admin-saas .eyebrow{color:var(--nr-lime)!important}
.admin-saas .admin-notification-button,
.admin-saas .admin-theme-toggle{
  background:#121922!important;
  color:#dce6ec!important;
  border-color:var(--admin-border-strong)!important;
  border-radius:3px!important;
  box-shadow:none!important;
}
.admin-saas .admin-notification-button:hover,
.admin-saas .admin-theme-toggle:hover{
  background:#1a242e!important;
  color:var(--nr-lime)!important;
  border-color:rgba(32,217,255,.32)!important;
}
.admin-saas .admin-notification-bell{display:block;color:var(--nr-lime);filter:drop-shadow(0 0 5px rgba(32,217,255,.22))}
.admin-saas .admin-notification-menu{background:#0d1319!important;border-color:var(--admin-border-strong)!important;border-radius:4px!important}
.admin-saas .admin-notification-head{border-color:var(--admin-border)!important}
.admin-saas .admin-notification-head button{color:#aab7c1!important}
.admin-saas .admin-notification-item{background:#0d1319!important;color:#dce5ea!important;border-color:rgba(190,207,221,.09)!important}
.admin-saas .admin-notification-item:hover{background:#151e27!important}
.admin-saas .admin-notification-item.unread{background:rgba(32,217,255,.055)!important}
.admin-saas .admin-notification-body{color:#aebac3!important}
.admin-saas .admin-notification-meta{color:#83919c!important}
.admin-saas .admin-notification-category{background:#18212a!important;color:#c1cbd2!important}
.admin-saas .card,.admin-saas .list-item,.admin-saas details.card,.admin-saas .ro-workspace,.admin-saas .appt-toolbar-card,
.admin-saas .ro-hero,.admin-saas .ro-section,.admin-saas .ro-totalbar{
  background:linear-gradient(145deg,#111820,#0c1117)!important;
  color:var(--nr-white)!important;
  border-color:var(--admin-border)!important;
  border-radius:4px!important;
  box-shadow:0 9px 26px rgba(0,0,0,.15)!important;
}
.admin-saas input,.admin-saas select,.admin-saas textarea{
  background:#080c10!important;color:#edf4f7!important;border-color:var(--admin-border-strong)!important;border-radius:3px!important;
}
.admin-saas input:focus,.admin-saas select:focus,.admin-saas textarea:focus{border-color:var(--nr-lime)!important;box-shadow:0 0 0 2px rgba(32,217,255,.1)!important}
.admin-saas label{color:#c5d0d8!important}
.admin-saas .btn{border-radius:3px!important}
.admin-saas .btn-light{background:#141b23!important;color:#e8eef2!important;border-color:var(--admin-border-strong)!important}
.admin-saas .btn-light:hover{background:#1b252f!important;border-color:rgba(32,217,255,.28)!important}
.admin-saas .btn-yellow{background:var(--nr-lime)!important;color:#071000!important;border-color:var(--nr-lime)!important}
.admin-saas .btn-danger{background:rgba(255,90,24,.08)!important;color:#ff8a5c!important;border-color:rgba(255,90,24,.28)!important}
.admin-saas .notice{background:rgba(255,255,255,.035)!important;color:#cbd5dc!important;border-color:var(--admin-border)!important;border-radius:3px!important}
.admin-saas .notice.success{background:rgba(32,217,255,.07)!important;border-color:rgba(32,217,255,.22)!important;color:#bdecff!important}
.admin-saas .notice.error{background:rgba(255,90,24,.08)!important;border-color:rgba(255,90,24,.24)!important;color:#ff9a73!important}
.admin-saas table{color:#dce5ea!important;background:#0c1117!important}
.admin-saas th{background:#141b23!important;color:#8998a5!important;border-color:var(--admin-border)!important}
.admin-saas td{background:#0d1319!important;color:#d7e0e6!important;border-color:rgba(190,207,221,.08)!important}
.admin-saas tbody tr:hover td{background:#141d25!important}
.admin-saas .customer-directory-wrap,.admin-saas .vehicle-table-wrap{border-color:var(--admin-border)!important;border-radius:3px!important}
.admin-saas .calendar-view-toggle{background:#0a0e13!important;border-color:var(--admin-border)!important;border-radius:3px!important}
.admin-saas .calendar-view-toggle .btn{color:#84929d!important;clip-path:none}
.admin-saas .calendar-view-toggle .btn.active{background:var(--nr-lime)!important;color:#071000!important;box-shadow:none!important}
.admin-saas .appt-toolbar-card,
.admin-saas .appt-toolbar-card button,
.admin-saas .appt-period-label,
.admin-saas .calendar-view-toggle{
  user-select:none;
  -webkit-user-select:none;
}
.admin-saas ::selection{background:var(--nr-lime);color:#071000}
.admin-saas .calendar-grid{scrollbar-color:rgba(32,217,255,.45) #0a0e13;scrollbar-width:thin}
.admin-saas .calendar-grid::-webkit-scrollbar{height:9px}
.admin-saas .calendar-grid::-webkit-scrollbar-track{background:#0a0e13}
.admin-saas .calendar-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6f2fc5,#20d9ff);border:2px solid #0a0e13;border-radius:8px}
.admin-saas .day-column,.admin-saas .week-day,.admin-saas .month-cell,.admin-saas .calendar-day{
  background:#0d1319!important;border-color:var(--admin-border)!important;color:#e8eef2!important;border-radius:3px!important;
}
.admin-saas .calendar-appt{background:#151f28!important;border-left-color:var(--nr-lime)!important;color:#e9f0f3!important;border-radius:2px!important}
.admin-saas .ro-chip,.admin-saas .summary-pill,.admin-saas .appt-summary-pill{
  background:#141b23!important;color:#aebbc4!important;border-color:var(--admin-border)!important;border-radius:3px!important;
}
.admin-saas .ro-line,.admin-saas .ro-add-service,.admin-saas .inspection-flow-strip,.admin-saas .inspection-group-compact,
.admin-saas .inspection-card-compact,.admin-saas .vehicle-search-hero,.admin-saas .vehicle-add-card,.admin-saas .customer-card{
  background:#0d1319!important;border-color:var(--admin-border)!important;color:#dfe8ed!important;border-radius:3px!important;
}
.admin-saas .inspection-group-title-compact{background:#151d25!important;color:#e9f0f4!important;border-color:var(--admin-border)!important}
.admin-saas .mail-folders,.admin-saas .mail-list-pane,.admin-saas .mail-reader{background:#0c1117!important;border-color:var(--admin-border)!important}
.admin-saas .mail-row:hover{background:#141c24!important}.admin-saas .mail-row.active{background:rgba(32,217,255,.07)!important;box-shadow:inset 3px 0 0 var(--nr-lime)!important}
.roadside-admin-panel{margin-bottom:12px;padding:14px;border:1px solid rgba(255,90,24,.32);border-left:4px solid var(--nr-orange);background:linear-gradient(135deg,rgba(255,90,24,.08),rgba(13,19,25,.96));border-radius:4px}
.roadside-admin-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.roadside-admin-head h2{margin:3px 0 2px!important}
.roadside-admin-head-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.roadside-admin-panel.is-collapsed{padding-block:11px}.roadside-admin-panel.is-collapsed .roadside-admin-head{margin-bottom:0}.roadside-admin-panel.is-collapsed #roadsideAdminContent,.roadside-admin-panel.is-collapsed #roadsideHistoryToggle,.roadside-admin-panel.is-collapsed #clearRoadsideRequests,.roadside-admin-panel.is-collapsed #refreshRoadsideRequests{display:none}.roadside-admin-panel.is-collapsed .roadside-admin-head .muted{display:none}
.roadside-admin-list{display:grid;gap:9px}.roadside-admin-empty{padding:18px;text-align:center;border:1px dashed var(--admin-border);color:var(--admin-muted)}.roadside-admin-empty strong,.roadside-admin-empty span{display:block}.roadside-admin-empty span{margin-top:4px;font-size:.72rem}
.roadside-admin-card{padding:13px;background:#0b1117;border:1px solid var(--admin-border);border-radius:3px}.roadside-admin-card.status-pending{border-color:rgba(255,90,24,.45);box-shadow:inset 3px 0 0 var(--nr-orange)}.roadside-admin-card.status-accepted{border-color:rgba(32,217,255,.35);box-shadow:inset 3px 0 0 var(--nr-lime)}
.roadside-admin-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.roadside-admin-card-top h3{margin:5px 0 0!important;font-size:1rem!important}.roadside-admin-card-top time{font-size:.68rem;color:var(--admin-muted)}
.roadside-urgent-tag{display:inline-block;font-size:.58rem;font-weight:950;letter-spacing:.1em;color:#ff956b}.status-accepted .roadside-urgent-tag{color:var(--nr-lime)}
.roadside-admin-grid{display:grid;grid-template-columns:1fr .9fr 1.3fr;gap:10px;margin-top:12px}.roadside-admin-grid>div{padding:10px;border:1px solid var(--admin-border);background:rgba(255,255,255,.02)}.roadside-admin-grid span,.roadside-admin-grid strong,.roadside-admin-grid a{display:block}.roadside-admin-grid span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--admin-muted);margin-bottom:4px}.roadside-admin-grid strong{font-size:.75rem}.roadside-admin-grid a{color:var(--nr-cyan);font-size:.69rem;margin-top:4px;overflow-wrap:anywhere}.roadside-admin-issue{grid-column:1/-1}.roadside-response-note{margin-top:9px;padding:9px 10px;background:rgba(32,217,255,.06);border-left:2px solid var(--nr-lime);font-size:.72rem}.roadside-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}

@media(max-width:720px){
  .container{width:min(100% - 24px,1180px)}
  .hero::after{display:none}
  .hero-service-heading{letter-spacing:.008em!important;line-height:.93!important;text-shadow:2px 3px 0 rgba(0,0,0,.55)!important}
  .hero-service-heading span{text-shadow:1px 2px 0 #321954,0 0 20px rgba(32,217,255,.14)!important}
  .hero-proof div{transform:none}.hero-proof strong,.hero-proof span{transform:none}
  .hero-status-card{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
  .page-header{padding-left:11px}
  .admin-saas .appt-period-nav{display:grid!important;grid-template-columns:44px 1fr 44px 1fr;width:100%;gap:7px!important}
  .admin-saas .appt-period-nav .btn{width:100%;min-width:0!important}
  .roadside-nav{display:none!important}
  .hero-roadside{width:100%;justify-content:center}
  .roadside-dialog{max-height:calc(100vh - 14px)}
  .roadside-dialog-head{padding:18px 16px 13px}.roadside-intro{padding:14px 16px;font-size:.86rem}
  #roadsideForm{padding:16px}.roadside-service-grid{grid-template-columns:1fr}
  .roadside-service-grid span{min-height:68px}.roadside-location-btn{width:100%}
  .roadside-admin-head{align-items:stretch;flex-direction:column}.roadside-admin-head-actions{justify-content:stretch}.roadside-admin-head-actions .btn{flex:1 1 auto}.roadside-admin-panel.is-collapsed .roadside-admin-head{align-items:center;flex-direction:row}.roadside-admin-grid{grid-template-columns:1fr}.roadside-admin-issue{grid-column:auto}.roadside-admin-actions .btn{width:100%}
}

/* ================================================================
   ADMIN THEME MODES
   Default = bright metallic light mode. .admin-dark = true midnight.
   These mode rules intentionally sit last to outrank the legacy theme.
   ================================================================ */
body.admin-saas:not(.admin-dark){
  --admin-bg:#e8edf0;
  --admin-surface:#ffffff;
  --admin-surface-soft:#f3f6f7;
  --admin-border:#ccd4d9;
  --admin-border-strong:#b7c1c8;
  --admin-text:#151a1e;
  --admin-muted:#58636c;
  --admin-icon:#57636c;
  --admin-hover:#eaf0f2;
  --admin-active:#dfe7ea;
  background:#e8edf0!important;
  color:#151a1e!important;
  color-scheme:light;
}
body.admin-saas:not(.admin-dark) .admin-main{background:#e8edf0!important}
body.admin-saas:not(.admin-dark) .admin-sidebar{
  background:linear-gradient(180deg,#ffffff,#f1f5f6)!important;
  border-right-color:#c8d2d7!important;
}
body.admin-saas:not(.admin-dark) .admin-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:#cbd4d9!important;
}
body.admin-saas:not(.admin-dark) .admin-sidebar-brand,
body.admin-saas:not(.admin-dark) .admin-sidebar-footer{border-color:#d5dde1!important}
body.admin-saas:not(.admin-dark) .admin-brand-mark,
body.admin-saas:not(.admin-dark) .admin-brand-name,
body.admin-saas:not(.admin-dark) .admin-topbar h1,
body.admin-saas:not(.admin-dark) h1,
body.admin-saas:not(.admin-dark) h2,
body.admin-saas:not(.admin-dark) h3,
body.admin-saas:not(.admin-dark) h4,
body.admin-saas:not(.admin-dark) strong{color:#151a1e!important}
/* Keep the purple admin branding crisp against the light header. */
body.admin-saas:not(.admin-dark) .admin-brand-sub{
  color:#5b2b91!important;
  text-shadow:0 1px 1px rgba(0,0,0,.42),0 0 1px rgba(0,0,0,.25);
}
body.admin-saas:not(.admin-dark) .admin-badge{
  background:#eedfff!important;
  color:#421d70!important;
  border:1px solid #9160d3!important;
  text-shadow:0 1px 1px rgba(0,0,0,.24);
  box-shadow:0 2px 5px rgba(20,30,10,.14);
}
body.admin-saas:not(.admin-dark) .admin-section-subtitle,
body.admin-saas:not(.admin-dark) .muted,
body.admin-saas:not(.admin-dark) .meta{color:#59656e!important}
body.admin-saas:not(.admin-dark) .eyebrow{color:#5b2b91!important;text-shadow:none!important}
body.admin-saas:not(.admin-dark) .admin-side-nav .tab,
body.admin-saas:not(.admin-dark) .admin-customer-view,
body.admin-saas:not(.admin-dark) .admin-logout{color:#3d474e!important}
body.admin-saas:not(.admin-dark) .admin-side-nav .tab:hover,
body.admin-saas:not(.admin-dark) .admin-customer-view:hover,
body.admin-saas:not(.admin-dark) .admin-logout:hover{background:#e8eef1!important;color:#11181c!important}
body.admin-saas:not(.admin-dark) .admin-side-nav .tab.active{
  background:linear-gradient(90deg,rgba(177,44,255,.16),rgba(32,217,255,.07))!important;
  color:#4e197d!important;box-shadow:inset 3px 0 0 #6f2fc5!important;
}
body.admin-saas:not(.admin-dark) .card,
body.admin-saas:not(.admin-dark) .list-item,
body.admin-saas:not(.admin-dark) details.card,
body.admin-saas:not(.admin-dark) .ro-workspace,
body.admin-saas:not(.admin-dark) .appt-toolbar-card,
body.admin-saas:not(.admin-dark) .ro-hero,
body.admin-saas:not(.admin-dark) .ro-section,
body.admin-saas:not(.admin-dark) .ro-totalbar{
  background:linear-gradient(145deg,#ffffff,#f7f9fa)!important;
  color:#20272c!important;border-color:#cdd6db!important;
  box-shadow:0 5px 18px rgba(24,35,42,.07)!important;
}
body.admin-saas:not(.admin-dark) input,
body.admin-saas:not(.admin-dark) select,
body.admin-saas:not(.admin-dark) textarea{
  background:#fff!important;color:#1b2227!important;border-color:#bdc7cd!important;
}
body.admin-saas:not(.admin-dark) input::placeholder,
body.admin-saas:not(.admin-dark) textarea::placeholder{color:#77838c!important}
body.admin-saas:not(.admin-dark) label{color:#303a41!important}
body.admin-saas:not(.admin-dark) .btn-light,
body.admin-saas:not(.admin-dark) .admin-theme-toggle,
body.admin-saas:not(.admin-dark) .admin-notification-button{
  background:#fff!important;color:#222b31!important;border-color:#bcc7cd!important;
}
body.admin-saas:not(.admin-dark) .btn-light:hover,
body.admin-saas:not(.admin-dark) .admin-theme-toggle:hover,
body.admin-saas:not(.admin-dark) .admin-notification-button:hover{
  background:#f0eaff!important;color:#4e197d!important;border-color:#9160d3!important;
}
body.admin-saas:not(.admin-dark) .notice{background:#f0f4f5!important;color:#364149!important;border-color:#cbd5da!important}
body.admin-saas:not(.admin-dark) .notice.success{background:#edf8d5!important;color:#3d5900!important;border-color:#bfd87e!important}
body.admin-saas:not(.admin-dark) .notice.error{background:#fff0ea!important;color:#8b3214!important;border-color:#e5b5a3!important}
body.admin-saas:not(.admin-dark) table{background:#fff!important;color:#20272c!important}
body.admin-saas:not(.admin-dark) th{background:#eaf0f2!important;color:#4f5c65!important;border-color:#cbd4d9!important}
body.admin-saas:not(.admin-dark) td{background:#fff!important;color:#263036!important;border-color:#e0e5e8!important}
body.admin-saas:not(.admin-dark) tbody tr:hover td{background:#f1f5f6!important}
body.admin-saas:not(.admin-dark) .calendar-view-toggle{background:#e6ecef!important;border-color:#c7d0d5!important}
body.admin-saas:not(.admin-dark) .calendar-view-toggle .btn{color:#4e5a63!important}
body.admin-saas:not(.admin-dark) .calendar-view-toggle .btn.active{background:#20d9ff!important;color:#061318!important}
body.admin-saas:not(.admin-dark) .day-column,
body.admin-saas:not(.admin-dark) .week-day,
body.admin-saas:not(.admin-dark) .month-cell,
body.admin-saas:not(.admin-dark) .calendar-day{background:#fff!important;color:#20282d!important;border-color:#cbd4d9!important}
body.admin-saas:not(.admin-dark) .calendar-appt{background:#edf3f8!important;color:#263139!important;border-left-color:#00a8d4!important}
body.admin-saas:not(.admin-dark) .ro-chip,
body.admin-saas:not(.admin-dark) .summary-pill,
body.admin-saas:not(.admin-dark) .appt-summary-pill{background:#edf2f4!important;color:#44515a!important;border-color:#cbd4d9!important}
body.admin-saas:not(.admin-dark) .ro-line,
body.admin-saas:not(.admin-dark) .ro-add-service,
body.admin-saas:not(.admin-dark) .inspection-flow-strip,
body.admin-saas:not(.admin-dark) .inspection-group-compact,
body.admin-saas:not(.admin-dark) .inspection-card-compact,
body.admin-saas:not(.admin-dark) .vehicle-search-hero,
body.admin-saas:not(.admin-dark) .vehicle-add-card,
body.admin-saas:not(.admin-dark) .customer-card{background:#f7f9fa!important;color:#273036!important;border-color:#d1d9dd!important}
body.admin-saas:not(.admin-dark) .inspection-group-title-compact{background:#eaf0f2!important;color:#222b31!important;border-color:#d0d8dc!important}
body.admin-saas:not(.admin-dark) .admin-notification-menu,
body.admin-saas:not(.admin-dark) .admin-notification-item{background:#fff!important;color:#273036!important;border-color:#d8dfe3!important}
body.admin-saas:not(.admin-dark) .admin-notification-item:hover{background:#edf2f4!important}
body.admin-saas:not(.admin-dark) .admin-notification-item.unread{background:#f2eaff!important}
body.admin-saas:not(.admin-dark) .admin-notification-body{color:#59656e!important}
body.admin-saas:not(.admin-dark) .admin-notification-meta{color:#74818a!important}
body.admin-saas:not(.admin-dark) .roadside-admin-panel{background:linear-gradient(135deg,#fff3ed,#f8fafb)!important;border-color:#e0a68d!important;border-left-color:#e44a16!important}
body.admin-saas:not(.admin-dark) .roadside-admin-card{background:#fff!important;color:#273036!important;border-color:#ccd5da!important}
body.admin-saas:not(.admin-dark) .roadside-admin-card.status-pending{border-color:#e6a085!important;box-shadow:inset 3px 0 0 #e44a16!important}
body.admin-saas:not(.admin-dark) .roadside-admin-card.status-accepted{border-color:#86cae0!important;box-shadow:inset 3px 0 0 #20a9d0!important}
body.admin-saas:not(.admin-dark) .roadside-admin-grid>div{background:#f4f7f8!important;border-color:#d4dcdf!important}
body.admin-saas:not(.admin-dark) .roadside-admin-grid a{color:#225f82!important}
body.admin-saas:not(.admin-dark) .roadside-urgent-tag{color:#b8350b!important}
body.admin-saas:not(.admin-dark) .roadside-response-note{background:#edf8fc!important;border-color:#20a9d0!important;color:#153f50!important}

body.admin-saas.admin-dark{
  --admin-bg:#05070a;
  --admin-surface:#0c1117;
  --admin-surface-soft:#111820;
  --admin-border:rgba(187,204,217,.14);
  --admin-border-strong:rgba(187,204,217,.24);
  --admin-text:#edf3f6;
  --admin-muted:#91a0ab;
  background:#05070a!important;color:#edf3f6!important;color-scheme:dark;
}
body.admin-saas.admin-dark .admin-main{background:linear-gradient(rgba(5,7,10,.55),rgba(5,7,10,.70)),url("assets/forged-carbon-texture.svg") center/410px 410px,#05070a!important;background-attachment:fixed!important}
body.admin-saas.admin-dark .admin-sidebar{background:linear-gradient(180deg,#090d12,#05070a)!important;border-color:rgba(32,217,255,.15)!important}
body.admin-saas.admin-dark .admin-topbar{background:rgba(7,10,14,.97)!important;border-color:rgba(190,207,221,.14)!important}
body.admin-saas.admin-dark .card,
body.admin-saas.admin-dark .list-item,
body.admin-saas.admin-dark details.card,
body.admin-saas.admin-dark .ro-workspace,
body.admin-saas.admin-dark .appt-toolbar-card,
body.admin-saas.admin-dark .ro-hero,
body.admin-saas.admin-dark .ro-section,
body.admin-saas.admin-dark .ro-totalbar,
body.admin-saas.admin-dark td{background:#0d1319!important;color:#e6edf1!important;border-color:rgba(190,207,221,.14)!important}
body.admin-saas.admin-dark input,
body.admin-saas.admin-dark select,
body.admin-saas.admin-dark textarea{background:#070a0e!important;color:#edf3f6!important;border-color:rgba(190,207,221,.23)!important}
body.admin-saas.admin-dark .btn-light,
body.admin-saas.admin-dark .admin-theme-toggle,
body.admin-saas.admin-dark .admin-notification-button{background:#111820!important;color:#e2e9ed!important;border-color:rgba(190,207,221,.22)!important}
body.admin-saas.admin-dark th{background:#141b23!important;color:#91a0ab!important;border-color:rgba(190,207,221,.14)!important}
body.admin-saas.admin-dark tbody tr:hover td{background:#141c24!important}
body.admin-saas.admin-dark .calendar-view-toggle,
body.admin-saas.admin-dark .summary-pill,
body.admin-saas.admin-dark .appt-summary-pill,
body.admin-saas.admin-dark .ro-chip{background:#10171e!important;color:#aebac3!important;border-color:rgba(190,207,221,.16)!important}
body.admin-saas.admin-dark .calendar-view-toggle .btn{color:#9aa8b2!important}
body.admin-saas.admin-dark .calendar-view-toggle .btn.active{background:var(--nr-lime)!important;color:#071000!important}
body.admin-saas.admin-dark .day-column,
body.admin-saas.admin-dark .week-day,
body.admin-saas.admin-dark .month-cell,
body.admin-saas.admin-dark .calendar-day{background:#0b1016!important;color:#e8eef2!important;border-color:rgba(190,207,221,.14)!important}
body.admin-saas.admin-dark .ro-line,
body.admin-saas.admin-dark .ro-add-service,
body.admin-saas.admin-dark .inspection-flow-strip,
body.admin-saas.admin-dark .inspection-group-compact,
body.admin-saas.admin-dark .inspection-card-compact,
body.admin-saas.admin-dark .vehicle-search-hero,
body.admin-saas.admin-dark .vehicle-add-card,
body.admin-saas.admin-dark .customer-card{background:#0b1117!important;color:#dfe7ec!important;border-color:rgba(190,207,221,.14)!important}
body.admin-saas.admin-dark .inspection-group-title-compact{background:#131b23!important;color:#e7edf1!important;border-color:rgba(190,207,221,.14)!important}
body.admin-saas.admin-dark .admin-notification-menu,
body.admin-saas.admin-dark .admin-notification-item{background:#0c1218!important;color:#dfe7ec!important;border-color:rgba(190,207,221,.11)!important}
body.admin-saas.admin-dark .admin-notification-item:hover{background:#141d25!important}
body.admin-saas.admin-dark .admin-notification-item.unread{background:rgba(32,217,255,.055)!important}
body.admin-saas.admin-dark .roadside-admin-panel{background:linear-gradient(135deg,rgba(255,90,24,.08),#090e13)!important}

/* High-contrast payment summary in the admin dark theme */
body.admin-saas.admin-dark .ro-payment-credit{background:rgba(190,207,221,.18)!important;border-color:rgba(190,207,221,.24)!important}
body.admin-saas.admin-dark .ro-payment-credit>div{background:#111820!important;color:#edf3f6!important}
body.admin-saas.admin-dark .ro-payment-credit span{color:#aebbc5!important}
body.admin-saas.admin-dark .ro-payment-credit strong{color:#f5f8fa!important}
body.admin-saas.admin-dark .ro-payment-credit .paid{background:#0d1d18!important}
body.admin-saas.admin-dark .ro-payment-credit .paid span{color:#9fc6b1!important}
body.admin-saas.admin-dark .ro-payment-credit .paid strong{color:#64d795!important}

/* Customer approval forms must remain readable against the dark portal */
body:not(.admin-saas) .authorization-box{background:#0e151d!important;color:#edf3f6!important;border-color:#344654!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}
body:not(.admin-saas) .authorization-box h3,
body:not(.admin-saas) .authorization-box strong,
body:not(.admin-saas) .authorization-box label{color:#f1f6f8!important}
body:not(.admin-saas) .authorization-box .meta{color:#a9b7c1!important}
body:not(.admin-saas) .authorization-box .notice{background:#151f29!important;color:#dbe5ea!important;border:1px solid #344654!important}
body:not(.admin-saas) .authorization-box .notice p{color:#dbe5ea!important}
body:not(.admin-saas) .authorization-box a{color:#56ddff!important;text-decoration:underline;text-underline-offset:2px}
body:not(.admin-saas) .authorization-box input,
body:not(.admin-saas) .authorization-box select,
body:not(.admin-saas) .authorization-box textarea{background:#070b10!important;color:#f3f7f9!important;border-color:#465966!important;color-scheme:dark}
body:not(.admin-saas) .authorization-box input::placeholder,
body:not(.admin-saas) .authorization-box textarea::placeholder{color:#7f909c!important}
body:not(.admin-saas) .authorization-box input:focus,
body:not(.admin-saas) .authorization-box select:focus,
body:not(.admin-saas) .authorization-box textarea:focus{border-color:#36dfff!important;box-shadow:0 0 0 3px rgba(54,223,255,.16)!important}
body:not(.admin-saas) .authorization-box>div[style*="border:2px solid #111"]{background:#111a23!important;border-color:#536572!important;color:#edf3f6!important}
body:not(.admin-saas) .authorization-box input[type="checkbox"],
body:not(.admin-saas) .authorization-box input[type="radio"]{accent-color:#c7f000}

/* Mobile-first customer experience */
@media(max-width:640px){
  body{font-size:16px;padding-bottom:82px}
  .container{width:calc(100% - 24px)!important}
  .promo-banner .container{padding:9px 4px!important;font-size:.75rem!important;line-height:1.45!important}
  .promo-banner strong{display:block!important;margin:0 0 3px!important;font-size:.72rem}
  .promo-banner b{padding:1px 5px}
  header .nav{min-height:62px}
  header .brand{font-size:1.08rem}
  .nav nav{gap:6px}
  .nav nav .portal-link{min-height:40px;display:inline-flex;align-items:center;padding:8px 10px!important;font-size:.75rem!important}
  .home-notification-btn{width:40px!important;height:40px!important}
  .hero{padding:38px 0 34px!important}
  .hero-grid{gap:24px!important}
  .hero-kicker{font-size:.7rem!important;line-height:1.35;padding:7px 9px!important;margin-bottom:14px!important}
  .hero-service-heading{font-size:clamp(2.55rem,14vw,3.8rem)!important;line-height:.9!important;margin-bottom:16px!important}
  .hero h2{font-size:1.35rem!important;line-height:1.2!important}
  .hero .lead{font-size:1rem!important;line-height:1.58!important;color:#b6c1cb!important}
  .hero-actions{gap:9px!important}
  .hero-actions .btn{min-height:52px!important;font-size:.84rem!important}
  .hero-proof{grid-template-columns:1fr!important;gap:7px!important;margin-top:22px!important}
  .hero-proof div{padding:10px 12px!important;border-left-width:2px!important}
  .hero-proof strong{font-size:.86rem!important}
  .hero-proof span{font-size:.75rem!important;margin-top:2px}
  .hero-status-card{padding:16px!important;border-radius:14px!important;clip-path:none!important}
  .hero-status-card::before{font-size:.7rem!important}
  .status-card-top{font-size:.72rem!important}
  .status-card-main{gap:12px!important}
  .status-card-main h3{font-size:1.35rem!important}
  .status-card-main p{font-size:.82rem!important;line-height:1.45!important}
  .promo-price-stack .old-price{font-size:.85rem}
  .promo-price-stack strong{font-size:3rem!important}
  .promo-price-stack small{font-size:.65rem!important}
  .status-card-code{font-size:.72rem!important}
  .status-card-route span{font-size:.72rem!important}.status-card-route strong{font-size:.84rem!important}
  .trust-ribbon-grid{grid-template-columns:1fr!important}
  .trust-ribbon-grid>div{padding:14px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  .trust-ribbon-grid>div:last-child{border-bottom:0!important}
  .trust-icon{width:36px!important;height:36px!important;font-size:.68rem!important}
  .trust-ribbon strong{font-size:.88rem!important}.trust-ribbon small{font-size:.76rem!important}
  .services-section,.experience-section{padding:48px 0!important}
  .section-heading h2,.experience-copy h2{font-size:2.15rem!important;line-height:1!important}
  .section-heading>p,.experience-copy p{font-size:.95rem!important;line-height:1.6!important}
  #services .grid-3.service-grid{grid-template-columns:1fr!important;gap:10px!important}
  .home-service-card{min-height:auto!important;padding:17px!important;display:grid!important;grid-template-columns:44px 1fr;column-gap:13px;align-items:center}
  .home-service-card .service-icon{grid-row:1/4;margin:0!important;width:44px!important;height:44px!important}
  .home-service-card h3{font-size:1rem!important;margin:0 0 4px!important}
  .home-service-card p{font-size:.85rem!important;line-height:1.45!important}
  .home-service-card::after{font-size:.72rem!important;padding-top:7px!important;margin:0!important}
  .service-area-banner{grid-template-columns:42px 1fr!important;padding:14px!important}
  .service-area-banner strong{font-size:.9rem!important}.service-area-banner span{font-size:.78rem!important;line-height:1.4}
  .experience-cards article{padding:16px!important}.experience-cards strong{font-size:.95rem!important}.experience-cards p{font-size:.84rem!important;line-height:1.5!important}
  .experience-link{font-size:.9rem!important;min-height:44px;align-items:center}
  #book.section.light{padding:36px 0 58px!important}
  #book .container{width:100%!important;padding:0 10px!important}
  #book .card{padding:15px!important;border-radius:14px!important}
  .booking-mobile-intro h2{font-size:1.5rem!important}.booking-mobile-intro p{font-size:.9rem!important;line-height:1.5!important}
  #bookingForm label{font-size:.86rem!important;line-height:1.4}
  .booking-section-title{font-size:.75rem!important}
  .vehicle-method{min-height:78px!important;font-size:.88rem!important}.vehicle-method small{font-size:.72rem!important}
  .booking-marketing{font-size:.82rem!important;line-height:1.45!important}
  #bookBtn{font-size:.9rem!important}
  .mobile-book-cta{gap:8px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
  .mobile-book-cta .btn{min-height:50px!important;font-size:.78rem!important;padding:9px 8px!important}
  footer{font-size:.78rem!important;line-height:1.5}
}

/* Homepage and booking refinement: calmer hierarchy, cleaner controls */
#book #bookingForm input[type="checkbox"],#roadsideForm input[type="checkbox"]{
  width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
  flex:0 0 18px;margin:1px 0 0!important;padding:0!important;accent-color:var(--nr-lime);
  box-shadow:none!important
}
#book .booking-marketing,#roadsideForm .booking-marketing,#roadsideForm .roadside-safety{
  display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start!important;
  column-gap:10px!important;margin:0!important;text-align:left
}
#book .booking-marketing>span,#roadsideForm .booking-marketing>span,#roadsideForm .roadside-safety>span{min-width:0;line-height:1.5}
#book .service-option{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center!important;gap:10px!important}
#book .compact-optional.promotion-applied{border-color:rgba(166,255,0,.52)!important;box-shadow:0 0 0 2px rgba(166,255,0,.08),0 10px 24px rgba(0,0,0,.18)!important}
#book .compact-optional.promotion-applied summary{color:#caff68!important}
#book .compact-optional.promotion-applied summary::before{content:"✓";color:var(--nr-lime);font-size:.8rem;margin-right:7px}

@media(max-width:680px){
  .promo-banner .container{max-width:38ch;padding:7px 0!important;text-align:center}
  .promo-banner .container>span{display:none}
  .hero-actions .hero-roadside,.hero-actions .hero-secondary{display:none!important}
  .hero-proof{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}
  .hero-proof div{min-width:0!important;padding:9px 5px!important;text-align:center;border-left:0!important;border-top:2px solid rgba(32,217,255,.42)}
  .hero-proof span{display:none!important}.hero-proof strong{font-size:.72rem!important;white-space:nowrap}
  .hero-art-glass small{display:none}
  .trust-ribbon-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0}
  .trust-ribbon-grid>div{padding:13px 8px!important}.trust-ribbon-grid>div:nth-child(odd){padding-left:0!important}.trust-ribbon-grid>div:nth-child(even){padding-right:0!important}
  .instagram-grid .instagram-post:nth-child(n+5){display:none}
  #book .card{padding:14px 12px!important}
  #bookingForm{gap:0!important}
  #book .booking-mobile-intro{padding:3px 3px 15px;margin:0!important}
  #book .booking-path{position:static!important;margin:0 0 4px!important;border-radius:9px!important;box-shadow:none!important}
  #book .booking-path span{font-size:.57rem!important;padding:5px 1px!important}
  #book .booking-path b{width:19px!important;height:19px!important;min-width:19px!important}
  #book .booking-step{padding:18px 3px!important;border:0!important;border-left:0!important;border-bottom:1px solid rgba(169,193,210,.14)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  #book .service-block.booking-step{padding-top:15px!important;background:transparent!important}
  #book .booking-step>.booking-section-title:first-child{margin-bottom:10px!important}
  #book .vehicle-entry-panel{padding:12px!important}
  #book .compact-optional{margin:12px 0!important;border-radius:10px!important}
  #book .booking-coupon{margin:4px 3px 0!important}
  #book .compact-optional summary{min-height:46px;display:flex;align-items:center;padding:11px 12px!important;line-height:1.35}
  #book .compact-optional summary::after{margin-left:auto;padding-left:8px}
  #book .compact-optional .optional-body{padding:0 12px 12px!important}
  #book .booking-bottom-grid.booking-step{padding-bottom:16px!important}
  #book .booking-checkout-panel{margin-top:12px;padding:14px 12px!important;border-radius:11px!important}
  #book .trip-fee-note{padding:10px!important}
  #book .booking-marketing{font-size:.84rem!important;line-height:1.45!important}
  .oil-promo-nudge{padding:12px!important;gap:10px!important}
}

/* Customer inspection report: high contrast, compact, and phone-first */
#inspections .customer-inspection-card{
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(130,226,255,.2)!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,#121923,#0c1118)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25)!important;
}
#inspections .customer-inspection-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:radial-gradient(circle at 88% 0,rgba(32,217,255,.13),transparent 45%),#111821;
}
#inspections .customer-inspection-title{min-width:0}
#inspections .customer-inspection-title h3{
  margin:5px 0 2px!important;
  color:#fff!important;
  font-size:1.42rem!important;
  line-height:1.15!important;
}
#inspections .customer-inspection-date{color:#71e6ff;font-size:.8rem;font-weight:850;margin-bottom:5px}
#inspections .customer-inspection-meta{color:#c4cfda;font-size:.86rem;line-height:1.45;overflow-wrap:anywhere}
#inspections .customer-inspection-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
#inspections .customer-inspection-stats>div{padding:13px 15px;background:#0e151d}
#inspections .customer-inspection-stats strong,#inspections .customer-inspection-stats span{display:block}
#inspections .customer-inspection-stats strong{font-size:1.15rem;line-height:1;color:#fff}
#inspections .customer-inspection-stats span{font-size:.67rem;color:#b5c0cb;margin-top:5px;text-transform:uppercase;letter-spacing:.06em}
#inspections .customer-inspection-stats .urgent strong{color:#ff8c86}
#inspections .customer-inspection-stats .attention strong{color:#ffd66b}
#inspections .customer-inspection-stats .good strong{color:#72e6a1}
#inspections .customer-inspection-stats .photos strong{color:#77e7ff}
#inspections .customer-inspection-vehicle-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.35fr;gap:1px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1)}
#inspections .customer-inspection-vehicle-grid>div{min-width:0;padding:11px 14px;background:#111821}
#inspections .customer-inspection-vehicle-grid span,#inspections .customer-inspection-vehicle-grid strong{display:block}
#inspections .customer-inspection-vehicle-grid span{color:#8f9da9;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}
#inspections .customer-inspection-vehicle-grid strong{color:#f4f8fb;font-size:.78rem;margin-top:2px;overflow-wrap:anywhere}
#inspections .customer-technician-summary{margin:16px 18px;padding:15px 16px;border:1px solid rgba(32,217,255,.22);border-left:4px solid #20d9ff;border-radius:11px;background:rgba(32,217,255,.065)}
#inspections .recommendation-label{color:#71e6ff;font-size:.66rem;font-weight:950;letter-spacing:.13em;margin-bottom:5px}
#inspections .customer-technician-summary p{margin:0;color:#f2f6f9!important;font-size:.93rem;line-height:1.55}
#inspections .customer-inspection-group{margin:10px 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d131b;overflow:hidden}
#inspections .customer-inspection-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:13px 15px;color:#f8fbfd;background:#141c26}
#inspections .customer-inspection-group>summary::-webkit-details-marker{display:none}
#inspections .customer-inspection-group>summary:after{content:"+";width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border:1px solid rgba(255,255,255,.17);border-radius:6px;color:#75e8ff}
#inspections .customer-inspection-group[open]>summary:after{content:"−"}
#inspections .customer-inspection-group>summary>span:first-child{min-width:0;flex:1}
#inspections .customer-inspection-group>summary strong,#inspections .customer-inspection-group>summary small{display:block}
#inspections .customer-inspection-group>summary strong{font-size:.95rem;color:#fff}
#inspections .customer-inspection-group>summary small{font-size:.7rem;color:#aebac6;margin-top:2px}
#inspections .customer-inspection-section-heading{display:flex;align-items:center;gap:10px}
#inspections .customer-inspection-section-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(112,229,255,.24);border-radius:8px;background:rgba(32,217,255,.07);color:#72e7ff;font-size:1rem;font-weight:900}
#inspections .customer-group-result{font-size:.7rem;font-weight:900;color:#70dda0;white-space:nowrap}
#inspections .customer-inspection-group.has-findings .customer-group-result{color:#ffd66b}
#inspections .customer-inspection-result{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important;align-items:start!important;padding:14px 15px!important;border-bottom:1px solid rgba(255,255,255,.085)!important;background:#0d131b!important}
#inspections .customer-inspection-result:last-child{border-bottom:0!important}
#inspections .customer-inspection-result[data-state="urgent"]{box-shadow:inset 4px 0 #ef625d}
#inspections .customer-inspection-result[data-state="attention"]{box-shadow:inset 4px 0 #e1ad2e}
#inspections .customer-inspection-result-main{min-width:0}
#inspections .customer-inspection-result-main>strong{display:block;color:#fff!important;font-size:.93rem;line-height:1.35}
#inspections .customer-inspection-note{margin-top:7px;color:#edf2f6;font-size:.84rem;line-height:1.45;white-space:pre-wrap}
#inspections .customer-inspection-note>span{display:block;color:#8f9eaa;font-size:.58rem;font-weight:900;letter-spacing:.1em;margin-bottom:1px}
#inspections .customer-inspection-photo{display:inline-grid;grid-template-columns:64px auto;align-items:center;gap:9px;margin-top:9px;padding:5px 10px 5px 5px;border:1px solid rgba(32,217,255,.25);border-radius:9px;background:rgba(32,217,255,.06);color:#92ebff!important;text-decoration:none;font-size:.74rem;font-weight:850}
#inspections .customer-inspection-photo img{display:block;width:64px;height:48px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.2)}
#inspections .customer-inspection-photo-set{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
#inspections .customer-inspection-photo-set .customer-inspection-photo{margin-top:0}
#inspections .customer-inspection-recommendation{margin-top:10px;padding:12px;border:1px solid rgba(255,211,61,.26);border-radius:10px;background:rgba(255,211,61,.07);color:#f7f9fb}
#inspections .customer-inspection-recommendation>strong{color:#fff!important;font-size:.88rem}
#inspections .customer-inspection-recommendation .ro-status-row{margin-top:7px}
#inspections .customer-inspection-decision{margin-top:6px;color:#c4ced7;font-size:.76rem;line-height:1.4}
#inspections .customer-inspection-actions{display:flex;gap:7px;margin-top:10px}
#inspections .customer-inspection-actions .btn{min-height:40px;padding:8px 13px!important}
#inspections .inspect-badge{border:1px solid transparent;font-size:.69rem!important;padding:6px 9px!important;color:#fff!important}
#inspections .inspect-badge.good{background:#17472f!important;border-color:#2b7851!important;color:#aaf2c9!important}
#inspections .inspect-badge.attention{background:#574516!important;border-color:#8c7025!important;color:#ffe497!important}
#inspections .inspect-badge.urgent{background:#5b2526!important;border-color:#944345!important;color:#ffc2bd!important}
#inspections .inspect-badge.na{background:#2a323b!important;border-color:#46515d!important;color:#d9e0e6!important}
#inspections .customer-inspection-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:16px 18px;background:#111923;border-top:1px solid rgba(255,255,255,.1)}
#inspections .customer-inspection-footer p{margin:0;color:#c4ced8!important;font-size:.78rem;line-height:1.45;max-width:680px}
#inspections .customer-inspection-footer .btn{flex:0 0 auto}
#inspections .customer-tb-meta{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
#inspections .customer-tb-meta>div{padding:12px 14px;background:#111923}
#inspections .customer-tb-meta span,#inspections .customer-tb-meta strong{display:block}
#inspections .customer-tb-meta span{color:#92a0ad;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
#inspections .customer-tb-meta strong{color:#fff;font-size:.9rem;margin-top:2px}
#inspections .customer-tb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:#090e14}
#inspections .customer-tb-panel{min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0d131b;overflow:hidden}
#inspections .customer-tb-panel>header{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.1);background:#151d27}
#inspections .customer-tb-panel>header>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(112,229,255,.22);border-radius:7px;color:#72e7ff}
#inspections .customer-tb-panel>header strong,#inspections .customer-tb-panel>header small{display:block}
#inspections .customer-tb-panel>header strong{color:#fff;font-size:.9rem}
#inspections .customer-tb-panel>header small{color:#aab5c0;font-size:.63rem;margin-top:1px}
#inspections .customer-tb-panel .customer-inspection-result{padding:12px!important}
#inspections .customer-position-result .customer-inspection-result-main>strong{font-size:.84rem!important}
#inspections .customer-tb-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px 10px;background:#090e14}
#inspections .customer-tb-footer .customer-inspection-result{border:1px solid rgba(255,255,255,.1)!important;border-radius:10px}
@media(max-width:700px){
  #inspections .customer-inspection-card{border-radius:14px!important;margin:0 -2px 14px!important}
  #inspections .customer-inspection-head{padding:16px;gap:10px}
  #inspections .customer-inspection-title h3{font-size:1.12rem!important}
  #inspections .customer-inspection-meta{font-size:.78rem;line-height:1.4}
  #inspections .customer-inspection-stats{grid-template-columns:1fr 1fr}
  #inspections .customer-inspection-stats>div{padding:11px 13px}
  #inspections .customer-inspection-vehicle-grid{grid-template-columns:1fr 1fr}
  #inspections .customer-inspection-vehicle-grid>div{padding:10px 12px}
  #inspections .customer-technician-summary{margin:12px;padding:13px}
  #inspections .customer-inspection-group{margin:8px 12px}
  #inspections .customer-inspection-group>summary{padding:13px 12px}
  #inspections .customer-inspection-result{grid-template-columns:minmax(0,1fr) auto!important;padding:13px 12px!important}
  #inspections .customer-inspection-photo{grid-template-columns:56px auto}
  #inspections .customer-inspection-photo img{width:56px;height:44px}
  #inspections .customer-inspection-actions .btn{flex:1}
  #inspections .customer-inspection-footer{display:grid;padding:14px 12px}
  #inspections .customer-inspection-footer .btn{width:100%}
  #inspections .customer-tb-grid{grid-template-columns:1fr;padding:8px}
  #inspections .customer-tb-footer{grid-template-columns:1fr;padding:0 8px 8px;gap:8px}
  #inspections .customer-tb-meta{grid-template-columns:minmax(0,2fr) minmax(92px,1fr)}
  #inspections .customer-tb-meta>div{padding:10px 12px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media print{
  body{background:#fff!important;color:#111!important}
  header,.promo-banner,.mobile-book-cta{display:none!important}
}
.oil-change-addon{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:12px 14px;border:1px solid rgba(255,212,0,.3);border-radius:12px;background:linear-gradient(135deg,rgba(255,212,0,.1),rgba(38,216,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.06)}
.oil-change-addon>div{min-width:0}.oil-change-addon strong{display:block;font-size:.78rem;letter-spacing:.09em}.oil-change-addon span{display:block;margin-top:3px;color:var(--muted,#8d99a7);font-size:.78rem;line-height:1.35}.oil-change-addon .btn{flex:0 0 auto;padding:9px 12px;font-size:.72rem}
@media(max-width:600px){.oil-change-addon{align-items:flex-start;padding:11px 12px}.oil-change-addon .btn{padding:8px 10px;white-space:nowrap}}