@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=Saira:wght@500;600;700&display=swap";:root{--brouillard:#efebe4;--papier:#fbfaf7;--ardoise:#6a645a;--graphite:#211e18;--ink:#211e18;--ink2:#6a645a;--ink3:#9a9388;--line:#dcd6cc;--line-soft:#eae5dc;--cobalt:#2e5be6;--status-en-route:#1c9c59;--status-arret:#e8940a;--status-contact-coupe:#3e63c9;--status-hors-ligne:#b0a897;--status-attention:#e0982e;--status-alerte:#dd4a2f;--bg:var(--brouillard);--surface:var(--papier);--surface2:#fff;--font-display:"Saira", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:999px;--shadow:0 1px 3px #211e1814;--shadow-md:0 4px 14px #211e181a;--shadow-lg:0 8px 30px #211e1829;--rail-w:64px;--topbar-h:56px;--tap:44px;--sheet-h:0px;--sheet-peek:0px;--sheet-half:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.hors_ligne{border:2px solid var(--status-hors-ligne);background:0 0}.status-dot.en_alerte{animation:1.5s ease-in-out infinite remPulse}@keyframes remPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.status-dot.en_route{background:var(--status-en-route)}.status-dot.arret{background:var(--status-arret)}.status-dot.contact_coupe{background:var(--status-contact-coupe)}.status-dot.en_alerte{background:var(--status-alerte)}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.9}.btn-primary{background:var(--cobalt);color:#fff}.btn-ghost{color:var(--ink2);border:1px solid var(--line);background:0 0}.input{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--ink);font-family:var(--font-body);border-radius:8px;padding:10px 14px;font-size:14px}.input:focus{outline:2px solid var(--cobalt);outline-offset:-1px}.label{color:var(--ink2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field{margin-bottom:16px}.error-msg{color:var(--status-alerte);margin-top:8px;font-size:13px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow)}.rail{width:var(--rail-w);background:var(--surface);border-right:1px solid var(--line-soft);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:12px 0;display:flex}.rail-brand{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex}.rail-brand img{width:34px;height:34px;display:block}.rail-item{width:48px;color:var(--ink3);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:7px 0 5px;text-decoration:none;display:flex}.rail-item svg{width:22px;height:22px}.rail-item span{letter-spacing:.01em;font-size:10.5px;font-weight:500}.rail-item.active,.rail-item:hover{background:color-mix(in srgb, var(--cobalt) 12%, transparent);color:var(--cobalt)}.rail-end{margin-top:auto}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line-soft);background:var(--surface);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.topbar-title{font-family:var(--font-display);font-size:18px;font-weight:600}.topbar-sub{color:var(--ink2);font-size:13px}.counters{align-items:center;gap:8px;display:flex}.counter{color:var(--ink2);background:color-mix(in srgb, var(--ink3) 8%, transparent);border-radius:14px;align-items:center;gap:7px;padding:4px 10px;font-size:12.5px;display:flex}.counter .mono{color:var(--ink);font-size:14px;font-weight:600}.freshness{color:var(--ink3);font-size:12px}.freshness.live:before{content:"";background:var(--status-en-route);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:2s infinite remPulse;display:inline-block}.v-avatar{background:var(--surface2);box-shadow:0 0 0 2.5px var(--ring,var(--line)), 0 2px 6px #0000002e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.v-avatar svg{width:58%;height:58%}.app-shell{height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-content{flex:1;min-height:0;display:flex}.panel-right{border-left:1px solid var(--line-soft);background:var(--surface);flex-direction:column;flex-shrink:0;width:320px;display:flex}.panel-header{border-bottom:1px solid var(--line-soft);padding:12px 16px}.panel-header input{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--ink);border-radius:8px;padding:8px 12px;font-size:13px}.chip{border:1px solid var(--line);color:var(--ink2);cursor:pointer;background:0 0;border-radius:20px;padding:4px 10px;font-size:12px}.chip.active{background:color-mix(in srgb, var(--cobalt) 15%, transparent);border-color:var(--cobalt);color:var(--cobalt)}.map-wrap>[id^=map-]{background:var(--line-soft)}.maplibregl-map{font-family:var(--font-body)}.maplibregl-ctrl-group{overflow:hidden;box-shadow:var(--shadow)!important;border:1px solid var(--line-soft)!important;background:var(--surface)!important;border-radius:8px!important}.maplibregl-ctrl-group button{background:var(--surface)!important;color:var(--ink)!important}.maplibregl-ctrl-group button:hover{background:var(--surface2)!important}.maplibregl-ctrl-attrib{border-radius:6px;font-size:10px;background:color-mix(in srgb, var(--surface) 85%, transparent)!important}.maplibregl-popup-content{background:var(--surface);color:var(--ink);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;font-size:13px;box-shadow:0 4px 20px #0000002e}.maplibregl-popup-tip{border-top-color:var(--surface)!important}.map-marker-wrap{filter:drop-shadow(0 2px 4px #00000059)}.login-page{min-height:100dvh;display:flex}.login-brand{color:#f3efe7;background:#15130e;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-brand h1{font-family:var(--font-display);margin-bottom:12px;font-size:32px;font-weight:700}.login-brand p{color:#a9a294;max-width:360px;font-size:16px}.brand-lockup{align-items:center;gap:14px;margin-bottom:14px;display:flex}.brand-mark{border-radius:14px;width:48px;height:48px;display:block;box-shadow:0 6px 18px #2e5be659}.brand-name{letter-spacing:-.5px;font-size:34px;font-weight:700;line-height:1}.login-brand .brand-name{color:#f3efe7}.login-form-panel{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-form{width:100%;max-width:380px}.login-form h2{font-family:var(--font-display);margin-bottom:24px;font-size:24px;font-weight:600}.hidden{display:none!important}.screen-root{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.page-padded{width:100%;max-width:1200px;margin:0 auto;padding:20px 24px}.map-wrap{flex:1;min-height:0;position:relative}.map-wrap>[id^=map-]{position:absolute;inset:0}.replay-layout{flex-direction:column;flex:1;min-height:0;display:flex}.replay-layout .map-wrap{flex:1}.topbar-titles{min-width:0}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%;margin-top:8px}.btn-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.link{color:var(--cobalt);font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}.muted{color:var(--ink3);font-size:13px}.marker-pulse{animation:1.5s ease-in-out infinite remPulse}.live-screen{flex:1;min-height:0;position:relative;overflow:hidden}.live-screen>#map-live{position:absolute;inset:0}.live-fab{z-index:600;width:var(--tap);height:var(--tap);border:1px solid var(--line-soft);background:var(--surface);color:var(--cobalt);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 10px #00000026}.live-fab svg{width:22px;height:22px}.live-fab:hover{background:var(--surface2)}.pin{filter:drop-shadow(0 3px 6px #0000004d);flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:relative}.pin-bubble{background:var(--pin-color);border:2.5px solid var(--surface2);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pin-bubble svg{width:21px;height:21px}.pin-tail{background:var(--pin-color);clip-path:polygon(0 0,100% 0,50% 100%);z-index:1;width:12px;height:12px;margin-top:-3px}.pin-label{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line-soft);color:var(--ink);white-space:nowrap;border-radius:10px;margin-top:2px;padding:1px 7px;font-size:10.5px;font-weight:600;box-shadow:0 1px 3px #0000001f}.pin-heading{z-index:0;transform-origin:50%;width:38px;height:38px;margin-left:-19px;position:absolute;top:-1px;left:50%}.pin-heading svg{width:16px;height:16px;position:absolute;top:-13px;left:11px}.pin-selected{z-index:10;transform:scale(1.28)}.pin-selected .pin-bubble{box-shadow:0 0 0 5px color-mix(in srgb, var(--cobalt) 35%, transparent)}.pin-selected .pin-tail{background:var(--cobalt)}.pin-selected .pin-label{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.pin-dim{opacity:.45}.pin-alert .pin-bubble{animation:1.5s ease-in-out infinite remPulse}.sheet{z-index:700;background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-soft);flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0000002e}@media (width>=769px){.sheet{top:var(--sp-4);left:var(--sp-4);bottom:var(--sp-4);border-radius:var(--radius-lg);width:360px}.sheet .sheet-grip{display:none}}@media (width<=768px){:root{--sheet-h:78dvh;--sheet-peek:calc(2 * var(--tap) + 45px);--sheet-half:320px}.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:var(--sheet-h);transform:translateY(max(0px, calc(var(--sheet-h) - var(--sheet-half))));-webkit-backdrop-filter:none;background:color-mix(in srgb, var(--surface) 98%, transparent);border-bottom:none;transition:transform .3s cubic-bezier(.32,.72,0,1);bottom:0;left:0;right:0}.sheet[data-state=peek]{transform:translateY(max(0px, calc(var(--sheet-h) - var(--sheet-peek))))}.sheet[data-state=half]{transform:translateY(max(0px, calc(var(--sheet-h) - var(--sheet-half))))}.sheet[data-state=full]{transform:translateY(0)}.sheet-grip{touch-action:none}.sheet-body{touch-action:pan-y;overscroll-behavior:contain}}.sheet-grip{cursor:grab;flex-shrink:0;justify-content:center;padding:8px 0 4px;display:flex}.sheet-grip span{background:var(--line);border-radius:3px;width:40px;height:4.5px}.sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sheet-search{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:10px;flex-shrink:0;align-items:center;gap:8px;min-height:38px;margin:10px 14px 8px;padding:0 12px;display:flex}.sheet-search svg{width:17px;height:17px;color:var(--ink3);flex-shrink:0}.sheet-search input{color:var(--ink);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;align-self:stretch;min-width:0;font-size:14px}.sheet-search input::placeholder{color:var(--ink3)}.seg{scrollbar-width:none;flex-shrink:0;gap:6px;padding:0 14px 10px;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg-btn{font-size:12.5px;font-weight:500;font-family:var(--font-body);border:1px solid var(--line);color:var(--ink2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:16px;padding:5px 12px}.seg-btn.active{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.seg-btn.has-alert:not(.active){border-color:var(--status-alerte);color:var(--status-alerte)}.live-list{flex:1;min-height:0}.live-row{border-left:3px solid #0000;border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:flex}.live-row.status-en_route{border-left-color:var(--status-en-route);background:color-mix(in srgb, var(--status-en-route) 6%, transparent)}.live-row.status-arret{border-left-color:var(--status-arret);background:color-mix(in srgb, var(--status-arret) 7%, transparent)}.live-row.status-contact_coupe{border-left-color:var(--status-contact-coupe)}.live-row.status-hors_ligne{border-left-color:var(--status-hors-ligne)}.live-row.status-hors_ligne .live-row-name,.live-row.status-hors_ligne .live-row-place{opacity:.65}.live-row.status-en_alerte{border-left-color:var(--status-alerte);background:color-mix(in srgb, var(--status-alerte) 8%, transparent)}.live-row:hover,.live-row.selected{background:color-mix(in srgb, var(--cobalt) 10%, transparent)}.live-row-status{margin-top:1px;font-size:11px;font-weight:600}.live-row-place .is-zone{color:var(--cobalt);font-weight:600}.live-row-main{flex:1;min-width:0}.live-row-name{font-size:14.5px;font-weight:600}.live-row-place{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}.live-row-side{text-align:right;flex-shrink:0}.live-row-metric{font-size:13.5px;font-weight:600}.live-row-metric.alert{color:var(--status-alerte)}.live-row-fresh{color:var(--ink3);margin-top:1px;font-size:11px}.sheet-detail{padding:4px 16px 20px}.detail-offline{background:color-mix(in srgb, var(--status-hors-ligne) 14%, transparent);color:var(--ink2);border-radius:10px;margin-top:8px;padding:8px 12px;font-size:12.5px}.detail-head{align-items:center;gap:12px;padding:10px 0 12px;display:flex}.detail-back{background:color-mix(in srgb, var(--ink) 7%, transparent);width:34px;height:34px;color:var(--ink);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-back svg{width:18px;height:18px}.detail-title{min-width:0}.detail-immat{font-size:19px;font-weight:600}.detail-sub{align-items:center;gap:10px;margin-top:3px;display:flex}.detail-place{background:color-mix(in srgb, var(--cobalt) 7%, transparent);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.detail-place svg{width:17px;height:17px;color:var(--cobalt);flex-shrink:0;margin-top:1px}.detail-driver{color:var(--ink2);margin-bottom:8px;font-size:13px}.detail-hitch{color:var(--ink2);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.detail-hitch svg{width:18px;height:18px;color:var(--cobalt)}.detail-warn{background:color-mix(in srgb, var(--status-attention) 12%, transparent);color:var(--status-attention);border-radius:10px;margin-bottom:10px;padding:9px 12px;font-size:13px}.detail-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px;display:grid}.action-btn{border:1px solid var(--line-soft);background:var(--surface2);color:var(--cobalt);font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:11px 4px 9px;text-decoration:none;transition:background .12s;display:flex}.action-btn:hover{background:color-mix(in srgb, var(--cobalt) 8%, var(--surface2))}.action-btn svg{width:20px;height:20px}.detail-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat{background:color-mix(in srgb, var(--ink) 4.5%, transparent);border-radius:10px;padding:10px 12px}.stat-label{color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stat-value{align-items:center;margin-top:3px;font-size:16px;font-weight:600;display:flex}.stat-alert{background:color-mix(in srgb, var(--status-alerte) 12%, transparent)}.stat-alert .stat-value{color:var(--status-alerte)}.stat-warn{background:color-mix(in srgb, var(--status-attention) 12%, transparent)}.stat-warn .stat-value{color:var(--status-attention)}.detail-gps{color:var(--ink3);text-align:center;margin-top:12px;font-size:11px}.gsm-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.gsm-bar{background:var(--line);border-radius:1px;width:3.5px}.gsm-bar.on{background:var(--status-en-route)}.split-layout{flex:1;min-height:0;display:flex}.split-left{border-right:1px solid var(--line-soft);background:var(--surface);flex-direction:column;flex-shrink:0;width:340px;display:flex}.split-right{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.split-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.alert-list{flex:1;overflow-y:auto}.alert-row{color:inherit;border-bottom:1px solid var(--line-soft);gap:0;text-decoration:none;display:flex}.alert-row.selected{background:color-mix(in srgb, var(--cobalt) 8%, transparent)}.alert-bar{flex-shrink:0;width:4px}.alert-bar.alerte{background:var(--status-alerte)}.alert-bar.attention{background:var(--status-attention)}.alert-row>div{padding:12px 16px}.alert-row-title{font-size:13px;font-weight:500}.alert-row-meta{color:var(--ink2);margin-top:2px;font-size:12px}.alert-detail{padding:20px}.alert-detail-header{margin-bottom:12px}.alert-detail h2{margin-top:8px;font-size:18px}.alert-value{margin:8px 0;font-size:24px}.badge{text-transform:uppercase;background:var(--line-soft);color:var(--ink2);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-alerte{background:color-mix(in srgb, var(--status-alerte) 20%, transparent);color:var(--status-alerte)}.badge-attention{background:color-mix(in srgb, var(--status-attention) 20%, transparent);color:var(--status-attention)}.badge-role{background:color-mix(in srgb, var(--cobalt) 15%, transparent);color:var(--cobalt)}.badge-status.en_route{background:color-mix(in srgb, var(--status-en-route) 20%, transparent);color:var(--status-en-route)}.badge-status.en_alerte{background:color-mix(in srgb, var(--status-alerte) 20%, transparent);color:var(--status-alerte)}.chart-wrap{margin:16px 0;overflow-x:auto}.sparkline{max-width:100%;display:block}.spark-band{fill:color-mix(in srgb, var(--status-en-route) 15%, transparent)}.rule-form{padding:16px}.rule-form.hidden{display:none}.rules-list{padding:16px}.rule-item{border-bottom:1px solid var(--line-soft);padding:8px 0;font-size:13px}.input-row{gap:8px;display:flex}.zones-layout .zone-list{flex:1;overflow-y:auto}.zone-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 16px;display:flex}.zone-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.zone-star{flex-shrink:0;display:inline-flex}.zone-star svg{width:16px;height:16px}.zone-toolbar{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.zone-detect-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.zone-detect-btn.loading{opacity:.6;pointer-events:none}.zone-toggles{flex-shrink:0;gap:16px;display:flex}.zone-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13px;display:inline-flex}.zone-toggle input{display:none}.zone-toggle .toggle-track{background:var(--line);border-radius:9px;width:30px;height:17px;transition:background .15s;position:relative}.zone-toggle .toggle-track:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.zone-toggle input:checked+.toggle-track{background:var(--cobalt)}.zone-toggle input:checked+.toggle-track:after{transform:translate(13px)}.poi-pin{flex-direction:column;align-items:center;gap:1px;display:flex}.poi-star{background:var(--surface2,#fff);border:2px solid var(--poi-color,var(--cobalt));width:26px;height:26px;color:var(--poi-color,var(--cobalt));border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #211e1840}.poi-star svg{width:15px;height:15px}.poi-label{font-family:var(--font-body);color:var(--ink);background:var(--surface2,#fff);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;max-width:140px;padding:1px 6px;font-size:10.5px;font-weight:600;overflow:hidden;box-shadow:0 1px 3px #211e1833}.poi-draft .poi-star{border-style:dashed}.poi-sugg .poi-star{opacity:.9;border-style:dashed}.poi-sugg .poi-label{opacity:.9}.zone-suggestions{border-bottom:1px solid var(--line-soft);background:#8e6bc60f;flex-shrink:0;max-height:40%;overflow-y:auto}.sugg-head{color:var(--ink2);justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.sugg-loading{color:var(--ink2);padding:14px 16px;font-size:13px}.sugg-row{cursor:pointer;align-items:center;gap:10px;padding:8px 16px;display:flex}.sugg-row:hover{background:#8e6bc61a}.sugg-row .zone-star svg{width:15px;height:15px}.sugg-main{flex:1;min-width:0}.sugg-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.sugg-kind{color:var(--ink3);font-size:11.5px}.btn-xs{border-radius:7px;flex-shrink:0;padding:4px 10px;font-size:12px}.btn-link{color:var(--cobalt);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.zone-name{font-size:14px;font-weight:500}.zone-meta{color:var(--ink2);font-size:12px}.vehicle-page{flex-direction:column;gap:16px;display:flex}.vehicle-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.vehicle-header-left{align-items:center;gap:16px;display:flex}.vehicle-header h1{margin-bottom:4px;font-size:24px}.hitching-banner{align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.hitch-line{color:var(--cobalt);font-weight:700}.banner-warn{border-color:var(--status-attention);background:color-mix(in srgb, var(--status-attention) 10%, transparent);padding:12px 16px}.banner-engine{border-color:var(--status-attention);background:color-mix(in srgb, var(--status-attention) 12%, transparent);align-items:center;gap:12px;padding:12px 16px;display:flex}.banner-engine svg{width:26px;height:26px;color:var(--status-attention);flex-shrink:0}.banner-engine strong{font-size:14px;display:block}.banner-engine span{color:var(--ink2);font-size:12.5px}.tile-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tile{padding:16px}.tile-label{color:var(--ink2);margin-bottom:4px;font-size:12px}.tile-value{font-size:20px;font-weight:600}.gauge-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gauge-card{padding:20px}.gauge-card h3{margin-bottom:8px;font-size:14px}.gauge-value{margin-bottom:12px;font-size:28px;font-weight:600}.gauge-bar{background:var(--line-soft);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.gauge-fill{background:var(--cobalt);border-radius:4px;height:100%}.gauge-alert{border-color:var(--status-alerte);box-shadow:0 0 0 1px var(--status-alerte)}.gauge-legend{color:var(--ink2);margin-top:8px;font-size:12px}.temp-band{background:var(--line-soft);border-radius:4px;height:8px;margin:12px 0;position:relative}.temp-target{background:color-mix(in srgb, var(--status-en-route) 30%, transparent);border-radius:4px;height:100%;position:absolute;top:0}.temp-marker{background:var(--status-alerte);border-radius:2px;width:4px;height:16px;position:absolute;top:-4px;transform:translate(-50%)}.stale{opacity:.55}.stale-known{opacity:.88}.trip-row{border-bottom:1px solid var(--line-soft);color:inherit;flex-wrap:wrap;gap:8px 16px;padding:12px 0;font-size:13px;text-decoration:none;display:flex}.trip-row:hover{color:var(--cobalt)}.replay-info{z-index:500;padding:12px 16px;font-size:13px;line-height:1.6;position:absolute;top:16px;left:16px}.playback-bar{border-top:1px solid var(--line-soft);border-radius:0;flex-shrink:0;align-items:center;gap:12px;margin:0;padding:12px 16px;display:flex}.timeline-slider{flex:1;min-width:80px}.speed-btns{gap:4px;display:flex}.playback-time,.playback-speed{white-space:nowrap;font-size:12px}.tabs{border-bottom:1px solid var(--line-soft);gap:4px;margin-bottom:16px;padding-bottom:0;display:flex}.tab{color:var(--ink2);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px}.tab.active{color:var(--cobalt);border-bottom-color:var(--cobalt);font-weight:500}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:10px 16px}.data-table th{color:var(--ink2);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}.admin-page{flex-direction:column;gap:20px;display:flex}.admin-banner{color:var(--ink2);background:var(--surface2);padding:10px 16px;font-size:13px}.section-title{margin-top:8px;font-size:16px}.admin-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.admin-grid .card{padding:20px}.admin-grid h3{margin-bottom:16px;font-size:15px}.modal{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:420px;padding:24px}.empty-state{text-align:center;color:var(--ink2);padding:48px 24px}.empty-state.compact{padding:24px}.empty-state p:first-child{color:var(--ink);margin-bottom:8px;font-size:16px;font-weight:500}.empty-hint{max-width:360px;margin:0 auto;font-size:13px}.login-tagline{color:#6f685b;margin-top:24px;font-size:13px}@media (width<=1024px){.tile-grid{grid-template-columns:repeat(2,1fr)}.gauge-grid,.admin-grid{grid-template-columns:1fr}.split-left,.panel-right{width:280px}.counters{display:none}}@media (width<=768px){.app-shell{flex-direction:column-reverse}.rail{border-right:none;border-top:1px solid var(--line-soft);width:100%;padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:800;flex-direction:row;justify-content:space-around;gap:0}.rail-brand{display:none}.rail-item{width:auto;min-width:56px;padding:5px 8px 3px}.rail-item svg{width:22px;height:22px}.rail-end{margin-top:0}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:48px;padding:6px 12px}.topbar-sub{display:none}.split-layout{flex-direction:column}.split-left{border-right:none;border-bottom:1px solid var(--line-soft);flex:40%;width:100%;min-height:0;overflow-y:auto}.split-right{flex:60%;min-height:0}.app-content{flex-direction:column}.panel-right{border-left:none;border-top:1px solid var(--line-soft);flex:45%;width:100%;min-height:0;overflow-y:auto}.map-wrap{flex:55%;min-height:200px}.login-page{flex-direction:column}.login-brand{min-height:auto;padding:40px 24px}.login-form-panel{padding:24px}.page-padded{padding:16px}.vehicle-header{flex-direction:column;align-items:flex-start}.playback-bar{flex-wrap:wrap}.tile-grid{grid-template-columns:1fr 1fr}.live-fab{top:auto;right:auto;left:var(--sp-3);bottom:var(--sp-3);transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s}.live-screen:has(.sheet[data-state=peek]) .live-fab{transform:translateY(calc(-1 * var(--sheet-peek)))}.live-screen:has(.sheet[data-state=half]) .live-fab{transform:translateY(calc(-1 * var(--sheet-half)))}.live-screen:has(.sheet[data-state=full]) .live-fab{opacity:0;pointer-events:none}}@media (width<=480px){.tile-grid{grid-template-columns:1fr}.topbar-actions .btn-ghost:not(#logout-btn){display:none}}.hitch-icon{display:inline-flex}.hitch-icon svg{width:18px;height:18px;color:var(--cobalt)}.trips-screen #map-trips{position:absolute;inset:0}.trips-selectors{flex-direction:column;flex-shrink:0;gap:8px;padding:12px 14px 8px;display:flex}.trips-select-row{align-items:center;gap:8px;display:flex}.trips-nav{border:1px solid var(--line);background:var(--surface2);width:34px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;flex-shrink:0;font-size:20px;line-height:1;transition:background .12s}.trips-nav:hover:not(:disabled){background:color-mix(in srgb, var(--cobalt) 8%, var(--surface2))}.trips-nav:disabled{opacity:.35;cursor:default}.trips-select{flex:1;height:38px;font-size:14px;font-weight:600}.trips-date-label{border:1px solid var(--line);background:var(--surface2);cursor:pointer;text-transform:capitalize;border-radius:10px;flex:1;justify-content:center;align-items:center;height:38px;font-size:13.5px;font-weight:600;display:flex;position:relative}.trips-date-label input{opacity:0;cursor:pointer;position:absolute;inset:0}.trips-date-label input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.trips-summary{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 14px 10px;display:grid}.tsum{background:var(--surface2);border:1px solid var(--line-soft);text-align:center;border-radius:10px;min-width:0;padding:8px 6px}.tsum-value{white-space:nowrap;font-size:13.5px;font-weight:600}.tsum-label{color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;overflow:hidden}.trips-loading{text-align:center;color:var(--ink3);padding:32px 16px;font-size:13px}.trips-timeline{flex:1;min-height:0;padding-bottom:12px}.seg-row{cursor:pointer;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex;position:relative}.seg-row:hover{background:color-mix(in srgb, var(--cobalt) 6%, transparent)}.seg-row:before{content:"";background:var(--line-soft);width:2px;position:absolute;top:0;bottom:0;left:27px}.seg-row:first-child:before{top:50%}.seg-row:last-child:before{bottom:50%}.seg-badge{z-index:1;width:28px;height:28px;font-size:12.5px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.seg-badge.stop{background:var(--status-alerte);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--status-alerte) 22%, transparent)}.seg-badge.trip{background:var(--status-en-route);color:#fff}.seg-badge.trip svg{width:15px;height:15px}.seg-main{flex:1;min-width:0}.seg-place{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.seg-place.is-zone{color:var(--cobalt);font-weight:600}.seg-arrow{color:var(--ink3)}.seg-meta{color:var(--ink2);margin-top:2px;font-size:11.5px}.seg-stop{background:color-mix(in srgb, var(--status-alerte) 4%, transparent)}.seg-trip.selected{background:color-mix(in srgb, var(--cobalt) 10%, transparent);box-shadow:inset 3px 0 0 var(--cobalt)}.seg-play{border:1px solid var(--line);background:var(--surface2);width:32px;height:32px;color:var(--cobalt);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.seg-play svg{width:16px;height:16px}.seg-play:hover,.seg-play.playing{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}@media (width<=768px){.trips-summary{grid-template-columns:repeat(4,1fr);gap:4px;padding:2px 10px 8px}.tsum{padding:6px 4px}.tsum-value{font-size:12px}.trips-selectors{padding:10px 10px 6px}}.map-legend{z-index:600;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-soft);box-shadow:var(--shadow);color:var(--ink2);pointer-events:none;border-radius:10px;flex-wrap:wrap;gap:4px 12px;padding:7px 12px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px}.trip-stop-marker{color:#fff;width:24px;height:24px;font:700 12px/1 var(--font-ui,system-ui, sans-serif);cursor:pointer;background:#dd4a2f;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 4px #00000059}.legend-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.legend-line{background:#2e5be6;border-radius:2px;flex-shrink:0;width:14px;height:3px}.trips-summary.has-fuel{grid-template-columns:repeat(3,1fr)}.tsum-warn{border-color:color-mix(in srgb, var(--status-attention) 50%, var(--line-soft))}.tsum-warn .tsum-value{color:var(--status-attention)}.seg-fuel{color:var(--cobalt);font-weight:600}.seg-idle{color:var(--status-attention);font-weight:600}.vp-today,.vp-driving,.vp-card{padding:18px 20px}.vehicle-page .card>h3.display,.vp-card-head h3.display{letter-spacing:.1px;color:var(--ink);font-size:15px;font-weight:600}.vehicle-page .card>h3.display{margin-bottom:14px}.page-padded a:not(.btn):not(.trip-row):not(.vp-score):not(.vp-link){color:var(--cobalt);font-weight:500;text-decoration:none}.page-padded a:not(.btn):not(.trip-row):not(.vp-score):not(.vp-link):hover{text-decoration:underline}.vp-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.vp-card-head h3.display{margin-bottom:0}.vp-link{color:var(--cobalt);white-space:nowrap;font-size:12.5px;font-weight:500;text-decoration:none}.vp-link:hover{text-decoration:underline}.vp-driver{color:var(--ink2);font-size:13px;font-weight:500}.vp-driver-badge{background:color-mix(in srgb, var(--cobalt) 10%, transparent);color:var(--cobalt);border-radius:10px;margin-left:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.vp-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.vp-stat{background:var(--surface2);border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px}.vp-stat-value{font-size:16px;font-weight:600}.vp-stat-label{color:var(--ink3);margin-top:2px;font-size:11px}.vp-stat-warn{border-color:color-mix(in srgb, var(--status-attention) 50%, var(--line-soft))}.vp-stat-warn .vp-stat-value{color:var(--status-attention)}.vp-driving-body{align-items:center;gap:20px;display:flex}.vp-score{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:80px;height:80px;padding:0;position:relative}.vp-score:hover .vp-score-num{text-decoration:underline}.vp-score svg{width:80px;height:80px}.vp-score-num{color:var(--score-color);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.vp-events{flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.vp-event-n{margin-right:2px;font-size:14px;font-weight:700}.vp-event-meta{color:var(--ink3);margin-top:2px;font-size:11.5px}.vp-score-explain{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:10px;font-size:13px}.vp-score-explain summary{cursor:pointer;color:var(--cobalt);-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--cobalt) 8%, transparent);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;list-style:none;transition:background .12s;display:inline-flex}.vp-score-explain summary:hover{background:color-mix(in srgb, var(--cobalt) 14%, transparent)}.vp-score-explain summary::-webkit-details-marker{display:none}.vp-score-explain summary:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .15s}.vp-score-explain[open] summary{margin-bottom:4px}.vp-score-explain[open] summary:before{transform:rotate(90deg)}.vp-explain-intro{color:var(--ink2);margin:10px 0;line-height:1.5}.vp-explain-table{border-collapse:collapse;width:100%;margin:8px 0}.vp-explain-table th,.vp-explain-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:5px 8px}.vp-explain-table th{text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);font-size:11px;font-weight:600}.vp-explain-table td:not(:first-child),.vp-explain-table th:not(:first-child){text-align:right}.vp-explain-table tfoot td{border-bottom:none;font-weight:600}.vp-explain-formula{background:var(--bg);border-radius:8px;margin:10px 0;padding:8px 10px;font-size:12.5px}.vp-explain-scale{color:var(--ink2);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.vp-scale-item{align-items:center;gap:5px;display:inline-flex}.vp-scale-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.vp-tacho{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:12px}.vp-tacho-row{color:var(--ink2);justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:13px;display:flex}.vp-tacho-row strong{color:var(--ink)}.vp-tacho-bar{background:var(--line-soft);border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.vp-tacho-bar>div{background:var(--status-en-route);border-radius:3px;height:100%;transition:width .4s}.vp-tacho-bar>div.warn{background:var(--status-alerte)}.vp-details{margin:4px 0}.vp-summary{cursor:pointer;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-soft);color:var(--ink2);-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:13.5px;font-weight:600;list-style:none}.vp-summary::-webkit-details-marker{display:none}.vp-summary:before{content:"▸ ";color:var(--ink3)}.vp-details[open] .vp-summary{margin-bottom:12px}.vp-details[open] .vp-summary:before{content:"▾ "}.tile-warn .tile-value{color:var(--status-attention)}.vp-incidents{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:12px}.vp-incidents>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}.vp-incidents>summary::-webkit-details-marker{display:none}.vp-incidents>summary:before{content:"";border-left:5px solid var(--ink3);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;transition:transform .15s}.vp-incidents[open]>summary:before{transform:rotate(90deg)}.vp-incidents-count{background:color-mix(in srgb, var(--status-alerte) 14%, transparent);color:var(--status-alerte);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:600}.vp-incidents-hint{color:var(--ink2);margin:8px 0 10px;font-size:12.5px}.incident-list{flex-direction:column;gap:4px;max-height:320px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.incident-row{border:1px solid var(--line-soft);background:var(--surface,#fff);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto 28px;align-items:center;gap:12px;width:100%;padding:9px 10px;transition:border-color .12s,background .12s,transform 50ms;display:grid}.incident-row:hover{border-color:color-mix(in srgb, var(--inc-color,var(--cobalt)) 55%, var(--line-soft));background:color-mix(in srgb, var(--inc-color,var(--cobalt)) 6%, transparent)}.incident-row:active{transform:scale(.995)}.incident-type{min-width:0;color:var(--ink);align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:inline-flex}.incident-type svg{width:30px;height:30px;color:var(--inc-color);background:color-mix(in srgb, var(--inc-color) 14%, transparent);border-radius:8px;flex-shrink:0;padding:6px}.incident-type-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.incident-when{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.incident-day{color:var(--ink2);text-transform:capitalize;font-size:12px}.incident-time{color:var(--ink);font-size:13px}.incident-speed{color:var(--ink2);text-align:right;font-size:12.5px}.incident-play{width:28px;height:28px;color:var(--inc-color);background:color-mix(in srgb, var(--inc-color) 12%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.incident-play svg{width:14px;height:14px}@media (width<=640px){.incident-row{grid-template-columns:1fr auto 28px;gap:8px}.incident-speed{display:none}}.moment-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14120e80;justify-content:center;align-items:center;padding:24px;animation:.15s moment-fade;display:flex;position:fixed;inset:0}@keyframes moment-fade{0%{opacity:0}to{opacity:1}}.moment-modal{flex-direction:column;width:min(720px,100%);max-height:min(640px,92vh);padding:0;animation:.18s cubic-bezier(.2,.8,.3,1) moment-pop;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000059}@keyframes moment-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.moment-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:14px 16px;display:flex}.moment-badge{width:38px;height:38px;color:var(--inc-color);background:color-mix(in srgb, var(--inc-color) 15%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.moment-badge svg{width:22px;height:22px}.moment-titles{flex-direction:column;min-width:0;display:flex}.moment-titles strong{color:var(--ink);font-size:15px}.moment-titles span{color:var(--ink2);text-transform:capitalize;font-size:12.5px}.moment-close{width:32px;height:32px;color:var(--ink2);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;transition:background .12s;display:inline-flex}.moment-close:hover{background:var(--line-soft);color:var(--ink)}.moment-close svg{width:18px;height:18px}.moment-map-wrap{flex:1;min-height:300px;position:relative}#map-moment{position:absolute;inset:0}.moment-loading{color:var(--ink2);background:var(--surface,#fff);z-index:5;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.moment-stats{z-index:5;gap:8px;display:flex;position:absolute;bottom:12px;left:12px}.moment-stat{background:color-mix(in srgb, var(--ink) 78%, transparent);color:#fff;border-radius:9px;flex-direction:column;padding:6px 12px;display:flex;box-shadow:0 2px 8px #00000040}.moment-stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.75;font-size:10px}.moment-stat .mono{font-size:15px;font-weight:600}.moment-controls{border-top:1px solid var(--line-soft);align-items:center;gap:14px;padding:12px 16px;display:flex}.moment-play{flex-shrink:0;align-items:center;gap:7px;display:inline-flex}.moment-play svg{width:16px;height:16px}.moment-progress{background:var(--line-soft);border-radius:3px;flex:1;height:6px;overflow:hidden}.moment-progress-fill{background:var(--cobalt);border-radius:3px;width:0;height:100%}.moment-incident{pointer-events:none;width:18px;height:18px;position:relative}.moment-incident-dot{background:var(--inc-color,#dd4a2f);border:2px solid #fff;border-radius:50%;position:absolute;inset:4px;box-shadow:0 1px 4px #0006}.moment-incident-pulse{background:var(--inc-color,#dd4a2f);opacity:.5;border-radius:50%;animation:1.5s ease-out infinite moment-pulse;position:absolute;inset:0}@keyframes moment-pulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@media (width<=640px){.moment-overlay{padding:0}.moment-modal{border-radius:0;width:100%;height:100%;max-height:100%}}.zone-draw-bar{z-index:650;flex-direction:column;gap:10px;width:min(360px,100% - 24px);padding:12px;display:flex;position:absolute;top:12px;left:12px}.zone-draw-bar.hidden{display:none}.zone-draw-row{align-items:center;gap:10px;display:flex}.zone-draw-row .input,.zone-shape-seg{flex:1}.zone-draw-hint{color:var(--ink2);font-size:12px}.zone-color-row{flex:1;gap:6px;display:flex}.zone-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.zone-color.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface2) inset}.zone-row{cursor:pointer}.zone-row-main{flex:1;min-width:0}.zone-actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.zone-row:hover .zone-actions{opacity:1}.icon-btn{width:30px;height:30px;color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:color-mix(in srgb, var(--cobalt) 10%, transparent);color:var(--cobalt)}.icon-btn-danger:hover{background:color-mix(in srgb, var(--status-alerte) 10%, transparent);color:var(--status-alerte)}@media (pointer:coarse){.detail-back,.trips-nav,.moment-close{width:var(--tap);height:var(--tap)}.trips-select,.trips-date-label{height:var(--tap)}.seg-play,.icon-btn{width:var(--tap);height:var(--tap)}.zone-actions{gap:var(--sp-1)}.zone-color-row{gap:var(--sp-2)}.zone-color{width:32px;height:32px}.btn,.btn-sm,.btn-xs,.seg-btn,.tab,.sheet-search{min-height:var(--tap)}.data-table td a{min-height:var(--tap);padding-inline:var(--sp-1);align-items:center;display:inline-flex}.zone-toggle{padding:var(--sp-1) 0}.zone-toggle .toggle-track{border-radius:12px;width:40px;height:23px}.zone-toggle .toggle-track:after{width:19px;height:19px}.zone-toggle input:checked+.toggle-track:after{transform:translate(17px)}.zone-actions{opacity:1}}@media (width<=768px){.map-legend{gap:3px 9px;max-width:calc(100% - 90px);padding:6px 10px;font-size:10px;inset:12px auto auto 12px}.vp-driving-body{gap:14px}.vp-stats{grid-template-columns:repeat(2,1fr)}.vehicle-header .btn{text-align:center;width:100%}.zone-draw-bar{width:calc(100% - 16px);top:8px;left:8px}.trips-summary.has-fuel{grid-template-columns:repeat(3,1fr)}.detail-stats{grid-template-columns:repeat(2,1fr)}.data-table{font-size:12.5px}.data-table th,.data-table td{padding:8px 10px}}@media (width<=480px){.vp-stats{grid-template-columns:repeat(2,1fr)}.vp-stat-value{font-size:14px}.trips-summary,.trips-summary.has-fuel{grid-template-columns:repeat(2,1fr)}.legend-item:nth-child(n+4){display:none}}