#view-cars{--fleet-surface:#292c31;--fleet-line:#41464e;--fleet-muted:#b3bcc7;--fleet-accent:#ed636a;color:#f5f6f8}
#view-cars .fleet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;padding:6px 0 12px;border-bottom:1px solid var(--fleet-line)}
.fleet-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#f19ba0}.fleet-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;margin:6px 0!important}.fleet-heading p{margin:0;color:var(--fleet-muted);font-size:13px}
#fleet-feedback:empty{display:none}#fleet-feedback{color:#b3e8c8;font-size:13px;margin:10px 0}.fleet-error,#fleet-feedback.fleet-error{color:#ffb0b3!important}
.fleet-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.fleet-stat{background:var(--fleet-surface);color:#f5f6f8;border:1px solid var(--fleet-line);border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:17px 19px;cursor:pointer;gap:5px;transition:border-color .15s,background .15s}.fleet-stat:hover,.fleet-stat[aria-pressed=true]{border-color:#dc646c;background:#333035}.fleet-stat span{font-size:12px;color:#d0d5dd}.fleet-stat strong{font-size:30px;line-height:1.2;font-weight:750}.fleet-stat small{font-size:11px;color:var(--fleet-muted)}
#view-cars .fleet-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 16px}#view-cars .fleet-toolbar input{flex:1 1 260px;width:auto;min-width:140px}#view-cars .fleet-toolbar select{flex:0 1 190px;width:auto;min-width:145px}.fleet-toolbar small{font-size:11px;color:var(--fleet-muted);flex-basis:100%;padding:0 2px}#view-cars .fleet-toolbar input,#view-cars .fleet-toolbar select,#view-cars #fleet-assignee-search{background:#23262b;border:1px solid #505763;border-radius:10px;color:#f4f5f8;color-scheme:dark;padding:11px 13px;font-size:13px}#view-cars input::placeholder{color:#9da8b7}
.fleet-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:20px;margin:0 0 24px}.fleet-card{min-width:0;overflow:hidden;background:var(--fleet-surface);border:1px solid var(--fleet-line);border-radius:18px;box-shadow:0 7px 20px #00000018}.fleet-cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;height:auto;max-height:255px;min-height:185px;padding:0;border:0;border-bottom:1px solid var(--fleet-line);background:linear-gradient(145deg,#353c47,#24282f);color:#d0d9e5;cursor:pointer;gap:8px;overflow:hidden}.fleet-cover>i{font-size:40px;color:#8e9aab;margin-bottom:4px}.fleet-cover>strong{font-size:13px}.fleet-cover>small{font-size:11px;color:#a4b0c0}.fleet-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .2s}.fleet-cover:hover img{transform:scale(1.025)}.fleet-photo-count,.fleet-active-label{position:absolute;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;z-index:1}.fleet-photo-count{right:12px;bottom:12px;background:#111821e6;color:#fff}.fleet-active-label{top:12px;left:12px;background:#203e35e8;color:#b4efcf}.fleet-active-label.inactive{background:#272d38eb;color:#d3d9e1}
.fleet-card-body{padding:19px}.fleet-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:14px}.fleet-card-head h3{font-size:17px!important;line-height:1.35;margin:0!important;color:#f6f7f9;overflow-wrap:anywhere;min-width:0}.fleet-plate{font-size:12px;font-weight:800;white-space:nowrap;letter-spacing:.4px;background:#eff2f6;color:#152236;border:1px solid #d3dae5;border-left:5px solid #426abc;border-radius:4px;padding:4px 7px}.fleet-state{display:inline-block;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:650;background:#3c414b;color:#d7dee9}.fleet-state.complete{background:#243f35;color:#b2e7c9}.fleet-state.missing{background:#4c402e;color:#f0ce91}.fleet-state.unassigned{background:#3d3546;color:#d8bdea}.fleet-assigned{min-height:18px;font-size:12px;line-height:1.5;color:#c5cdd9;margin:12px 0 16px;overflow-wrap:anywhere}.fleet-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;border-top:1px solid var(--fleet-line);padding-top:14px}.fleet-facts>div{display:flex;flex-direction:column;gap:5px;min-width:0}.fleet-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#aab5c5}.fleet-facts strong{font-size:13px;font-weight:650}.fleet-facts small{font-size:10px;color:#aab5c5}.fleet-note{font-size:11px;line-height:1.5;color:#bac4d1;background:#22262c;border-radius:7px;padding:9px 10px;overflow-wrap:anywhere}.fleet-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}#view-cars .fleet-actions .btn,#fleet-photo-dialog .btn{padding:8px 11px;font-size:12px;background:#363c46;border:1px solid #515b69;box-shadow:none;border-radius:8px;color:#f0f3f8;text-decoration:none}#view-cars .fleet-actions .btn:hover,#fleet-photo-dialog .btn:hover{background:#48515d}.fleet-actions>.btn:first-child{flex:1}#view-cars #fleet-add,#view-cars .fleet-form-actions .primary,#fleet-photo-dialog .btn.primary{background:#d7404a;border-color:#d7404a;border-radius:10px;color:white;box-shadow:none}
.fleet-empty{grid-column:1/-1;text-align:center;padding:38px 20px;border:1px dashed #505a68;border-radius:16px;color:#c6d0dd}.fleet-empty h3{font-size:18px}.fleet-empty p{font-size:13px}.fleet-empty .btn{margin:12px auto 0}#view-cars .car-layout-grid{display:block}#fleet-editor{margin-bottom:20px;border:1px solid var(--fleet-line);border-radius:16px;background:var(--fleet-surface);overflow:hidden}#fleet-editor>summary{padding:17px 20px;cursor:pointer;font-size:15px;font-weight:700}#fleet-editor>.card{background:transparent;border:0;box-shadow:none}#fleet-editor .card-header{display:none}#fleet-editor .card-body{padding:8px 20px 20px}.fleet-form-actions{display:flex;flex-wrap:wrap;gap:10px}.fleet-assignment{border:1px solid #444d59;padding:14px;border-radius:12px}.fleet-assignment-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px}.fleet-assignment-heading span{color:#bdc8d6}.fleet-assignees{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;max-height:210px;overflow:auto;margin-top:12px}.fleet-person{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding:9px!important;border-radius:8px;background:#23272d;color:#d8e0eb;font-size:12px!important;cursor:pointer}.fleet-person input{width:17px!important;height:17px;margin:0;flex:none;accent-color:#dd5b64}.fleet-person:has(input:checked){background:#423239;outline:1px solid #9d525b}.fleet-person span{overflow-wrap:anywhere}
#fleet-table-view{margin:0 0 22px;border:1px solid var(--fleet-line);border-radius:12px;padding:14px;color:#c9d2de}#fleet-table-view>summary{cursor:pointer;font-size:12px}#fleet-table-view>.card{margin-top:14px}#view-cars .car-checkin-card:has(#car-log-admin-info[style*="block"]){display:none}
#fleet-photo-dialog{width:min(850px,94vw);box-sizing:border-box;max-height:90dvh;overflow:auto;border:1px solid #555e6c;border-radius:20px;background:#25292f;color:#f5f6fa;padding:25px;box-shadow:0 24px 100px #0009}#fleet-photo-dialog::backdrop{background:#070c16b8;backdrop-filter:blur(4px)}.fleet-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px}.fleet-modal-head h3{margin:6px 0;font-size:23px}.fleet-modal-head p{font-size:12px;color:#b2bece;margin:0}.fleet-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.fleet-gallery-heading span{color:#b2bece;font-size:11px}.fleet-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px;margin:14px 0 20px}.fleet-photo-item{background:#30363f;padding:8px;border-radius:12px;min-width:0;border:1px solid #46515f}.fleet-photo-zoom{display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#1d2229;cursor:zoom-in}.fleet-photo-item img{display:block;width:100%;height:145px;object-fit:cover}.fleet-photo-item .fleet-actions{margin-top:8px;gap:6px}#fleet-photo-dialog .fleet-photo-item .btn{padding:7px 8px;font-size:10px}.fleet-photo-empty{grid-column:1/-1;padding:20px;text-align:center;color:#b6c3d5;font-size:13px;border:1px dashed #505d6e;border-radius:10px}.fleet-photo-drop{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 14px;border:1px dashed #637185;border-radius:13px;background:#2c333e}.fleet-photo-drop>i{font-size:23px;color:#f38e96;margin-bottom:9px}.fleet-photo-drop>strong{font-size:14px}.fleet-photo-drop>p{font-size:11px;color:#b6c3d5}.fleet-photo-drop .fleet-actions{margin-top:7px;justify-content:center}.fleet-photo-drop.is-dragging{border-color:#f48d94;background:#46313b}.fleet-photo-pending{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:14px}.fleet-pending-photo{display:flex;flex-direction:column;gap:6px;border:1px solid #586577;border-radius:10px;padding:7px;min-width:0}.fleet-pending-photo>img{width:100%;height:85px;object-fit:cover;border-radius:5px}.fleet-pending-photo>span{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fleet-upload-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid #45505f}.fleet-upload-footer>p{font-size:12px;color:#d1dce9;line-height:1.5;flex:1}.fleet-upload-footer>.btn{flex:none}.fleet-photo-preview{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:18px}.fleet-photo-preview:empty{display:none}.fleet-photo-preview img{max-width:100%;max-height:50vh;object-fit:contain;border-radius:10px}#fleet-photo-dialog button:disabled{opacity:.55;cursor:default}#view-cars button:focus-visible,#fleet-photo-dialog button:focus-visible{outline:2px solid #f5a2a8;outline-offset:3px}
@media(max-width:700px){.fleet-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fleet-stat{padding:13px}.fleet-stat strong{font-size:25px}.fleet-heading{align-items:flex-start!important}.fleet-heading p{max-width:240px;font-size:12px}.fleet-heading #fleet-add{padding:9px 11px;white-space:nowrap}.fleet-toolbar input{flex-basis:100%!important}.fleet-toolbar select{flex:1 1 120px!important;min-width:100px!important}.fleet-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:14px}.fleet-cover{max-height:235px}.fleet-form-actions .btn{flex:1 1 auto}.fleet-assignees{grid-template-columns:1fr}.fleet-facts{grid-template-columns:1fr 1fr}.fleet-upload-footer{flex-direction:column;align-items:stretch}.fleet-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-photo-item img{height:120px}.fleet-photo-item .fleet-actions{flex-direction:column}#fleet-photo-dialog{padding:17px;width:96vw}.fleet-modal-head h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.fleet-cover img,.fleet-stat{transition:none}}

#fleet-native-assignment[hidden]{display:none}