*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f4f6f8;color:#17212b}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
aside{background:#111c25;color:#fff;padding:22px;display:flex;flex-direction:column}
.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span{color:#f4c400}
nav{display:grid;gap:8px;margin-top:28px}nav button,.userbox button{border:0;background:#1b2a35;color:#fff;text-align:left;padding:11px;border-radius:9px}
nav button:hover{background:#263b4a}.userbox{margin-top:auto;display:grid;gap:5px}.userbox small{color:#aeb9c2}
main{padding:28px;overflow:auto}.hidden{display:none!important}.view{max-width:1250px;margin:auto}
h1,h2,h3{margin-top:0}.muted{color:#6f7d88}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e2e7eb;border-radius:13px;padding:16px;margin-bottom:12px}.kpi b{font-size:29px;display:block}
.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 13px;font-weight:750}.primary{background:#f4c400;color:#111}.secondary{background:#e8edf0;color:#17212b}.danger{background:#b83030;color:#fff}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar>*{min-width:150px}
input,select,textarea{width:100%;padding:10px;border:1px solid #ccd5db;border-radius:9px;background:#fff}
label{display:block;font-size:12px;font-weight:700;margin:8px 0 5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef2f5;font-size:12px;font-weight:700}.ready{background:#e9f8f0;color:#186947}.blocked{background:#fff0f0;color:#a22f2f}
.overlay{position:fixed;inset:0;background:#0c161ecc;z-index:99;display:flex;align-items:center;justify-content:center;padding:18px}.loginbox,.modal{width:min(760px,100%);background:#fff;border-radius:16px;padding:24px;max-height:92vh;overflow:auto}.loginbox{width:min(420px,100%);display:grid;gap:12px}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.full{grid-column:1/-1}.task.overdue{border-left:4px solid #bd3333}.task.unassigned{border-left:4px solid #bd7a25}.history{border-left:2px solid #dce3e8;padding-left:12px}.history div{margin:8px 0}
@media(max-width:850px){.app{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:20;display:block;padding:12px}nav{display:flex;overflow:auto;margin:10px 0}nav button{white-space:nowrap}.userbox{display:none}main{padding:15px}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}

/* V6 Fahrzeugbestand */
.vehicle-table-wrap{background:#fff;border:1px solid #e2e7eb;border-radius:13px;overflow:auto}
.vehicle-table{width:100%;border-collapse:collapse;min-width:820px}
.vehicle-table th,.vehicle-table td{padding:11px 12px;border-bottom:1px solid #edf1f3;text-align:left;white-space:nowrap}
.vehicle-table th{font-size:12px;text-transform:uppercase;letter-spacing:.035em;color:#6f7d88;background:#f8fafb;position:sticky;top:0;z-index:1}
.vehicle-table tbody tr:hover{background:#fafcfd}
.vehicle-table tbody tr:last-child td{border-bottom:0}
.type-pill{display:inline-block;min-width:72px;text-align:center;padding:4px 8px;border-radius:20px;background:#eef2f5;font-size:12px;font-weight:800}
.vehicle-action{text-align:right!important}.compact{padding:7px 10px;font-size:13px}
@media(max-width:850px){.vehicle-table-wrap{margin:0 -5px}.vehicle-table th,.vehicle-table td{padding:10px}}


/* V7 Standzeit-Farben Einkaufsdatum */
.buy-date-age{display:inline-block;padding:5px 9px;border-radius:8px;font-weight:800;line-height:1.1}
.buy-date-age.age-green{background:#dff4e5;color:#176b38}
.buy-date-age.age-yellow{background:#fff1b8;color:#715700}
.buy-date-age.age-red{background:#ffd9d9;color:#a32222}
.buy-date-age.age-darkred{background:#7f1414;color:#fff;box-shadow:inset 0 0 0 1px #5d0d0d}

/* V8 Fahrzeug-Suche und FIN */
.vehicle-searchbar{display:flex;gap:12px;align-items:center;margin:0 0 12px}
.vehicle-searchbar input{flex:1;min-width:260px;max-width:620px;padding:11px 13px;border:1px solid #cfd7dd;border-radius:10px;background:#fff;font-size:14px}
.vehicle-searchbar input:focus{outline:2px solid rgba(236,185,35,.28);border-color:#d3a91f}
.fin-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
@media(max-width:700px){.vehicle-searchbar{align-items:stretch;flex-direction:column}.vehicle-searchbar input{max-width:none;width:100%}}


/* V9 Fahrzeug-Grundfarben */
.color-cell{text-align:center!important}
.vehicle-color-circle{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--vehicle-color);border:2px solid #fff;box-shadow:0 0 0 1px #aeb8bf,0 1px 3px rgba(0,0,0,.18);vertical-align:middle}
.color-preview-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.vehicle-color-mini{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--vehicle-color);border:1px solid #fff;box-shadow:0 0 0 1px #bcc4ca}