/* Autopark v25: responsive history, private backups, group controls, cinematic splash */
.fleet-feature-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#1a202a 0%,#262b33 60%,#75242b 145%);color:#fff;padding:20px;border-radius:21px;margin-bottom:14px;box-shadow:0 15px 35px #10172225;overflow:hidden;position:relative}
.fleet-feature-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:230px;height:230px;border:1px solid #eb424444;border-radius:50%;box-shadow:0 0 0 38px #e73b3b09,0 0 0 78px #e73b3b08}
.fleet-feature-hero>.tile-icon{flex:0 0 44px;width:44px;height:44px;padding:10px;background:linear-gradient(140deg,#ef4953,#9e121a);color:white;border-radius:14px;box-shadow:0 10px 22px #de282851;position:relative;z-index:1}
.fleet-feature-hero h2{font-size:21px;line-height:1.3;color:#fff;margin:0 0 5px}
.fleet-feature-hero p{color:#e4e6ed;font-size:12px;margin:0;line-height:1.55}
.fleet-feature-hero>div{z-index:1;min-width:0}
.fleet-menu-special{display:grid;gap:8px;padding:8px 10px}
.fleet-special-menu-link{display:flex;align-items:center;width:100%;text-align:left;gap:12px;min-height:51px;padding:11px 13px;background:var(--shade);color:inherit;border:1px solid var(--line);border-radius:13px;box-shadow:none}
.fleet-special-menu-link>span{flex:1;font-weight:770;font-size:13px}
.fleet-special-menu-link>.tile-icon{height:21px;width:21px;color:#c62632;flex:0 0 21px}
.fleet-special-menu-link>.tile-icon:last-child{height:15px;width:15px;color:var(--muted)}
.fleet-about-footer{margin-bottom:9px}
.fleet-about-footer .fleet-special-menu-link{background:var(--surface)}
.fleet-backup-panel{padding:18px}
.fleet-backup-panel h3{font-size:17px;margin:0 0 14px}
.fleet-backup-option{display:flex;gap:13px;align-items:center;padding:13px 14px;margin:9px 0;border:1px solid var(--line);border-radius:14px;background:var(--shade);text-decoration:none;color:inherit;min-height:80px;transition:border-color .18s,transform .18s}
.fleet-backup-option:hover{border-color:#c72c36;transform:translateY(-1px)}
.fleet-backup-orb{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;color:#d22d38;background:var(--surface);border:1px solid var(--line);border-radius:13px}
.fleet-backup-orb .tile-icon{width:22px;height:22px}
.fleet-backup-option>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}
.fleet-backup-option strong{font-size:13px;font-weight:840;line-height:1.35}
.fleet-backup-option small{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.fleet-backup-option>.tile-icon{width:18px;height:18px;color:#c52732;flex:0 0 18px}
.fleet-backup-warning{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.65;padding:12px;margin:14px 0 0;border-radius:12px;background:var(--shade)}
.fleet-backup-warning .tile-icon{width:20px;height:20px;flex:0 0 20px;color:#ba262f}
.fleet-backup-panel>p:not(.fleet-backup-warning){font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.fleet-history-filter{padding:15px}
.fleet-history-filter>label{font-weight:800;font-size:12px}
.fleet-live-search{position:relative;margin:7px 0 14px}
.fleet-live-search>.tile-icon{position:absolute;top:50%;left:13px;transform:translateY(-50%);width:19px;height:19px;color:#a02b34}
.fleet-live-search input{height:50px;padding-left:42px;font-size:14px;background:var(--shade)}
.fleet-history-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fleet-history-filter-grid label{min-width:0;font-size:12px;font-weight:760;color:var(--muted)}
.fleet-history-filter-grid select,.fleet-history-filter-grid input{margin-top:7px;height:45px;font-size:13px}
.fleet-history-filter-buttons{display:flex;justify-content:flex-end;margin-top:13px}
.fleet-history-results{margin:12px 0 30px}
.fleet-history-loading,.fleet-history-empty{border:1px dashed var(--line);border-radius:15px;background:var(--surface);padding:22px;color:var(--muted);font-size:13px;text-align:center}
.fleet-history-loading button{display:block;margin:12px auto 0}
.fleet-history-months{padding:14px 15px;border-radius:15px;border:1px solid var(--line);background:var(--surface);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fleet-history-months>strong{display:block;flex:0 0 100%;font-size:13px}
.fleet-history-months button{padding:7px 11px;min-height:31px;border-radius:30px;background:var(--shade);border:1px solid var(--line);box-shadow:none;color:inherit;font-size:11px;font-weight:710}
.fleet-history-months button span{color:#ba2731;font-weight:820;margin-left:4px}
.fleet-history-count{font-size:12px;color:var(--muted);margin:15px 3px}
.fleet-history-count strong{color:inherit}
.fleet-history-record{display:flex;gap:12px;margin:9px 0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 5px 20px #1720330a}
.fleet-history-record-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--shade);display:grid;place-items:center;color:#c32731}
.fleet-history-record-icon .tile-icon{width:22px;height:22px}
.fleet-history-record-main{min-width:0;flex:1}
.fleet-history-record-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.fleet-history-record-head strong{font-size:13px;font-weight:830;overflow-wrap:anywhere}
.fleet-history-record-head small{font-size:11px;color:var(--muted);white-space:nowrap}
.fleet-history-record-car{margin-top:9px;max-width:100%;overflow-wrap:anywhere}
.fleet-history-record-car .vehicle-reference{max-width:100%;white-space:normal}
.fleet-history-car-label{display:block;font-size:12px;color:var(--muted)}
.fleet-history-record-main p{white-space:pre-wrap;line-height:1.5;margin:8px 0 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.fleet-history-km{display:inline-flex;margin-top:9px;background:var(--shade);padding:5px 9px;border-radius:8px;font-size:12px;font-weight:830;color:#c1242e}
.fleet-history-pager{display:flex;align-items:center;gap:10px;justify-content:space-between}
.fleet-history-pager button{min-width:74px}.fleet-history-pager span{font-size:11px;color:var(--muted)}
.fleet-detail-search{margin:12px 0}
.fleet-detail-search button{display:flex;width:100%;gap:9px;align-items:center;justify-content:center}
.fleet-detail-search .tile-icon{width:18px;height:18px}
.fleet-system-rights{padding:16px}
.fleet-system-rights>p{font-size:12px;color:var(--muted);line-height:1.6}
.fleet-rights-bulk{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}
.fleet-rights-bulk button{min-height:38px;font-size:11px}
.fleet-about-panel{text-align:center;padding:24px 18px}
.fleet-about-emblem{display:grid;place-items:center;margin:0 auto 12px;width:78px;height:78px;background:linear-gradient(135deg,#df2834,#9a151e);border-radius:22px;color:#fff;box-shadow:0 12px 26px #bf222f3a}
.fleet-about-emblem .tile-icon{width:48px;height:48px}
.fleet-about-panel h3{font-size:21px;font-weight:880;margin:0 0 6px}
.fleet-about-panel>p{font-size:12px;color:var(--muted);line-height:1.65}
.fleet-about-version{display:grid;gap:6px;margin:16px auto;padding:14px;max-width:350px;background:var(--shade);border:1px solid var(--line);border-radius:13px}
.fleet-about-version span{font-size:12px;color:#227e58;font-weight:760}
.fleet-about-version strong{font-size:16px;font-weight:830}
.fleet-about-credit{font-size:13px;margin-top:16px}
.fleet-about-credit strong{display:block;margin-top:5px;font-size:16px;font-weight:860}
.fleet-about-panel>small{display:block;font-size:11px;margin:12px 0 0}
.fleet-about-changelog{padding:18px}
.fleet-about-changelog h3{font-size:16px}
.fleet-about-log{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.fleet-about-log:last-child{border:0}
.fleet-about-log>b{font-size:12px;color:#bc2731;min-width:38px}
.fleet-about-log p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
#content.fleet-page-enter{animation:fleet-page-enter .36s cubic-bezier(.2,.7,.2,1) both}
@keyframes fleet-page-enter{from{opacity:.64;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
/* Cinematic SVG/paint-only splash; no heavy video/download. */
#splash{background:radial-gradient(ellipse at 56% 40%,#351c23 0%,#171a22 35%,#0b0f16 78%);overflow:hidden;isolation:isolate}
#splash:before{content:"";position:absolute;inset:-80%;background:conic-gradient(from 0deg,transparent 5%,#e5323818 13%,transparent 24%,#ff6c3321 34%,transparent 47%,#d6253717 60%,transparent 74%);animation:fleet-sweep 9s linear infinite;z-index:-1}
#splash:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,#ffffff05 97%);background-size:100% 18px;opacity:.22;pointer-events:none}
.fleet-splash-scene{width:min(350px,80vw);height:240px;position:relative;display:grid;place-items:center;margin:0 auto -4px}
.fleet-splash-ring{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #f5354044;box-shadow:0 0 0 17px #e02b3b0a,0 0 0 55px #e02b3b05,inset 0 0 30px #c62f3022;animation:fleet-ring 3.2s ease-in-out infinite}
.fleet-splash-ring:after{content:"";position:absolute;inset:22px;border:1px dashed #e65a644f;border-radius:50%;animation:fleet-orbit 15s linear infinite}
.fleet-splash-truck{width:210px!important;height:auto!important;position:relative;z-index:2;filter:drop-shadow(0 18px 25px #0007)!important;animation:fleet-truck-rise 2.7s ease-in-out infinite}
.fleet-splash-road{height:2px;width:min(280px,75vw);margin:-45px auto 22px;background:linear-gradient(90deg,transparent,#e8444a 24%,#fff 50%,#e8444a 76%,transparent);box-shadow:0 0 13px #ef354f55;position:relative;animation:fleet-road-glow 2.7s ease-in-out infinite}
.fleet-splash-road:after{content:"";position:absolute;inset:0;width:25%;background:#fff;filter:blur(4px);animation:fleet-road-dash 2.3s ease-in-out infinite}
.fleet-splash-eyebrow{display:block;font-size:10px;letter-spacing:3px;font-weight:760;color:#f0787d;margin-bottom:10px}
.sinner{width:100%;padding:0 16px;position:relative;z-index:2}
.sinner b.fleet-splash-title{display:block;font-size:clamp(23px,5vw,33px);font-weight:860;letter-spacing:-.8px;line-height:1.2;color:#fff;text-shadow:0 5px 22px #0006}
.sinner b.fleet-splash-title em{font-style:normal;color:#f44850}
.fleet-splash-subtitle{display:block;font-size:12px;color:#bfc3d1;margin-top:9px;letter-spacing:.4px}
.fleet-splash-progress{position:relative;width:min(210px,50vw);height:3px;border-radius:9px;background:#ffffff1e;margin:25px auto 0;overflow:hidden}
.fleet-splash-progress>i{display:block;position:absolute;left:-40%;top:0;height:100%;width:42%;border-radius:9px;background:linear-gradient(90deg,transparent,#fb454d,#ffc7b8);box-shadow:0 0 18px #e4303a;animation:fleet-progress 1.6s cubic-bezier(.4,0,.4,1) infinite}
.sinner .fleet-splash-caption{display:block;font-size:10px;letter-spacing:1.5px;font-weight:780;color:#9098a7;margin-top:12px}
@keyframes fleet-sweep{to{transform:rotate(360deg)}}
@keyframes fleet-ring{0%,100%{transform:scale(.96);opacity:.58}50%{transform:scale(1.04);opacity:1}}
@keyframes fleet-orbit{to{transform:rotate(360deg)}}
@keyframes fleet-truck-rise{0%,100%{transform:translateY(2px)}50%{transform:translateY(-7px)}}
@keyframes fleet-road-glow{50%{opacity:.7;transform:scaleX(.88)}}
@keyframes fleet-road-dash{0%{left:-40%}100%{left:140%}}
@keyframes fleet-progress{0%{left:-42%}100%{left:110%}}
@media(max-width:540px){.fleet-feature-hero{padding:15px;gap:10px}.fleet-feature-hero h2{font-size:19px}.fleet-history-filter-grid{grid-template-columns:1fr 1fr;gap:9px}.fleet-history-filter-grid label:nth-child(2){grid-column:1/-1}.fleet-backup-panel{padding:13px}.fleet-backup-option{padding:11px;gap:9px}.fleet-backup-orb{height:38px;width:38px;flex-basis:38px}.fleet-history-record{padding:11px;gap:9px}.fleet-history-record-icon{width:31px;height:31px;flex-basis:31px}.fleet-history-record-head{display:block}.fleet-history-record-head small{display:block;margin-top:5px}.fleet-splash-scene{height:210px}.fleet-splash-ring{width:210px;height:210px}}
@media(prefers-reduced-motion:reduce){#splash:before,.fleet-splash-ring,.fleet-splash-ring:after,.fleet-splash-truck,.fleet-splash-road,.fleet-splash-road:after,.fleet-splash-progress>i{animation:none!important}#content.fleet-page-enter{animation:none!important}}
body.lowmotion #splash:before,body.lowmotion .fleet-splash-ring,body.lowmotion .fleet-splash-truck,body.lowmotion .fleet-splash-progress>i{animation:none!important}