.motive-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:28px 30px;border-radius:15px;border:1px solid #dce4eb;background:linear-gradient(120deg,#203d5b,#122a44);color:#fff;box-shadow:0 14px 30px rgba(18,42,68,.13)}
.motive-hero .eyebrow{color:#e9ba78}.motive-hero h2{margin:7px 0 8px;font-size:1.8rem;color:#fff}.motive-hero p{max-width:800px;margin:0;color:#d8e3ed;line-height:1.5}.motive-readonly{flex:none;padding:8px 12px;border:1px solid #5f879b;border-radius:999px;background:#1d4b58;color:#d9f7ed;font-size:.78rem;font-weight:800}
.motive-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.motive-tabs button{background:#fff;color:#213c58;border:1px solid #d5dee8;padding:10px 16px}.motive-tabs button[aria-selected="true"]{background:#6657e6;color:#fff;border-color:#6657e6}
#motive-tab-content>.card{margin:14px 0}.motive-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.motive-heading h3{margin:0}.motive-heading p{margin:5px 0 0}.motive-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.motive-stats>div{padding:15px;border:1px solid #e1e5eb;border-radius:11px;background:#f8fafc}.motive-stats strong,.motive-stats small{display:block}.motive-stats strong{color:#132b44;font-size:1.55rem}.motive-stats small{margin-top:3px;color:#627288;font-size:.78rem}
.motive-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.motive-map-layout #motive-map{position:relative;min-height:510px;border:1px solid #d9e1ea;border-radius:12px;background:#e8eef1;overflow:hidden}.motive-map-list{display:flex;flex-direction:column;gap:12px;min-width:0;max-height:510px}.motive-map-list label{font-size:.8rem;font-weight:700}.motive-map-list input,.motive-map-list select{margin-top:5px}.motive-map-list #motive-map-vehicles{overflow:auto;min-height:160px;padding-right:3px}.motive-map-list #motive-map-vehicles button{display:block;width:100%;margin:0 0 7px;padding:10px;text-align:left;border:1px solid #dce3e9;background:#fff;color:#172b43}.motive-map-list #motive-map-vehicles button:hover{border-color:#6757e8;background:#f5f3ff}.motive-map-list #motive-map-vehicles b,.motive-map-list #motive-map-vehicles small{display:block}.motive-map-list #motive-map-vehicles small{color:#66748a;margin-top:3px}.motive-map-empty{position:absolute;z-index:1000;top:45%;left:50%;transform:translate(-50%,-50%);padding:12px 16px;border-radius:9px;background:#fff;color:#41536a;box-shadow:0 7px 25px #10294422;text-align:center}
.motive-date-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}.motive-date-form label{min-width:180px}.motive-date-form button{margin:0 0 1px}.motive-area-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.motive-area-buttons button{background:#f5f7fa;color:#203a55;border:1px solid #d7e0e8}.motive-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;max-height:780px;overflow:auto}.motive-records article{padding:14px;border:1px solid #e1e5ea;border-radius:10px;background:#fbfcfe}.motive-records article>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:4px 0;overflow-wrap:anywhere}.motive-records small{color:#68788c;text-transform:capitalize}.motive-records span{font-weight:650}.motive-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px}.motive-event-grid>div{padding:11px;border:1px solid #e1e5eb;border-radius:9px;background:#f9fbfc;overflow-wrap:anywhere}.motive-event-grid code,.motive-event-grid small{display:block}.motive-event-grid code{color:#234b71;font-size:.77rem}.motive-event-grid small{margin-top:4px;color:#60728a}
@media(max-width:1050px){.motive-map-layout{grid-template-columns:1fr}.motive-map-list{max-height:none}.motive-map-list #motive-map-vehicles{max-height:220px}.motive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.motive-hero{display:block;padding:21px}.motive-readonly{display:inline-block;margin-top:16px}.motive-map-layout #motive-map{min-height:390px}.motive-stats{gap:7px}.motive-stats strong{font-size:1.2rem}.motive-records{grid-template-columns:1fr}}
.fuel-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;align-items:end}.fuel-filter label{margin:0}.fuel-filter .button-link{justify-content:center}.fuel-headline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin:1rem 0}.fuel-headline>div{background:linear-gradient(145deg,#12233b,#173350);color:#fff;border-radius:12px;padding:1rem}.fuel-headline small{display:block;color:#b8c9dc}.fuel-headline strong{display:block;font-size:1.45rem;margin-top:.3rem}.fuel-quality{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.fuel-quality div{background:#f5f7fa;border-radius:8px;padding:.75rem}.fuel-quality dt{color:#66748a;font-size:.8rem}.fuel-quality dd{font-weight:700;margin:.2rem 0 0}.fuel-sync{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}