:root{--bg:#f6f9fe;--panel:#fff;--text:#13213b;--muted:#64718a;--line:#dfe7f2;--accent:#1964f5;--danger:#d82b41;--ok:#1964f5;--warn:#93631d}
body{font-family:Inter,"Segoe UI",system-ui,sans-serif;line-height:1.5;background:var(--bg);color:var(--text)}
button{transition:background .15s,box-shadow .15s;min-height:42px}button:disabled{opacity:.55;cursor:wait}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #85b3ff;outline-offset:3px}
.topbar{background:#fff;color:var(--text);border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1440px)/2));gap:20px}
.brand{font-size:29px;letter-spacing:-1.5px;color:#101b36;display:flex;align-items:center}.brand:before{content:'♧';display:inline-block;margin-right:12px;transform:rotate(180deg);font-size:32px;color:var(--accent)}.brand span{color:inherit}
.container{max-width:1440px;padding:24px 32px 64px}.container>.muted{font-size:13px}
.nav{gap:4px;border-bottom:1px solid var(--line);margin:18px 0 36px;padding-bottom:0;scrollbar-width:thin}
.nav button{background:transparent;border-radius:10px 10px 0 0;padding:15px 18px;border-bottom:3px solid transparent;color:var(--muted);font-weight:600}
.nav button.active{background:#eaf1ff;color:var(--accent);border-bottom-color:var(--accent)}
.card{box-shadow:0 2px 8px #16396705;padding:24px;border-radius:18px}.card+.card{margin-top:18px}
h1,h2,h3{line-height:1.25;color:#13213b}h1{font-size:36px;letter-spacing:-1.2px;margin:0 0 10px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:17px}
.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 10px}.monitor-heading p{margin:0;font-size:17px}
.monitor-updated{font-size:12px;text-align:right;margin:0 0 24px}.company-list{display:grid;gap:18px}
.company-group{border:1px solid #d4e2f5;border-radius:18px;overflow:hidden;background:#fff}
.company-group>summary{list-style:none;display:flex;align-items:center;gap:16px;padding:22px 26px;background:linear-gradient(100deg,#eef5ff,#f8fbff);cursor:pointer;min-height:76px}
.company-group>summary::-webkit-details-marker{display:none}.company-group>summary strong{font-size:22px;letter-spacing:-.5px}.company-icon{color:#264878;font-size:32px;line-height:1}.chevron{margin-left:auto;font-size:25px}.company-group[open]>summary .chevron{transform:rotate(180deg)}
.badge.blue,.badge.ok{color:#135bcf;background:#e5efff;font-weight:600}.badge{white-space:nowrap;padding:5px 10px}
.vehicle-list{padding:16px;display:grid;gap:12px}.monitor-vehicle{display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(120px,.8fr) minmax(190px,1.2fr) minmax(155px,.9fr) auto;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:15px;background:white}
.vehicle-main{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.vehicle-identity{display:flex;flex-direction:column}.vehicle-identity>strong{font-size:23px;font-weight:750;letter-spacing:-.7px}.vehicle-identity>.muted{font-size:13px}
.vehicle-person{font-size:14px;display:flex;flex-direction:column;gap:5px}.eyebrow{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.vehicle-care{font-size:12px;display:flex;flex-direction:column;gap:4px}.vehicle-care b{font-weight:600}.vehicle-care small{font-size:11px}.oil-summary{margin-top:5px}
.temperature-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;min-width:0}.temperature-block>strong{font-size:39px;font-weight:750;letter-spacing:-1.6px;line-height:1.2;color:var(--accent);white-space:nowrap}.temperature-block>small{font-size:10px;white-space:normal}.temperature-block.high>strong{color:var(--danger)}.temperature-block.low>strong{color:#93631d}.temperature-block.unknown>strong{color:#78849a}.temp-status{font-size:11px;color:var(--accent);font-weight:650}.high .temp-status{color:var(--danger)}.low .temp-status{color:#93631d}.unknown .temp-status{color:#64718a}
.text-button{background:transparent;border:0;color:var(--accent);font-size:13px;font-weight:650;padding:5px;white-space:nowrap}
.vehicle-history{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;min-width:0}.history-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.history-columns>section{min-width:0}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.history-row small{display:block;color:var(--muted);margin:4px 0}.history-pagination{margin-top:16px}.reading-results{margin-top:20px}.monitor-chart{width:100%;height:200px}
.empty-state{text-align:center;padding:60px 24px}.care-card{margin-bottom:18px}.care-card h2 small{font-size:15px;font-weight:400}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.care-grid>div{padding:8px 0}.care-grid form{max-width:420px}.management-section{margin-top:24px}.employee-editor{margin-top:18px}.company-edit{max-width:650px}
.primary{background:var(--accent)}.secondary{color:var(--text);border-color:var(--line);background:#fff}.primary:hover{background:#1255d9}.secondary:hover{background:#edf4ff}.login{margin:12vh auto;box-shadow:0 12px 60px #153b7310;padding:36px}.login .brand{margin-bottom:20px}label{display:grid;gap:6px;font-size:14px}th{background:#f2f6fc;color:#52627b;font-size:12px}td{font-size:14px}.section-title{margin-top:20px}
.brand:before{content:'';transform:none;width:22px;height:32px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36' fill='none' stroke='%231964f5' stroke-width='2.3'%3E%3Cpath d='M8 21V7a4 4 0 0 1 8 0v14a8 8 0 1 1-8 0Z'/%3E%3Cpath d='M12 12v14'/%3E%3Ccircle cx='12' cy='27' r='3' fill='%231964f5'/%3E%3C/svg%3E")}
.company-icon{display:inline-block;font-size:0!important;flex:none;width:30px;height:28px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 30' fill='none' stroke='%23264878' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M2 5h21v17H2zM23 11h7l4 6v5H23'/%3E%3Ccircle cx='9' cy='23' r='3' fill='white'/%3E%3Ccircle cx='28' cy='23' r='3' fill='white'/%3E%3C/svg%3E")}
.history-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.history-switch [aria-pressed="true"]{background:#e5efff;color:var(--accent);border-color:#98baff}.history-scroll{max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}[data-history-panel][hidden]{display:none!important}
.gallery-company{margin-bottom:18px}.gallery-vehicle summary{cursor:pointer;line-height:1.8}.gallery-vehicle figure{margin:0}.gallery-photos{margin-top:14px}.employee-account{display:flex;align-items:center;gap:12px;margin-bottom:8px}.danger-button{color:#c5293c;border-color:#efc4ca}.danger-button:hover{background:#fff0f2}
@media(max-width:1200px){.monitor-vehicle{grid-template-columns:minmax(170px,1fr) minmax(130px,1fr) minmax(180px,1fr)}.vehicle-main{grid-column:1}.vehicle-person{grid-column:2}.vehicle-care{grid-column:1/3;grid-row:2}.temperature-block{grid-column:3;grid-row:1/3}.vehicle-history-button{grid-column:3;justify-self:end}.vehicle-history{grid-column:1/-1}}
@media(max-width:700px){.topbar{padding:14px 16px}.topbar .row{font-size:12px;gap:8px}.topbar .brand{font-size:24px}.brand:before{font-size:26px;margin-right:6px}.topbar .secondary{font-size:11px;padding:7px}.container{padding:16px 14px 40px}.nav{margin:14px 0 26px}.nav button{font-size:12px;padding:12px}h1{font-size:29px}.monitor-heading p{font-size:14px}.refresh-monitor{font-size:12px;padding:8px}.monitor-updated{margin-bottom:14px}.company-group>summary{padding:16px 14px;gap:9px;flex-wrap:wrap}.company-group>summary strong{font-size:17px}.company-icon{font-size:23px}.company-group>summary .badge{font-size:10px}.vehicle-list{padding:10px;gap:10px}.monitor-vehicle{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.vehicle-main{grid-column:1/-1;justify-content:space-between}.vehicle-identity>strong{font-size:21px}.vehicle-person{grid-column:1/-1;grid-row:2;font-size:13px}.vehicle-care{grid-column:1/-1;grid-row:3;padding-bottom:12px;border-bottom:1px solid var(--line)}.temperature-block{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center}.temperature-block>strong{grid-column:2;grid-row:1/3;font-size:38px}.temp-status{grid-column:1}.temperature-block>small{font-size:11px}.vehicle-history-button{grid-column:1/-1;justify-self:start}.history-columns,.care-grid{grid-template-columns:1fr;gap:18px}.card{padding:18px}.care-card h2 small{display:block;margin-top:6px}.company-group>summary .chevron{position:relative}.row{flex-wrap:wrap}.login{margin:8vh 16px}.care-card .primary{width:100%}.history-row{align-items:flex-start}.vehicle-main .badge{font-size:10px}}