table [hidden],.server-columns[hidden],.mileage-panel [hidden]{display:none!important}
.table-sort,button.table-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:0;padding:0;min-height:32px;color:inherit;font:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;cursor:pointer}
.table-sort span{color:#327c60;font-size:16px}.table-sort:hover{color:#176144;text-decoration:underline}th[aria-sort=ascending],th[aria-sort=descending]{background:#e8f1df;color:#174f3f}
.clickable-row{cursor:pointer}.clickable-row:hover>td{background:#f0f5e9}.clickable-row:focus-visible{outline:3px solid #327c60;outline-offset:-3px}
.column-control{white-space:nowrap;text-align:right}.column-control a,.column-control button{font-size:12px;font-weight:600;color:#235940;white-space:nowrap}.column-control button{background:white;border:1px solid #c8d8c5;min-height:36px;padding:7px 10px}
.server-columns{padding:16px 24px;border-top:1px solid var(--line)}.server-columns summary{cursor:pointer;color:#235940;font-weight:600}
.columns-dialog{width:min(650px,92vw);max-height:85vh;border:1px solid #c8d8c5;border-radius:20px;padding:26px;color:#1c3935;background:#fff;box-shadow:0 15px 80px #163c3530}.columns-dialog::backdrop{background:#102d2666}.columns-dialog h2{padding-right:70px;margin-top:0}.dialog-close{position:absolute;top:18px;right:18px;background:#f5f6f0;border:1px solid #d9e3d5;padding:6px 10px;min-height:36px}.column-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.column-options label{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px;font-size:14px;cursor:pointer}.column-options label:hover{background:#f0f5e9}.column-options input{width:18px;height:18px;flex:none;accent-color:#235940}.columns-dialog .form-actions{padding:20px 0 0;margin-top:15px}
.mileage-panel .filters{gap:12px}.mileage-panel [data-mileage-search]{margin-left:auto;max-width:330px}.mileage-panel td{padding:12px 18px;vertical-align:middle}.mileage-panel td:nth-child(4){min-width:265px}.mileage-panel input[type=number]{max-width:250px;font-size:18px;font-weight:650;padding:8px 12px;min-height:44px}.mileage-panel .form-actions{position:sticky;bottom:0;z-index:2;background:#fff;border-top:1px solid #c8d8c5;box-shadow:0 -4px 15px #173b3008;display:flex;align-items:center;gap:15px;padding:14px 22px;border-radius:0 0 18px 18px}.mileage-count{margin-right:auto;font-size:13px;color:#476354}.mobile-columns{display:none}
.mileage-panel .compact-photo{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px;max-width:360px!important;min-width:0!important;position:relative}.compact-photo>p{display:none}.mileage-panel .compact-photo>label{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;margin:0!important;padding:6px 10px;border:1px solid #bfcfba;border-radius:8px;background:#f5f8ef;font-size:12px;color:#235940;cursor:pointer;min-height:36px}.compact-photo>label:has(+input:focus-visible){outline:3px solid #327c60}.compact-photo input[type=file]{position:absolute!important;left:0;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.photo-help{font-size:11px;width:100%;color:#64766a}.photo-help summary{cursor:pointer}.photo-help small{display:block;padding:6px 0;font-size:11px}.photo-status{font-size:12px;color:#23633e;overflow-wrap:anywhere;max-width:230px}.compact-photo>button{font-size:11px;min-height:28px;padding:3px 7px}.mileage-panel .badge{white-space:normal;font-size:12px}.mileage-panel .table-scroll{max-height:68vh;overflow:auto}.mileage-panel thead th{position:sticky;top:0;z-index:1;background:#f0f4e9}
@media(max-width:750px){.column-options{grid-template-columns:1fr}.columns-dialog{padding:20px}.mileage-panel .table-scroll{max-height:none;overflow:visible}.mileage-panel .filters{padding:14px;flex-wrap:wrap}.mileage-panel [data-mileage-search]{max-width:none;margin-left:0;flex:1 1 100%;width:100%}.mileage-panel .filters input[type=date]{width:auto}.mileage-panel tr{padding:14px;gap:8px 14px}.mileage-panel td{padding:0}.mileage-panel td:nth-child(4){min-width:0;grid-column:1/-1}.mileage-panel td:nth-child(5){grid-column:1/-1;font-size:12px}.mileage-panel td:nth-child(5)::before{content:none}.mileage-panel td:nth-child(6){display:none}.mileage-panel input[type=number]{max-width:100%;width:100%}.mileage-panel .compact-photo{max-width:none!important}.mileage-panel .compact-photo>label{min-height:40px}.mileage-panel .form-actions{padding:12px;flex-wrap:wrap;gap:8px}.mileage-panel .form-actions button{width:100%}.mileage-count{width:100%;font-size:12px}.mobile-columns{display:block;font-size:12px}}
.mileage-panel .photo-help{width:auto;position:relative}.mileage-panel .photo-help summary{list-style:none;display:grid;place-items:center;width:28px;height:32px;border-radius:50%;font-weight:700}.mileage-panel .photo-help[open]{width:100%}.mileage-panel td:first-child{min-width:120px}.mileage-panel .compact-photo>label{padding:6px 12px}.mileage-panel .table-scroll{max-height:calc(100dvh - 380px);min-height:230px}@media(max-width:750px){.mileage-panel .table-scroll{max-height:none;min-height:0}}
.vehicle-filters{display:flex;flex-wrap:wrap;gap:10px;padding:18px 22px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:14px}.panel>.vehicle-filters{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}.vehicle-filters input,.vehicle-filters select{flex:1 1 170px;min-width:140px;max-width:270px}.vehicle-filters input[name=q]{flex:2 1 280px;max-width:430px}.vehicle-filters>a{align-self:center;font-size:12px}@media(max-width:750px){.vehicle-filters{padding:12px}.vehicle-filters input,.vehicle-filters select{max-width:none;min-width:0;flex-basis:calc(50% - 10px)}.vehicle-filters input[name=q]{flex-basis:100%;max-width:none}}
form button[hidden]{display:none!important}form[aria-busy=true]{opacity:.7}form[aria-busy=true] input,form[aria-busy=true] select{cursor:progress}
