.fp-board{color:#193648;margin:20px 0}.fp-board header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.fp-board h2{margin:8px 0;font-size:25px}.fp-board p,.fp-board small{color:#66808e}.fp-board button{cursor:pointer;color:#146c71;font:inherit;background:#fff;border:1px solid #d5e4e9;border-radius:10px;padding:10px 14px}.fp-board button:disabled{opacity:.5;cursor:not-allowed}.fp-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.fp-kpis button{text-align:left;gap:12px;padding:20px;display:grid}.fp-kpis strong{color:#163248;font-size:32px}.fp-kpis small{font-size:12px}.fp-charts{grid-template-columns:1fr 1.3fr;gap:18px;margin:18px 0;display:grid}.fp-charts article,.fp-dossier,.fp-filters{background:#fff;border:1px solid #dce8ed;border-radius:18px;padding:22px}.fp-charts h3,.fp-dossier h3{margin:0 0 16px;font-size:18px}.fp-donut{align-items:center;gap:20px;display:flex}.fp-donut svg{flex-shrink:0;width:155px}.fp-donut>div{flex:1}.fp-donut button{border:0;justify-content:space-between;width:100%;font-size:14px;display:flex}.fp-bars button{text-align:left;border:0;align-items:center;gap:12px;width:100%;font-size:13px;display:flex}.fp-bars button>span{flex-shrink:0;width:110px}.fp-bars i{background:#ecf3f5;border-radius:5px;flex:1;height:14px;overflow:hidden}.fp-bars em{background:linear-gradient(90deg,#60cfc0,#059d91);border-radius:5px;height:100%;transition:width .4s;display:block}.fp-filters{grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.fp-board label{gap:7px;min-width:0;margin-bottom:10px;font-size:13px;display:grid}.fp-board input,.fp-board select{color:#173749;background:#fff;border:1px solid #cddfe5;border-radius:9px;width:100%;min-width:0;padding:11px}.fp-dossier-head{border-bottom:1px solid #e2eaed;justify-content:space-between;gap:15px;padding-bottom:20px;display:flex}.fp-dossier-head strong{font-size:26px}.fp-detail-grid{grid-template-columns:1fr 1fr;gap:24px;margin:22px 0;display:grid}.fp-detail-grid article{min-width:0}.fp-detail-grid small{margin-top:12px;line-height:1.5;display:block}.fp-tires{grid-template-columns:1fr 1fr;gap:10px;max-height:300px;display:grid;overflow:auto}.fp-tires>div{border:1px solid #d9e7ec;border-radius:10px;gap:6px;padding:14px;font-size:13px;display:grid}.fp-service-list{max-height:320px;overflow:auto}.fp-service-list>div{border-bottom:1px solid #e3ecef;grid-template-columns:1fr 1fr;gap:8px;padding:13px;display:grid}.fp-service-list small{grid-column:1/-1}.fp-help{background:#eaf6f4;border-radius:12px;padding:18px}@media (max-width:850px){.fp-kpis{grid-template-columns:1fr 1fr}.fp-charts,.fp-detail-grid,.fp-filters{grid-template-columns:1fr}.fp-board header,.fp-dossier-head{flex-direction:column;align-items:flex-start}.fp-donut svg{width:120px}.fp-kpis button{padding:14px}.fp-kpis strong{font-size:27px}.fp-charts article,.fp-dossier{padding:16px}.fp-service-list>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fp-bars em{transition:none}}
.demo-inspection-shell{gap:18px;display:grid;overflow:hidden}.demo-inspection-hero{color:#fff;background:radial-gradient(circle at 85% 18%,#236b73 0,#0000 40%),linear-gradient(120deg,#142f49,#15545b);border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);align-items:center;gap:24px;margin:-24px -24px 0;padding:28px;display:grid}.demo-inspection-hero h2{color:#fff;letter-spacing:-.04em!important;margin:8px 0 7px!important;font-size:clamp(23px,2.5vw,32px)!important}.demo-inspection-hero p{color:#d0e4e5;max-width:62ch;margin:0;font-size:13px;line-height:1.65}.demo-inspection-hero .demo-eyebrow{color:#72e0ce}.demo-inspection-route{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.demo-inspection-route span{color:#e3f4f0;background:#ffffff0c;border:1px solid #ffffff27;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.demo-inspection-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.demo-inspection-stats>div{text-align:center;background:#ffffff0d;border:1px solid #ffffff20;border-radius:12px;min-width:0;padding:13px 10px}.demo-inspection-stats strong{color:#fff;font-size:clamp(20px,2.2vw,29px);line-height:1.1;display:block}.demo-inspection-stats span{color:#c9dcdf;margin-top:6px;font-size:9px;line-height:1.35;display:block}.demo-inspection-live{color:#b9d4d8;align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.demo-inspection-live i{background:#65ddbd;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #65ddbd22}.demo-inspection-simulated{color:#775c27;background:#fff9eb;border:1px solid #f0dfb5;border-radius:11px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:11px;line-height:1.55;display:flex}.demo-inspection-simulated svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:18px;height:18px;margin-top:1px}.demo-inspection-progress{background:#e8f0f2;border-radius:99px;overflow:hidden;height:9px!important;margin:0!important}.demo-inspection-progress i{border-radius:inherit;background:linear-gradient(90deg,#1cae98,#69c7a8);height:100%;transition:width .25s;display:block}.demo-inspection-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-inspection-group{color:#284b5a;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce8eb;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.demo-inspection-group:hover{background:#f7fcfa;border-color:#77c9bc;transform:translateY(-1px)}.demo-inspection-group[aria-pressed=true]{background:#edfaf6;border-color:#099688;box-shadow:inset 0 0 0 1px #09968833}.demo-inspection-group-icon{color:#27737b;background:#eaf4f5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.demo-inspection-group[aria-pressed=true] .demo-inspection-group-icon{color:#078779;background:#d4f1e7}.demo-inspection-group-icon svg,.demo-inspection-title-icon svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.demo-inspection-group-copy{gap:5px;min-width:0;display:grid}.demo-inspection-group-copy strong{font-size:11px;line-height:1.35}.demo-inspection-group-copy small{color:#708791;font-size:9px}.demo-inspection-group-count{color:#127c75;white-space:nowrap;font-size:10px;font-weight:800}.demo-inspection-group-progress{background:#e7eff0;border-radius:99px;grid-column:2/-1;height:4px;overflow:hidden}.demo-inspection-group-progress i{border-radius:inherit;background:#14a995;height:100%;display:block}.demo-inspection-toolbar{background:#f8fbfb;border:1px solid #e0e9eb;border-radius:12px;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.demo-inspection-search{min-width:0;position:relative}.demo-inspection-search svg{fill:none;stroke:#6e8790;stroke-width:1.8px;width:17px;height:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.demo-inspection-search input{color:#1b3f50;width:100%;min-height:43px;font:inherit;background:#fff;border:1px solid #d2e1e5;border-radius:9px;padding:10px 12px 10px 38px;font-size:12px}.demo-inspection-filter{color:#536f7a;white-space:nowrap;align-items:center;gap:9px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.demo-inspection-filter input{accent-color:#078c80;width:18px;height:18px}.demo-inspection-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-inspection-item{background:linear-gradient(145deg,#fff,#fbfdfd);border:1px solid #e0e9ec;border-radius:14px;gap:12px;min-width:0;padding:15px;display:grid;box-shadow:0 5px 15px #183e4c08}.demo-inspection-item.is-complete{background:linear-gradient(145deg,#fff,#f5fbf8);border-color:#cde8dd}.demo-inspection-item.is-attention{background:linear-gradient(145deg,#fff,#fffaf2);border-color:#f1d7ad}.demo-inspection-item-head{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.demo-inspection-title-icon{color:#316574;background:#edf4f6;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.demo-inspection-item.is-complete .demo-inspection-title-icon{color:#168166;background:#e0f5eb}.demo-inspection-item.is-attention .demo-inspection-title-icon{color:#a36b17;background:#fff0d6}.demo-inspection-item-head h3{color:#1d4050;margin:0;font-size:12px;line-height:1.5}.demo-inspection-status{color:#627984;white-space:nowrap;background:#eef2f4;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.demo-inspection-status.is-ok{color:#137657;background:#e5f5ed}.demo-inspection-status.is-alert{color:#92600e;background:#fff0d6}.demo-inspection-proof{color:#718791;min-height:28px;margin:0;font-size:10px;line-height:1.5}.demo-inspection-proof img{aspect-ratio:16/9;object-fit:cover;background:#edf2f4;border:1px solid #e0e8ea;border-radius:9px;width:100%;max-height:180px;margin-top:7px;display:block}.demo-inspection-item-actions{border-top:1px solid #edf1f2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:10px;display:grid}.demo-inspection-confirm{color:#325869;cursor:pointer;align-items:center;gap:9px;min-height:42px;font-size:11px;font-weight:750;display:flex}.demo-inspection-confirm input{accent-color:#0b9988;width:20px;height:20px;margin:0}.demo-inspection-report{color:#8c5c1e!important;background:#fff9f0!important;border-color:#f0d7b7!important;min-height:38px!important;padding:8px 10px!important;font-size:10px!important}.demo-photo-actions{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.demo-photo-input{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.demo-photo-button{cursor:pointer;justify-content:center;align-items:center;gap:7px;display:inline-flex;color:#176d70!important;background:#fff!important;border:1px solid #cfe1e3!important;border-radius:9px!important;min-height:42px!important;padding:9px 11px!important;font-size:10px!important;font-weight:800!important}.demo-photo-button:hover:not(:disabled){background:#f0faf7!important;border-color:#0b958b!important}.demo-photo-button:disabled{opacity:.5;cursor:not-allowed}.demo-photo-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.demo-photo-camera{color:#087968!important;background:#effaf5!important;border-color:#b6dfd4!important}.demo-photo-actions small{color:#7b9099;flex-basis:100%;font-size:9px;line-height:1.4}.demo-inspection-bottom{border-top:1px solid #e7eef0;flex-wrap:wrap;align-items:center;gap:9px;padding-top:8px;display:flex}.demo-inspection-bottom>*{min-height:42px}.demo-inspection-bottom a{border-radius:9px;justify-content:center;align-items:center;padding:10px 13px;display:inline-flex}.demo-inspection-bottom .pd-btn{margin:0}.demo-inspection-bottom-note{color:#718791;margin:0;font-size:10px;line-height:1.5}.demo-condition-zone>summary{list-style:none}.demo-condition-zone>summary::-webkit-details-marker{display:none}.demo-condition-zone>summary:before{content:"⌄";color:#087f79;background:#e6f4f1;border-radius:7px;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.demo-condition-zone[open]>summary:before{content:"⌃"}.demo-condition-zone>summary{align-items:center}.demo-condition-zone>summary>span{flex:1}.demo-condition-zone>summary>small{background:#e8f5ef;border-radius:99px;padding:5px 8px}.demo-condition-piece{transition:border-color .16s,transform .16s;box-shadow:0 4px 13px #183e4c07}.demo-condition-piece:hover{border-color:#a9d7d1;transform:translateY(-1px)}.demo-condition-piece strong{color:#224454;line-height:1.45}.demo-condition-piece.has-exception{background:linear-gradient(145deg,#fffdf8,#fff6e8);border-color:#ebc986}.demo-condition-actions{border-top:1px solid #e7eef0;padding-top:10px}.demo-condition-actions button{min-height:42px}.demo-inspection-shell button:focus-visible,.demo-inspection-shell a:focus-visible,.demo-inspection-shell input:focus-visible,.demo-inspection-shell select:focus-visible{outline-offset:2px;outline:3px solid #35b6a5}@media (max-width:860px){.demo-inspection-hero{grid-template-columns:1fr}.demo-inspection-stats{max-width:440px}.demo-inspection-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-inspection-items{grid-template-columns:1fr}}@media (max-width:600px){.demo-inspection-shell{gap:14px;padding:14px!important}.demo-inspection-hero{gap:17px;margin:-14px -14px 0;padding:20px 16px}.demo-inspection-hero h2{font-size:23px!important}.demo-inspection-hero p{font-size:12px}.demo-inspection-stats>div{padding:11px 7px}.demo-inspection-stats span{font-size:8px}.demo-inspection-group{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:10px 8px}.demo-inspection-group-icon{border-radius:9px;width:32px;height:32px}.demo-inspection-group-icon svg{width:18px;height:18px}.demo-inspection-group-copy strong{font-size:10px}.demo-inspection-toolbar{grid-template-columns:1fr;gap:9px;padding:10px}.demo-inspection-filter{min-height:34px}.demo-inspection-item{padding:12px}.demo-inspection-item-head{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.demo-inspection-title-icon{width:34px;height:34px}.demo-inspection-item-head h3{font-size:11px}.demo-inspection-status{padding:5px 6px;font-size:8px}.demo-inspection-item-actions{grid-template-columns:1fr;gap:6px}.demo-inspection-confirm{min-height:40px}.demo-photo-actions{grid-template-columns:1fr 1fr;display:grid}.demo-photo-button{width:100%;padding:9px 7px!important;font-size:9px!important}.demo-photo-actions small{grid-column:1/-1}.demo-inspection-bottom{grid-template-columns:1fr;display:grid}.demo-inspection-bottom>*{width:100%;margin:0!important}.demo-inspection-bottom a{min-height:44px}.demo-condition-checks{grid-template-columns:1fr}.demo-condition-piece{padding:12px}.demo-condition-actions{display:grid}.demo-condition-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.demo-inspection-progress i,.demo-inspection-group,.demo-condition-piece{transition:none}.demo-inspection-group:hover,.demo-condition-piece:hover{transform:none}}
.vd-tracking{gap:18px;display:grid}.vd-tracking-hero{color:#fff;background:radial-gradient(at 100% 0,#166c72,#0000 60%),#123e50;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.vd-eyebrow{letter-spacing:.15em;color:#3b8e8a;font-size:10px;font-weight:800}.vd-tracking-hero .vd-eyebrow{color:#77e5c6}.vd-tracking-hero h2{letter-spacing:-.04em;color:#fff;margin:10px 0;font-size:clamp(24px,3vw,36px)}.vd-tracking-hero p{color:#c4dce3;font-size:12px;line-height:1.6}.vd-simulation-pill{white-space:nowrap;letter-spacing:.08em;background:#ffffff0a;border:1px solid #71d6bc69;border-radius:30px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:800;display:flex}.vd-simulation-pill i{background:#76e3ba;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #76e3ba20}.vd-telemetry-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vd-telemetry-kpis article{background:#fff;border:1px solid #dce8ec;border-radius:16px;gap:10px;min-width:0;padding:20px;display:grid}.vd-telemetry-kpis small{color:#5f7886;font-size:11px}.vd-telemetry-kpis strong{color:#173e50;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:30px}.vd-telemetry-kpis em{color:#668392;letter-spacing:0;margin-left:7px;font-size:12px;font-style:normal;font-weight:500}.vd-telemetry-kpis article>span{color:#6a838f;font-size:10px;line-height:1.5}.vd-tracking-grid{grid-template-columns:minmax(0,2.2fr) minmax(245px,1fr);gap:18px;display:grid}.vd-tracking-map,.vd-route-timeline{background:#fff;border:1px solid #d7e5e9;border-radius:18px;min-width:0;overflow:hidden}.vd-tracking-map .pd-route-map-canvas{border-radius:0;height:440px!important}.vd-tracking-map .pd-route-map{border:0;border-radius:0}.vd-tracking-map .pd-route-map>small{padding:10px}.vd-route-timeline{padding:24px}.vd-route-timeline h3{letter-spacing:-.03em;margin:10px 0 23px;font-size:19px}.vd-route-timeline ol{margin:0;padding:0;list-style:none}.vd-route-timeline li{gap:15px;padding:0 0 25px;display:flex;position:relative}.vd-route-timeline li:before{content:"";border-left:2px dashed #cfe1e5;height:100%;position:absolute;top:8px;left:6px}.vd-route-timeline li:last-child:before{display:none}.vd-route-timeline li>i{background:#c8d9df;border:3px solid #f0f6f7;border-radius:50%;flex:none;width:14px;height:14px;margin-top:3px;position:relative}.vd-route-timeline li.is-reached>i{background:#12a48d}.vd-route-timeline li>div{gap:6px;display:grid}.vd-route-timeline li small{color:#5c9097;letter-spacing:.1em;font-size:9px}.vd-route-timeline li strong{color:#274d60;font-size:12px}.vd-route-timeline li span{color:#738c97;font-size:10px}.vd-eta{background:#eef8f4;border-radius:12px;gap:8px;padding:16px;display:grid}.vd-eta span{color:#4d807a;font-size:10px}.vd-eta strong{color:#147566;font-size:25px}.vd-eta small{color:#6b8580;font-size:10px;line-height:1.5}.vd-signal{margin-top:20px}.vd-signal b{color:#476774;font-size:11px}.vd-signal svg{width:100%;margin:10px 0;display:block}.vd-signal small{color:#748b95;font-size:10px}.vd-playback{align-items:center;gap:15px;padding:16px;display:flex}.vd-playback button{white-space:nowrap}.vd-playback label{color:#597a83;flex:1;min-width:0;font-size:10px}.vd-playback input{accent-color:#119c8b;width:100%;min-height:30px;display:block}.vd-playback strong{color:#127d73;font-size:13px}.vd-tracking-note,.vd-tracking-disclaimer{color:#6b8290;margin:0;padding:0 18px 16px;font-size:11px;line-height:1.6}.vd-tracking-actions{flex-wrap:wrap;gap:12px;display:flex}.vd-tracking-actions .pd-actions{margin:0}.vd-tracking-disclaimer{background:#f3f7f8;border-radius:10px;padding:12px 16px}.vd-static-map{background:linear-gradient(130deg,#e7f2ed,#e3edf4);border-radius:14px;width:100%;min-height:340px}.vd-static-map svg{width:100%;height:340px}.vd-static-map p{color:#587985;margin:0;padding:12px;font-size:11px}.vd-map-current{filter:drop-shadow(0 0 5px #16a78e)}@media (max-width:900px){.vd-tracking-grid{grid-template-columns:minmax(0,1fr)}.vd-route-timeline{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vd-route-timeline>.vd-eyebrow,.vd-route-timeline>h3{grid-column:1/-1}.vd-route-timeline ol{grid-row:3/5}.vd-telemetry-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.vd-tracking-hero{flex-direction:column;align-items:flex-start;padding:22px}.vd-telemetry-kpis article{padding:14px}.vd-telemetry-kpis strong{font-size:26px}.vd-tracking-map .pd-route-map-canvas{height:330px!important}.vd-playback{flex-wrap:wrap;padding:12px}.vd-playback button{width:100%;min-height:44px}.vd-route-timeline{grid-template-columns:1fr;padding:18px}.vd-route-timeline ol{grid-row:auto}.vd-route-timeline>.vd-eyebrow,.vd-route-timeline>h3{grid-column:auto}}