.driver-score-hero{background:linear-gradient(135deg,#11283b 0%,#173f4d 55%,#1e665d 100%);border-radius:24px;color:#fff;display:flex;justify-content:space-between;gap:2rem;padding:2.2rem;margin-bottom:1rem;box-shadow:0 18px 42px rgba(15,38,55,.2)}
.driver-score-hero h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);margin:.35rem 0}.driver-score-hero p{max-width:760px;margin:0;color:#d8ebea;font-size:1.05rem}.score-review-badge{align-self:flex-start;background:#d9a441;color:#13252d;border-radius:999px;font-weight:800;padding:.6rem 1rem;white-space:nowrap}
.driver-score-filter{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto auto;align-items:end;gap:.8rem}.driver-score-filter label{margin:0}.driver-score-filter button,.driver-score-filter a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.driver-score-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.75rem;margin:1rem 0}.driver-score-summary>div{background:#fff;border:1px solid #d9e1e5;border-radius:16px;padding:1rem 1.15rem}.driver-score-summary span{display:block;color:#60707a;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.driver-score-summary strong{font-size:2rem;color:#172d3a}.driver-score-summary .green{border-left:5px solid #198754}.driver-score-summary .yellow{border-left:5px solid #d69e22}.driver-score-summary .red{border-left:5px solid #c43c3c}
.scorecard-readiness{background:#f5f8f8;border:1px solid #d4e1df;border-radius:20px;display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(300px,1fr);gap:2rem;padding:1.4rem 1.6rem;margin-bottom:1rem}.scorecard-readiness h2{margin:.25rem 0}.scorecard-readiness p{color:#52646d;line-height:1.55}.score-weight-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;align-content:center}.score-weight-stack span{background:#fff;border-left:calc(var(--weight)*.18px) solid #1b756b;border-radius:8px;padding:.55rem .7rem;text-transform:capitalize;font-size:.85rem;box-shadow:0 2px 8px rgba(22,45,58,.06)}.score-weight-stack b{float:right}
.driver-score-table{background:#fff;border:1px solid #d9e1e5;border-radius:18px;overflow:auto;margin-bottom:1rem}.driver-score-table table{margin:0}.driver-score-table tr[role=button]{cursor:pointer}.driver-score-table tr[role=button]:hover,.driver-score-table tr[role=button]:focus{background:#f0f7f6;outline:none}.driver-score-table td small{display:block;color:#66757e;margin-top:.25rem}.driver-gate{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.28rem .62rem;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.driver-gate i{width:.58rem;height:.58rem;border-radius:50%;background:currentColor}.driver-gate.green{color:#12704a;background:#e3f5ec}.driver-gate.yellow{color:#986b08;background:#fff2cf}.driver-gate.red{color:#a62d31;background:#fde5e5}.driver-risk{color:#a62d31}
.driver-detail-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid #dbe4e7;padding-bottom:1rem;margin-bottom:1rem}.driver-detail-hero h2{margin:.2rem 0}.driver-safety-number{text-align:right}.driver-safety-number strong{display:block;font-size:3.1rem;line-height:1;color:#1b756b}.driver-safety-number small{color:#62737b}.score-component-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:.8rem;margin:1rem 0}.score-component{border:1px solid #dbe4e7;border-radius:14px;padding:1rem}.score-component-head{display:flex;justify-content:space-between;gap:.5rem}.score-component-head span{font-weight:800}.score-component-head small{display:block;color:#687780}.score-component>strong{display:block;font-size:1.45rem;margin:.75rem 0 .35rem}.score-track{height:6px;background:#e8eeee;border-radius:8px;overflow:hidden}.score-track i{display:block;height:100%;background:#1b756b}.score-component p{color:#61717a;font-size:.84rem;line-height:1.4;margin:.7rem 0 0}.score-source{border-radius:999px;padding:.2rem .5rem;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.04em}.score-source.ready{background:#e3f5ec;color:#12704a}.score-source.context{background:#fff2cf;color:#8a6208}.score-source.missing{background:#eef1f2;color:#66757e}.driver-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.driver-detail-grid section{background:#f6f8f8;border-radius:14px;padding:1rem}.driver-detail-grid dl>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #dde5e6;padding:.45rem 0}.driver-detail-grid dt{color:#607078}.driver-detail-grid dd{font-weight:700;text-align:right}.score-method ol{line-height:1.55}.score-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem}.score-tier-grid div{border:1px solid #dbe4e7;border-radius:12px;padding:.8rem}.score-tier-grid strong,.score-tier-grid span,.score-tier-grid b{display:block}.score-tier-grid span{color:#62737b;margin:.25rem 0}
.driver-fuel-ledger{background:#f5f8f8;border:1px solid #d7e3e2;border-radius:18px;padding:1.15rem;margin:1rem 0}.driver-fuel-ledger.loading{color:#61717a}.driver-fuel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.driver-fuel-heading h3{font-size:1.35rem;margin:.2rem 0}.driver-fuel-heading p{color:#60717a;margin:0}.driver-fuel-total{text-align:right}.driver-fuel-total strong{display:block;color:#173f4d;font-size:2rem;line-height:1}.driver-fuel-total small{display:block;color:#60717a;margin-top:.35rem}.driver-fuel-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.driver-fuel-facts>div{background:#fff;border:1px solid #dde6e7;border-radius:12px;padding:.75rem}.driver-fuel-facts span,.driver-fuel-facts b{display:block}.driver-fuel-facts span{color:#687780;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.driver-fuel-facts b{font-size:1.1rem;margin-top:.2rem}.fuel-location-list{display:grid;gap:.65rem}.fuel-location{background:#fff;border:1px solid #dbe4e7;border-radius:14px;overflow:hidden}.fuel-location summary{cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;list-style:none;padding:.9rem 1rem}.fuel-location summary::-webkit-details-marker{display:none}.fuel-location summary:hover{background:#f0f7f6}.fuel-location-name b,.fuel-location-name small,.fuel-location-total strong,.fuel-location-total small{display:block}.fuel-location-name small,.fuel-location-total small{color:#697982;margin-top:.18rem}.fuel-location-total{text-align:right}.fuel-location-open{color:#236e66;font-size:.8rem;font-weight:800;white-space:nowrap}.fuel-location[open] .fuel-location-open{font-size:0}.fuel-location[open] .fuel-location-open:after{content:'Hide dates';font-size:.8rem}.fuel-visits{border-top:1px solid #dbe4e7;padding:.2rem 1rem .65rem}.fuel-visit-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #e2e8e9}.fuel-visit-row:last-child{border-bottom:0}.fuel-visit-row b,.fuel-visit-row small,.fuel-visit-row strong{display:block}.fuel-visit-row small{color:#6a7981;margin-top:.15rem}.fuel-visit-row>div:last-child{text-align:right}.fuel-location.single{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:center;padding:.9rem 1rem}.fuel-single-date{grid-column:1/-1;color:#65757e;font-size:.86rem;border-top:1px solid #e2e8e9;padding-top:.55rem;margin-top:.4rem}.fuel-source{margin:.8rem 0 0}
@media(max-width:1000px){.driver-score-filter{grid-template-columns:repeat(2,1fr)}.driver-score-summary{grid-template-columns:repeat(3,1fr)}.scorecard-readiness{grid-template-columns:1fr}}
@media(max-width:680px){.driver-score-hero{display:block;padding:1.4rem}.score-review-badge{display:inline-block;margin-top:1rem}.driver-score-filter,.driver-score-summary,.score-component-grid,.driver-detail-grid,.score-tier-grid,.driver-fuel-facts{grid-template-columns:1fr}.driver-detail-hero{display:block}.driver-safety-number{text-align:left;margin-top:1rem}.driver-fuel-ledger{padding:.9rem}.driver-fuel-heading{display:block}.driver-fuel-total{text-align:left;border-top:1px solid #d9e3e4;margin-top:.8rem;padding-top:.8rem}.fuel-location summary{grid-template-columns:minmax(0,1fr) auto}.fuel-location-open{grid-column:1/-1}.fuel-location.single{grid-template-columns:minmax(0,1fr) auto}.fuel-visit-row{font-size:.9rem}}