:root{--bg:#f3f7fc;--paper:#fff;--ink:#123253;--muted:#647c96;--line:#dce6f1;--primary:#003872;--dark:#04264b;--soft:#eaf3ff;--accent:#30affb;--red:#b54b44;--orange:#9a6e20;--radius:13px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
.sync-notice{position:fixed;right:20px;bottom:20px;max-width:min(600px,calc(100vw - 40px));z-index:90}.sync-notice,.sync-inline-notice{padding:14px 18px;background:#fff4d9;border:1px solid #dfc079;border-radius:8px;color:#684e1f;font-size:12px;line-height:1.55;box-shadow:0 3px 12px #12325315}.sync-inline-notice{position:sticky;top:0;margin:0;z-index:10}@media print{.sync-notice,.sync-inline-notice{display:none!important}}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--primary);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #30affb;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#137dc2;outline:3px solid #137dc217}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-1px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:14px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,"SFMono-Regular",monospace;font-size:12px;letter-spacing:.3px}.loading{padding:30px;color:var(--muted)}.hidden{display:none!important}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:18px}.spacer{flex:1}.subtitle{color:var(--muted);margin-top:8px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;color:#8d9daf}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid #d4dee9;border-radius:8px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap;min-height:39px}.button:hover{background:#f0f4f8;border-color:#a7b4c2}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 3px #15283e10}.button.primary:hover{background:#002b58}.button.gold{background:var(--accent);border-color:var(--accent);color:var(--dark)}.button.ghost{background:transparent;border-color:transparent;box-shadow:none}.button.danger{color:var(--red);border-color:#edc5c1}.button.sm{padding:6px 9px;min-height:30px;font-size:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border-radius:5px;padding:5px 8px;background:#edf1f6;color:#586a7e;white-space:nowrap}.badge.green{background:#eaf3ed;color:#357554}.badge.red{background:#fbedeb;color:var(--red)}.badge.amber{background:#fcf2df;color:var(--orange)}.badge.blue{background:#ebf0f9;color:#5678a0}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-note{display:inline-block;border:1px solid #dde4ed;border-radius:30px;padding:6px 10px;font-size:11px;color:var(--muted)}.empty{padding:56px 22px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px}.empty .empty-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--primary)}.empty .empty-icon svg{width:27px;height:27px}.empty p{color:var(--muted);max-width:440px}.text-link{border:0;background:transparent;color:var(--primary);padding:0;font-size:12px;font-weight:600;cursor:pointer;text-align:left}.error{padding:12px 15px;border:1px solid #ecc6c1;border-radius:7px;background:#fff1ef;color:#a24139;line-height:1.5;font-size:12px}.notice{padding:14px 18px;border-radius:8px;background:#eaf0f6;border:1px solid #cedbe9;color:#4e637c;font-size:12px;line-height:1.6}.notice .icon{vertical-align:middle;margin-right:8px}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
/* Anmeldung */
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:54px 65px;background:var(--dark);color:#fff;overflow:hidden}.login-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,#34507126),repeating-linear-gradient(0deg,transparent,transparent 69px,#ffffff03 70px),repeating-linear-gradient(90deg,transparent,transparent 69px,#ffffff03 70px);pointer-events:none}.brand{display:flex;gap:12px;align-items:center}.brand-symbol{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--accent);color:var(--dark);font-size:26px;font-style:italic;font-weight:850;display:grid;place-items:center;padding-right:3px}.brand-name{font-size:18px;font-weight:700;letter-spacing:2.8px}.brand-caption{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#93a2b4;margin-top:5px}.brand-image{max-width:165px;max-height:58px;object-fit:contain;border-radius:6px;background:white;padding:6px}.login-story{position:relative;margin:72px 0 20px}.login-story .eyebrow{color:var(--accent)}.login-story h1{font-size:48px;font-weight:500;line-height:1.12;letter-spacing:-2px;max-width:540px;margin:22px 0}.login-story p{max-width:400px;color:#a9b6c4;font-size:14px}.car-art{width:100%;max-width:550px;margin:42px 0 12px;color:#91a1b3}.login-foot{color:#8a9bae;font-size:11px;position:relative;display:flex;justify-content:space-between;gap:20px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px 42px;background:#f8f9fb}.login-card{max-width:365px;width:100%}.login-card h2{font-size:28px;margin:20px 0 10px;letter-spacing:-1px}.login-card>p{color:var(--muted);font-size:13px;margin-bottom:30px}.login-card .button{width:100%;margin-top:10px;padding:13px}.login-card .field{margin-bottom:18px}.login-card input{padding:13px 12px}.login-note{border-top:1px solid var(--line);padding-top:24px;margin-top:38px;font-size:11px;color:#8899ad;display:flex;gap:10px;line-height:1.7}.login-card .brand{margin-bottom:32px;color:var(--primary)}
/* Arbeitsbereich */
.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;display:flex;flex-direction:column;background:var(--dark);color:#a5b2c0;padding:29px 18px;z-index:20}.sidebar .brand{padding:0 8px;margin-bottom:47px;color:#fff}.sidebar .brand-symbol{width:34px;height:34px;font-size:24px;border-radius:9px}.sidebar .brand-name{font-size:14px;letter-spacing:2px}.sidebar .brand-caption{font-size:8px;letter-spacing:1.3px}.sidebar .eyebrow{padding:0 13px;margin-bottom:12px;font-size:9px;color:#6a7f97}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:12px;width:100%;background:transparent;color:#a4b1bf;border:0;border-radius:7px;text-align:left;padding:12px 13px;font-size:12px}.nav button:hover{background:#ffffff09;color:#fff}.nav button.active{background:#d6dfea12;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.nav .count{margin-left:auto;font-size:10px;background:#ffffff0a;padding:3px 6px;border-radius:4px}.nav-divider{height:1px;background:#ffffff0c;margin:26px 9px}.sidebar-bottom{margin-top:auto;padding:25px 12px 0}.sidebar-bottom .local-status{display:flex;gap:7px;align-items:center;font-size:10px;color:#8899ac;margin-bottom:13px}.sidebar-bottom .local-status .dot{color:#7b93ae}.sidebar-bottom p{font-size:10px;color:#5f7389;line-height:1.7}.workspace{grid-column:2;min-width:0}.topbar{height:79px;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:#f8f9fb}.breadcrumb{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:11px}.breadcrumb span:last-child{color:var(--ink);font-weight:600}.topbar-user{display:flex;gap:10px;align-items:center;padding-left:20px;border-left:1px solid var(--line)}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#dee5ee;color:var(--primary);font-size:12px;font-weight:700}.topbar-user strong{display:block;font-size:11px}.topbar-user small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.date-label{font-size:11px;color:var(--muted)}.mobile-menu{display:none}.main{padding:34px 36px 40px;max-width:1740px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head .subtitle{font-size:12px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.stat{border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 17px;background:#fff;position:relative}.stat-label{font-size:11px;font-weight:500;color:#5d7187}.stat-value{font-size:34px;line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:17px 0 13px}.stat-sub{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.stat-icon{position:absolute;top:16px;right:17px;width:31px;height:31px;border-radius:8px;background:#edf1f5;display:grid;place-items:center;color:#62778e}.stat.alert .stat-icon{background:#fcf2df;color:#b48d4c}.stat.error-stat .stat-icon{background:#f9eeeb;color:#c58170}.stat button{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box}.stat button:focus-visible{outline:2px solid var(--primary);outline-offset:8px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14px}.panel-head p{font-size:11px;color:var(--muted);margin-top:6px}.panel-body{padding:23px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:22px}.dashboard-grid .panel{height:100%}.activity{padding:5px 0}.activity-item{display:flex;gap:12px;padding:15px 0;position:relative}.activity-item+.activity-item{border-top:1px solid #edf1f5}.activity-mark{width:30px;height:30px;border-radius:50%;background:#e9eef4;display:grid;place-items:center;color:var(--primary);flex-shrink:0}.activity-mark svg{width:14px;height:14px}.activity-text{min-width:0;flex:1}.activity-text strong{font-size:11px;font-weight:600;display:block;margin:2px 0 5px}.activity-text p{font-size:10px;color:var(--muted)}.activity-text .activity-date{margin-top:6px;font-size:9px;color:#8d9daf}.quick-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#e5ebf2;border:1px solid #d3dde9;border-radius:var(--radius);margin-top:22px}.quick-banner p{font-size:11px;color:#697e96;margin-top:6px}.quick-banner h3{font-size:13px}.footer-note{margin-top:25px;display:flex;justify-content:space-between;color:#8798ac;font-size:10px;gap:14px}
/* Listen */
.toolbar{padding:16px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;min-width:180px}.search svg{position:absolute;top:11px;left:12px;color:#899aad;width:16px}.search input{padding-left:36px;width:100%}.toolbar input,.toolbar select{height:38px;font-size:11px;background:#f8fafc}.toolbar select{width:auto;max-width:200px}.toggle-filter{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap;color:var(--muted);cursor:pointer}.toggle-filter input{height:auto;width:auto;accent-color:var(--primary)}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#788ba1;font-weight:650;background:#f6f8fb;padding:14px 20px;border-bottom:1px solid var(--line)}.table td{padding:17px 20px;border-bottom:1px solid #e7edf3;font-size:11px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f8fafc}.table .main-text{font-weight:600;font-size:12px;margin-bottom:6px}.table .sub-text{font-size:10px;color:var(--muted)}.table .vin{font-family:Consolas,"SFMono-Regular",monospace;font-size:10px;letter-spacing:.2px}.vehicle-cell{display:flex;gap:11px;align-items:center}.car-mark{height:34px;width:38px;border-radius:7px;background:#edf1f6;color:#687d96;display:grid;place-items:center}.car-mark svg{width:22px}.table-footer{padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.meter{min-width:77px;max-width:108px}.meter-line{display:flex;justify-content:space-between;font-size:10px;font-weight:600}.meter-track{height:4px;background:#e4eaf1;border-radius:4px;margin-top:6px;overflow:hidden}.meter-fill{height:100%;background:#258edb;border-radius:4px}.meter.low .meter-fill{background:#d99d55}.meter.low .meter-line{color:var(--orange)}.dashboard-table td{padding-top:16px;padding-bottom:16px}.dashboard-table .reason{font-size:10px;line-height:1.5;color:#987443;max-width:240px;white-space:normal}.result-actions{display:flex;gap:7px}.check-title{display:flex;gap:7px;align-items:center}
/* Formulare und Akten */
input,select,textarea{display:block;border:1px solid #d4dee9;border-radius:7px;color:var(--ink);background:#fff;padding:10px 11px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#9aa8b9}textarea{resize:vertical;min-height:83px;line-height:1.5}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.field small{font-size:10px;color:var(--muted);display:block;margin-top:6px;line-height:1.5}.field input[type=checkbox]{width:auto;display:inline-block;margin-right:8px;accent-color:var(--primary)}.field input[type=file]{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.form-grid .full{grid-column:1/-1}.form-section{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#74889e;border-top:1px solid var(--line);padding-top:22px;margin-top:7px}.form-section:first-child{border:0;margin:0;padding-top:0}.form-note{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--muted)}.form-grid .error{grid-column:1/-1}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.settings-layout .panel-body{padding:24px}.settings-layout .button[type=submit]{margin-top:22px}.logo-preview{max-height:70px;max-width:180px;display:block;margin-bottom:12px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.report-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.report-icon{width:45px;height:45px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}.report-card p{font-size:12px;color:var(--muted)}.report-card .button{margin-top:auto}.help-list{margin:0;padding-left:20px;font-size:12px;line-height:2.1;color:var(--muted)}
.alias-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.alias-input-row .button{min-height:39px}.alias-input-row input{text-transform:lowercase}
@media(max-width:500px){.alias-input-row{grid-template-columns:1fr}.alias-input-row .button{width:100%}}
dialog{border:0;padding:0;border-radius:16px;background:#fff;color:var(--ink);width:min(790px,calc(100vw - 40px));max-height:calc(100vh - 48px);box-shadow:0 25px 100px #0b162340}dialog::backdrop{background:#101822d0;backdrop-filter:blur(3px)}.modal-head{padding:23px 27px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font-size:20px}.modal-head p{font-size:11px;color:var(--muted);margin-top:5px}.modal-content{padding:25px 27px}.modal-footer{padding:18px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:#f8f9fb;position:sticky;bottom:0;z-index:2}.dossier{width:min(1000px,calc(100vw - 40px))}.detail-top{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px 0}.detail-facts dt{color:var(--muted);font-size:10px;margin-bottom:7px}.detail-facts dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.battery-summary{padding:19px;border:1px solid var(--line);background:#f5f7fa;border-radius:10px;display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.battery-summary .meter{width:100px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 16px}.history-entry{border:1px solid var(--line);border-radius:9px;margin-bottom:12px;padding:17px}.history-entry h3{font-size:12px}.history-entry p{font-size:11px;color:var(--muted);margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.history-entry .meta{font-size:10px;color:var(--muted);margin-top:8px}.history-entry .history-values{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin:12px 0}.history-entry .history-values span{color:var(--muted)}.attachment{display:inline-flex;align-items:center;gap:7px;font-size:11px;margin-top:10px}.record-note{border-left:3px solid #8db0d9;background:#f1f5fa;padding:12px 15px;margin:10px 0;font-size:12px;line-height:1.6;white-space:pre-wrap}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(90px);background:var(--dark);color:#fff;box-shadow:0 6px 30px #0002;z-index:100;padding:13px 22px;border-radius:9px;font-size:12px;transition:transform .2s;max-width:90vw;text-align:center}#toast.visible{transform:translateX(-50%) translateY(0)}
/* Druckvorschau */
#print-modal{width:min(1210px,calc(100vw - 32px));border-radius:10px;background:#e1e8f0}.print-toolbar{background:#fff;padding:17px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:3;border-bottom:1px solid #cdd8e5}.print-toolbar h2{font-size:14px}.print-toolbar p{font-size:10px;color:var(--muted);margin-top:5px}.print-sheet{margin:25px;padding:38px;background:#fff;min-height:420px;box-shadow:0 3px 12px #131d290c}.print-brand{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:2px solid #23364c;padding-bottom:20px;margin-bottom:27px}.print-brand img{max-width:150px;max-height:58px}.print-company{font-size:24px;font-weight:700;letter-spacing:1px}.print-heading h1{font-size:23px}.print-heading p{font-size:11px;color:#6a7f97;margin:9px 0 23px}.print-table{border-collapse:collapse;width:100%;font-size:10px}.print-table th{text-align:left;background:#e9eef4;color:#435161;font-size:9px;font-weight:600}.print-table th,.print-table td{padding:11px 9px;border:1px solid #d5dfea;overflow-wrap:anywhere;white-space:normal}.print-table tr{break-inside:avoid}.print-table thead{display:table-header-group}.print-foot{margin-top:25px;padding-top:13px;border-top:1px solid #d5dfea;color:#74889f;font-size:10px;display:flex;justify-content:space-between;gap:15px}.protocol{break-inside:avoid;border:1px solid #d2dce8;padding:21px;margin:20px 0}.protocol h2{font-size:17px;margin-bottom:8px}.protocol dl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;font-size:11px}.protocol dt{color:#63788f;font-size:9px;margin-bottom:5px}.protocol dd{margin:0}.protocol p{font-size:11px;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.signature{display:flex;gap:50px;margin-top:40px;font-size:10px;color:#657a92}.signature span{border-top:1px solid #75899f;padding-top:9px;min-width:200px}
@media(min-width:1600px){.main{padding:40px 48px}.topbar{padding:0 48px}.dashboard-grid{grid-template-columns:2fr 1fr}}
@media(max-width:1150px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{width:195px;padding:27px 12px}.sidebar .brand-name{font-size:12px}.main{padding:27px 23px}.topbar{padding:0 23px}.dashboard-grid{grid-template-columns:1fr}.stats{gap:12px}.stat{padding:18px 15px}.stat-label{max-width:100px}.stat-icon{right:12px}.report-grid{grid-template-columns:1fr 1fr}.login-art{padding:42px}.login-story h1{font-size:40px}.date-label{display:none}.table td,.table th{padding-left:15px;padding-right:15px}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.workspace{grid-column:1}.sidebar{transform:translateX(-100%);transition:transform .2s;width:228px;box-shadow:10px 0 40px #131f2d25}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{height:65px;gap:12px;padding:0 18px}.breadcrumb{flex:1}.topbar-user{padding-left:12px}.main{padding:25px 18px}.page-head{align-items:flex-start}.page-head h1{font-size:25px}.page-actions .button{padding:10px;font-size:11px}.stats{grid-template-columns:1fr 1fr}.stat-label{max-width:none}.settings-layout{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100vh;padding:35px 25px}.login-card{max-width:390px}.report-grid{grid-template-columns:1fr}.detail-facts{grid-template-columns:1fr 1fr}.print-sheet{margin:12px;padding:24px}.protocol dl{grid-template-columns:1fr 1fr}.quick-banner{align-items:flex-start}.footer-note span:last-child{display:none}.table th,.table td{padding:14px}}
@media(max-width:500px){.topbar-user .user-label{display:none}.page-head{flex-direction:column;gap:17px}.page-actions{width:100%}.stats{gap:10px}.stat-value{font-size:30px}.stat-icon{width:27px;height:27px}.stat-label{font-size:10px;max-width:95px}.stat-sub{font-size:9px}.toolbar{padding:13px}.toolbar .search{flex-basis:100%}.toolbar select{flex:1;max-width:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-section{grid-column:auto}.modal-head{padding:20px}.modal-content{padding:20px}.modal-footer{padding:15px 20px}.modal-head h2{font-size:17px}dialog{width:calc(100vw - 16px);max-height:calc(100vh - 24px)}.quick-banner{flex-direction:column;gap:16px}.print-toolbar{align-items:flex-start;padding:14px}.print-toolbar .button{padding:9px}.print-sheet{padding:16px}.print-table{font-size:8px}.print-table th,.print-table td{padding:7px 5px}.print-brand{align-items:flex-start}.signature{gap:20px}.signature span{min-width:100px}.dossier{width:calc(100vw - 16px)}}
@page{size:A4 landscape;margin:12mm}
@media print{html,body{background:#fff!important;margin:0!important;padding:0!important;font-size:10pt}body>*{display:none!important}body>#print-modal[open]{display:block!important}#print-modal{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:#fff!important;box-shadow:none!important;border-radius:0!important}dialog::backdrop{display:none!important}.print-toolbar{display:none!important}.print-sheet{margin:0!important;padding:0!important;box-shadow:none!important;min-height:0!important}.print-table{font-size:8pt}.print-table th{font-size:7pt}.print-table td,.print-table th{padding:7px 6px}.print-brand{margin-bottom:15px;padding-bottom:12px}.print-heading h1{font-size:18pt}.print-foot{font-size:7pt}.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.protocol{break-inside:avoid;page-break-inside:avoid}.protocol+.protocol{break-before:page;page-break-before:always}a{color:#123253;text-decoration:none}}
/* Zentrale Serverfassung / Datenbankoberfläche */
.sidebar{overflow-y:auto}.sidebar .brand{margin-bottom:32px}.nav-divider{margin:17px 9px}.sidebar-bottom{padding-top:20px}.login-import{margin-top:17px;text-align:center}.login-import .button{margin:0;font-size:11px}.login-import p{margin-top:10px;font-size:10px}.login-note{margin-top:24px;padding-top:20px}.storage-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#e8edf3;border:1px solid #d5dfea;border-radius:9px;padding:13px 16px;margin-top:25px;font-size:10px;color:#5d7085}.storage-bar .icon{width:15px;height:15px;color:#526881}.storage-bar .text-link{font-size:10px}.pending-json{color:#9c7831}.data-hero{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#e3eaf1;border:1px solid #d2dce8;border-radius:13px;padding:30px;margin-bottom:23px}.data-hero h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:13px 0}.data-hero p{max-width:560px;font-size:12px;color:#63788f}.data-file-card{background:#ffffffaa;border:1px solid #cbd7e4;box-shadow:0 8px 20px #172e4905;padding:25px;border-radius:11px;min-width:260px;max-width:320px;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.data-file-card>.icon{width:32px;height:32px;color:#5b7592}.data-file-card strong{font-size:13px;overflow-wrap:anywhere;max-width:100%}.data-file-card>span:not(.badge){font-size:10px;line-height:1.5;color:#768aa0}.data-grid .report-card{padding:23px}.data-grid .row{margin-top:auto}.startup-error{margin:12vh auto;padding:30px;max-width:650px;display:flex;flex-direction:column;gap:20px}.startup-error h1{font-size:27px}.startup-error p{color:var(--muted);font-size:14px}.startup-error .button{align-self:flex-start}
.mobile-close{display:none}.breadcrumb{min-width:0}.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>.row{flex-shrink:0}
@media(max-width:800px){.mobile-close{display:inline-flex;position:absolute;right:9px;top:9px;width:24px;height:24px;border:0;color:#a5b2c0}}
@media(max-width:1100px){.data-grid{grid-template-columns:1fr}.data-hero{gap:22px;padding:24px}.data-hero h2{font-size:24px}.data-file-card{min-width:230px}.topbar{gap:14px}.topbar>.row{gap:12px}}
@media(max-width:650px){.data-hero{flex-direction:column;align-items:stretch}.data-file-card{max-width:none}.top-save{font-size:10px!important;padding:6px 8px!important}.top-save .icon{display:none}.breadcrumb>span:first-child,.breadcrumb>.icon{display:none}.storage-bar{font-size:10px}.topbar>.row{gap:8px}.data-hero h2{font-size:25px}}
/* ABZ Nutzfahrzeuge – Firmenfarben aus den Original-Logos */
:root{--primary:#003872;--accent:#30affb;--dark:#04264b;--soft:#eaf3ff;--ink:#123253;--muted:#617b97;--bg:#f3f7fc;--line:#dce6f1}
.button.primary{background:linear-gradient(120deg,#003872,#005ba6);border-color:#003872;box-shadow:0 3px 9px #00387216}.button.primary:hover{background:#002c5b}.button:focus-visible,a:focus-visible{outline-color:#30affb}.text-link{color:#005297}.avatar{background:#e4f1ff}.meter-fill{background:linear-gradient(90deg,#0067bb,#30affb)}
.notice{background:#edf5ff;border-color:#cddff4;color:#365e86}.stat-icon,.car-mark,.report-icon,.empty .empty-icon{color:#0868ad;background:#eaf3ff}.stat-label{color:#58738f}.table th{background:#f0f5fc;color:#5e7895}.table tbody tr:hover{background:#f5faff}.toolbar input,.toolbar select{background:#f8fbff}.quick-banner,.data-hero{background:linear-gradient(120deg,#eaf3ff,#f8fbff);border-color:#d2e3f5}.quick-banner h3,.data-hero h2{color:#003872}.quick-banner p,.data-hero p{color:#617c99}.storage-bar{background:#edf5fd;border-color:#d4e5f5;color:#57728e}.storage-bar .icon{color:#096eaf}
.brand-image{display:block;object-fit:contain;object-position:center;width:112px;height:112px;max-width:none;max-height:none;padding:0;background:transparent;border-radius:0;flex-shrink:0}.brand-copy{min-width:0}.brand-name{font-size:17px;font-weight:750;letter-spacing:-.25px;line-height:1.3}.brand-caption{font-size:9px;letter-spacing:1.6px;color:#7d9bb9;line-height:1.5}.brand-symbol{font-size:16px;font-style:italic;width:48px;background:#30affb;color:#003872}.brand-wordmark .brand-name{font-size:23px;font-weight:650;letter-spacing:.1px}.brand-wordmark .brand-caption{color:#a4c8e8;font-size:9px}
.sidebar{background:linear-gradient(180deg,#03264f,#001c3d);color:#bed1e5;padding-top:18px}.sidebar .brand{flex-direction:column;gap:2px;text-align:center;padding:0;margin-bottom:27px}.sidebar .brand-image{width:119px;height:119px}.sidebar .brand-name{font-size:14px;letter-spacing:0;color:#fff}.sidebar .brand-caption{font-size:8px;letter-spacing:1.4px;color:#81afd7}.sidebar .eyebrow{color:#81a6cc}.nav button{color:#afc6df}.nav button.active{background:#2faeff1b;color:#73caff;box-shadow:inset 3px 0 #30affb}.nav button:hover{background:#ffffff0b;color:#fff}.sidebar-bottom .local-status{color:#8fb8dd}.sidebar-bottom .local-status .dot{color:#30affb}.sidebar-bottom p{color:#749ac1}.mobile-close{color:#bed1e5}
.login-art{background:linear-gradient(150deg,#02214b 0%,#003872 62%,#006cb5 100%);padding:42px 54px}.login-art:before{background:radial-gradient(ellipse at 88% 6%,#30affb2d,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 79px,#ffffff04 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,#ffffff04 80px)}.login-art>.brand{position:relative;z-index:1}.login-story{margin:38px 0 22px}.login-story h1{font-size:42px;letter-spacing:-1.5px;max-width:490px}.login-story p{color:#a6c7e9;max-width:435px}.login-story .eyebrow{color:#5ec6ff}.login-emblem{display:flex;justify-content:center;margin:22px 0 0}.login-emblem img{display:block;width:min(350px,90%);height:auto;object-fit:contain;filter:drop-shadow(0 16px 20px #00183250)}.login-foot{color:#89b4dc}.login-form-wrap{background:#f9fbff}.login-card{max-width:390px}.login-card .brand{gap:18px;margin-bottom:28px}.login-card .brand-image{width:102px;height:102px}.login-card .brand-name{color:#003872;font-size:21px}.login-card .brand-caption{font-size:9px;color:#6d8ba9}.login-card h2{font-size:27px}.login-card>.eyebrow{color:#5583af}.login-card input{background:#fff;border-color:#d0e0f0}.logo-preview{max-height:150px;max-width:180px;object-fit:contain}.print-logo-preview{max-height:90px;max-width:280px}.battery-summary{background:#f5f9ff}.record-note{background:#f1f7ff;border-left-color:#30affb}
.row-danger{color:#a9453d}.row-danger:hover{background:#fff0ed;color:#a33229;border-color:#ecc1bd}.delete-summary{border:1px solid #e8c7c1;border-radius:10px;padding:18px;background:#fff8f6}.delete-summary h3{font-size:16px;color:#873d35}.delete-summary p{font-size:12px;margin-top:10px;color:#785954}.delete-summary .mono{font-size:13px;margin:9px 0;color:#123253}
/* Briefkopf und wiederholte Tabellenüberschriften in der Druckvorschau */
#print-modal{background:#e5edf6}.print-sheet{max-width:1123px;min-height:680px;margin:24px auto;padding:35px 39px;background:white}.print-toolbar{border-bottom-color:#cadbec}.print-brand{padding-bottom:17px;margin-bottom:19px;border-bottom:2px solid #003872;align-items:center}.print-logo-block{flex:1}.print-brand .print-logo{display:block;width:230px;height:auto;max-width:100%;max-height:none;object-fit:contain}.print-meta{display:flex;flex-direction:column;gap:6px;font-size:10px;line-height:1.4;text-align:right;color:#647b94;font-weight:400;letter-spacing:0;text-transform:none}.print-meta strong{color:#003872;font-size:11px}.print-overline{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#5881ac;margin-bottom:8px}.print-heading h1{font-size:24px;line-height:1.2;letter-spacing:-.5px;color:#003872;text-transform:none;font-weight:700}.print-heading p{margin:8px 0 22px;line-height:1.5;color:#657b93;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0}.print-table{font-size:10px;color:#15395e}.print-table th{background:#edf4fe;color:#003872;font-size:9px;letter-spacing:.15px}.print-table td,.print-table th{border-color:#d3e0ef;padding:10px 8px}.print-table tbody tr:nth-child(even){background:#f7faff}.print-table .letterhead-cell{padding:0;border:0;background:white;text-align:left;white-space:normal}.print-table .letterhead-row{background:white}.print-table .print-letterhead{padding:0 0 1px}.print-foot{border-top-color:#c9dcec;color:#6784a1;font-size:9px;line-height:1.5}.print-page-caption{text-align:right;color:#7991ab;font-size:9px;margin:0 0 14px;letter-spacing:.4px}.protocol{border:0;padding:0;margin:0 0 35px}.protocol h2{color:#003872}.protocol dl{background:#f4f8fe;padding:17px;border:1px solid #dce7f5;border-radius:5px;gap:18px 13px}.protocol dt{color:#657f9e}.protocol dd{color:#123253;font-size:11px}.protocol p{color:#244c74;font-size:11px;line-height:1.6}.signature{color:#647e99}.signature span{border-top-color:#7d9bb9}.signature span{flex:1;min-width:0}
#print-modal[data-layout="portrait"]{width:min(880px,calc(100vw - 32px))}#print-modal[data-layout="portrait"] .print-sheet{max-width:794px;min-height:990px}
@page abz-list{size:A4 landscape;margin:12mm}
@page abz-protocol{size:A4 portrait;margin:14mm}
@media print{#print-modal[data-layout="landscape"] .print-sheet{page:abz-list}#print-modal[data-layout="portrait"] .print-sheet{page:abz-protocol}.print-sheet{max-width:none!important;min-height:0!important}.print-table .letterhead-cell{padding:0!important;border:0!important;background:#fff!important}.print-brand .print-logo{width:58mm;max-height:none;height:auto}.print-brand{padding-bottom:4mm;margin-bottom:4mm}.print-heading h1{font-size:17pt}.print-heading p{margin-bottom:5mm;font-size:8pt}.print-table{font-size:8pt}.print-table th{font-size:7.5pt}.print-table td,.print-table th{padding:2.1mm}.print-table thead{display:table-header-group}.print-table tr{break-inside:avoid}.print-table tbody tr:nth-child(even),.protocol dl{print-color-adjust:exact;-webkit-print-color-adjust:exact}.protocol{margin:0;border:0}.protocol+.protocol{break-before:page;page-break-before:always}.print-meta{font-size:8pt}.print-page-caption{font-size:7pt}.signature{margin-top:12mm}.print-foot{font-size:7pt}}
@media(max-width:1150px){.sidebar .brand-image{width:104px;height:104px}.sidebar .brand-name{font-size:12px}.login-art{padding:36px}.login-story h1{font-size:35px}.login-emblem img{width:290px}.login-story{margin-top:24px}.print-sheet{margin:16px;padding:25px}}
@media(max-width:800px){.sidebar .brand-image{width:112px;height:112px}.sidebar .brand-name{font-size:14px}.login-card .brand{margin-bottom:24px}.login-card .brand-image{width:92px;height:92px}.print-meta{font-size:9px}.print-brand .print-logo{width:200px}.print-heading h1{font-size:21px}}
@media(max-width:500px){.login-card .brand-name{font-size:18px}.login-card .brand{gap:12px}.login-card .brand-image{width:85px;height:85px}.print-sheet{margin:9px;padding:17px}.print-brand{gap:14px}.print-brand .print-logo{width:165px}.print-meta{max-width:125px;font-size:8px}.print-meta strong{font-size:9px}.print-heading h1{font-size:19px}.print-overline{font-size:8px}.print-table td,.print-table th{padding:7px 5px}.signature{gap:24px}}

.delete-summary+.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.delete-summary+.checkbox input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:#a33d33}.button.danger{background:#fff6f4;color:#9c342c;border-color:#dfb0a9}.button.danger:hover{background:#ffe9e5;border-color:#c8776c}
.vehicle-table th:last-child,.vehicle-table td:last-child{position:sticky;right:0;background:var(--paper);box-shadow:-3px 0 5px #1232530a;z-index:1}.vehicle-table th:last-child{background:var(--soft)}

.autosave-status{font-size:12px;line-height:1.5;padding:12px 15px;margin-top:18px;background:#edf5ff;border-radius:8px;color:#315779}.autosave-status[data-state="saved"]{background:#eaf5ef;color:#286447}.autosave-status[data-state="error"],.autosave-status[data-state="incomplete"]{background:#fff3e3;color:#8a541a}

.connection-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(130deg,#022750,#075b9c)}.connection-card{width:min(600px,100%);padding:35px;display:flex;flex-direction:column;gap:22px}.connection-card h1{font-size:29px;line-height:1.2}.connection-card>p{font-size:13px;line-height:1.7;color:#56728c}.connection-card .brand{justify-content:center}.connection-card .brand-image{width:110px;height:110px}.connection-card .stack{gap:10px}
.sort-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #dce6f2;background:#f8fbff}.sort-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px;color:#365e86}.sort-toolbar select{width:auto;min-width:170px;padding:7px 10px}.sort-heading{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:5px 0;cursor:pointer}.sort-heading:hover{color:#0058a3}.sort-heading:focus-visible{outline:2px solid #0078d4;outline-offset:4px;border-radius:2px}.table th[aria-sort="ascending"],.table th[aria-sort="descending"]{color:#003872;background:#e4effd}
.sales-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.damage-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f2f7fc;border-radius:8px;margin-top:12px;line-height:1.6}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}.media-card{display:flex;flex-direction:column;gap:10px;border:1px solid #d4e3f1;border-radius:10px;padding:16px;overflow-wrap:anywhere}.media-view{padding:20px;max-width:100%}.media-view img,.media-view video{display:block;max-width:100%;max-height:70vh;margin:auto}#media-modal{width:min(1100px,95vw);z-index:100}.media-view p{margin-top:15px}@media(max-width:600px){.sales-stats{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}}@media print{.damage-text{background:white;padding:0;white-space:pre-wrap}}

/* Version 3.5.2 – Anmeldung und übersichtlichere Arbeitsoberfläche */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.login-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 15% 5%,#138ed855,transparent 35%),linear-gradient(135deg,#011c3e 0%,#00366e 57%,#075f9c 100%);color:#fff;position:relative;overflow:hidden}.login-page:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 65%,#30affb12),repeating-linear-gradient(0deg,transparent,transparent 79px,#ffffff04 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,#ffffff04 80px);pointer-events:none}.login-topbar,.login-shell,.login-statusbar{position:relative;z-index:1}.login-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5vw}.login-topbar .brand{color:white}.login-topbar .brand-image{width:82px;height:82px}.login-topbar .brand-name{font-size:19px;letter-spacing:.1px}.login-topbar .brand-caption{color:#9bc6ea}.login-version{font-size:12px;color:#b5d3ed;display:flex;align-items:center;gap:12px}.login-version span{padding:6px 10px;border:1px solid #ffffff24;border-radius:999px;color:#fff;background:#ffffff0b}.login-shell{width:min(1180px,90vw);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,420px);gap:74px;align-items:center;padding:30px 0 54px}.login-message .eyebrow{color:#67ccff}.login-message h1{font-size:54px;line-height:1.05;font-weight:560;letter-spacing:-2.5px;margin:17px 0 22px}.login-message h1 span{color:#75d1ff}.login-message>p{max-width:570px;color:#b7d3ea;font-size:15px;line-height:1.75}.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:40px}.login-feature-grid>div{display:flex;align-items:flex-start;gap:10px;padding:15px 13px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff0a;backdrop-filter:blur(8px)}.login-feature-grid svg{color:#55c3ff;width:18px;height:18px}.login-feature-grid strong,.login-feature-grid small{display:block}.login-feature-grid strong{font-size:11px;color:#fff}.login-feature-grid small{font-size:9px;color:#9fc0dc;line-height:1.5;margin-top:4px}.login-panel{background:#fff;color:var(--ink);padding:29px 34px 27px;border-radius:18px;box-shadow:0 28px 80px #00132975}.login-logo{display:flex;justify-content:center;margin:-7px 0 13px}.login-logo img{width:112px;height:112px;object-fit:contain}.login-panel>.eyebrow{color:#40739f}.login-panel h2{font-size:28px;color:#06396b;margin:10px 0 6px}.login-panel>p{font-size:12px;color:var(--muted);margin-bottom:23px}.login-panel .field{margin-bottom:15px}.login-panel input{padding:12px;background:#f9fbfe}.login-submit{width:100%;padding:13px;margin-top:3px}.login-database-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:0;background:transparent;color:#5b7895;font-size:10px;margin-top:15px;padding:7px}.login-database-link:hover{color:var(--primary)}.login-database-link svg{width:15px}.login-statusbar{display:flex;justify-content:space-between;gap:24px;padding:18px 5vw;border-top:1px solid #ffffff12;color:#98bbd9;font-size:10px}.login-statusbar span{display:flex;align-items:center;gap:8px}.login-statusbar svg{width:15px;color:#57c7ff}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 29px;margin-bottom:20px;border-radius:15px;background:linear-gradient(120deg,#053d75,#0878b8);color:white;box-shadow:0 9px 26px #00387218;overflow:hidden;position:relative}.dashboard-welcome:after{content:"";position:absolute;width:260px;height:260px;border:45px solid #30affb20;border-radius:50%;right:17%;top:-132px}.dashboard-welcome>div{position:relative;z-index:1}.dashboard-welcome .eyebrow{color:#85d5ff}.dashboard-welcome h1{margin:8px 0 7px;font-size:25px;letter-spacing:-.6px}.dashboard-welcome p{font-size:11px;color:#c0dbef}.dashboard-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dashboard-welcome .dashboard-actions .button:not(.primary){background:#ffffff12;border-color:#ffffff2b;color:white}.dashboard-welcome .dashboard-actions .button:not(.primary):hover{background:#ffffff1f}.dashboard-overview{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr)}.snapshot-body{padding:8px 20px 17px}.snapshot-group{padding:13px 0}.snapshot-group+.snapshot-group{border-top:1px solid var(--line)}.snapshot-title{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#7a90a7;margin:0 6px 7px}.snapshot-group button{display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:9px;width:100%;padding:9px 7px;border:0;border-radius:7px;background:transparent;color:#345776;text-align:left;font-size:11px}.snapshot-group button:hover{background:#eff6fd;color:#004e91}.snapshot-group button strong{font-size:13px;color:#003872}.snapshot-group button svg{width:14px}.priority-panel .empty{padding:42px 22px}
.vehicle-scroll{overflow-x:hidden}.vehicle-table{table-layout:fixed;min-width:0}.vehicle-table .col-vehicle{width:23%}.vehicle-table .col-fuel{width:10%}.vehicle-table .col-location{width:18%}.vehicle-table .col-battery{width:22%}.vehicle-table .col-status{width:16%}.vehicle-table .col-actions{width:82px}.vehicle-table th,.vehicle-table td{padding-left:12px;padding-right:12px;overflow:hidden}.vehicle-table th .sort-heading{white-space:normal;line-height:1.35}.vehicle-table .vehicle-cell{min-width:0}.vehicle-table .vehicle-cell>div{min-width:0}.vehicle-table .vehicle-cell .main-text,.vehicle-table .vehicle-cell .vin{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-table .car-mark{width:31px;height:31px;flex:0 0 31px}.vehicle-table .car-mark svg{width:18px}.fuel-label{display:block;overflow:hidden;text-overflow:ellipsis}.location-cell strong,.location-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-cell strong{font-size:11px}.location-cell small{font-size:9px;color:var(--muted);margin-top:6px}.battery-compact{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.battery-compact-top{display:flex;gap:9px;font-size:9px;color:var(--muted);white-space:nowrap}.battery-compact-top strong{color:var(--ink);font-size:10px;margin-left:2px}.battery-compact .badge{padding:4px 6px;font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vehicle-actions{display:flex;gap:6px;justify-content:flex-end}.vehicle-actions .icon-button{width:30px;height:30px}.danger-icon{color:#a9453d;border-color:#ebcbc7}.danger-icon:hover{background:#fff0ed;color:#9e342d;border-color:#deb3ad}
.quick-status{display:flex;align-items:center;gap:7px;min-width:144px}.quick-status select{width:112px;min-height:32px;padding:6px 26px 6px 9px;font-size:10px;font-weight:650}.quick-status small{font-size:8px;color:var(--muted);white-space:nowrap}.quick-status.status-offen select{border-color:#e8c77f;background:#fff8e9;color:#805919}.quick-status.status-in-arbeit select{border-color:#b7d3ef;background:#eff7ff;color:#135b91}.quick-status.status-fertig select{border-color:#b9d9c6;background:#eef8f2;color:#2f704d}.sales-table td{padding-top:13px;padding-bottom:13px}
.top-updates{background:#edf5ff;border-color:#cbdff3;color:#0b5e9d}.top-updates:hover{background:#dfefff}.updates-dialog{width:min(720px,calc(100vw - 40px))}.update-list{display:flex;flex-direction:column;gap:12px;background:#f7faff}.update-card{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:17px 19px;border:1px solid #dce7f2;border-radius:10px;background:#fff}.update-card.current{border-color:#9bcbed;box-shadow:inset 4px 0 #1689cd}.update-version{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#003872}.update-card ul{margin:0;padding-left:18px;color:#4f6982;font-size:11px;line-height:1.75}.update-card li+li{margin-top:2px}
@media(max-width:1250px){.vehicle-table .col-vehicle{width:25%}.vehicle-table .col-fuel{width:9%}.vehicle-table .col-location{width:17%}.vehicle-table .col-battery{width:23%}.vehicle-table .col-status{width:15%}.vehicle-table .col-actions{width:70px}.vehicle-table th,.vehicle-table td{padding-left:9px;padding-right:9px}.vehicle-table .car-mark{display:none}.battery-compact{gap:6px}.battery-compact-top{gap:6px}.dashboard-overview{grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr)}}
@media(max-width:950px){.login-shell{grid-template-columns:1fr;gap:34px;padding-top:0}.login-message{text-align:center}.login-message h1{font-size:42px}.login-message>p{margin:auto}.login-feature-grid{margin-top:25px}.login-panel{width:min(430px,100%);margin:auto}.login-statusbar span:last-child{display:none}.dashboard-overview{grid-template-columns:1fr}.vehicle-scroll{overflow-x:auto}.vehicle-table{min-width:760px}.top-updates{padding:6px 8px}.top-updates svg{margin:0}.top-updates{font-size:0}.top-updates .icon{width:17px;height:17px}}
@media(max-width:600px){.login-topbar{padding:18px 24px}.login-topbar .brand-image{width:63px;height:63px}.login-topbar .brand-copy{display:none}.login-version{font-size:0}.login-version span{font-size:10px}.login-shell{width:calc(100vw - 34px);padding:10px 0 30px}.login-message h1{font-size:33px}.login-message>p{font-size:12px}.login-feature-grid{grid-template-columns:1fr}.login-feature-grid>div{padding:11px}.login-panel{padding:25px}.login-logo img{width:90px;height:90px}.login-statusbar{padding:15px 24px}.dashboard-welcome{align-items:flex-start;flex-direction:column;padding:23px}.dashboard-actions{width:100%}.dashboard-actions .button{flex:1}.update-card{grid-template-columns:1fr;gap:10px}.quick-status{min-width:125px}.quick-status small{display:none}}

/* Version 3.5.2 – größere Aktionen und kollisionsfreie Überschriften */
.topbar-actions{gap:10px;min-width:0}.topbar-actions>.button.prominent-action{min-height:38px;padding:8px 13px;font-size:12px;flex:0 0 auto}.topbar-actions>.top-save{min-width:137px}.topbar-actions>.top-updates{min-width:96px}.topbar-actions>.icon-button{flex:0 0 36px;width:36px;height:36px}.topbar-user{flex:0 0 auto}
.dashboard-actions .dashboard-action,.page-actions .button{min-height:42px;padding:10px 17px;font-size:12px}.dashboard-actions .dashboard-action svg,.page-actions .button svg{width:18px;height:18px}.page-actions{align-items:center}
.sort-toolbar .sort-direction-button{min-width:126px;min-height:37px;padding:8px 13px;font-size:12px}
.priority-panel .panel-head{align-items:flex-start}.priority-panel .priority-heading{flex:1 1 auto;min-width:0}.priority-title-row{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;min-width:0}.priority-title-row h2{flex:0 0 auto;white-space:nowrap}.priority-title-row .badge{flex:0 0 auto;position:static}.priority-panel .panel-head>.text-link{flex:0 0 auto;white-space:nowrap;margin-top:2px}
.sales-table tbody tr{background:#fff}.sales-table tbody tr+tr td{border-top:0}.sales-table td{vertical-align:middle}
@media(max-width:1180px){.topbar .date-label{display:none}.priority-panel .panel-head{flex-wrap:wrap}.priority-panel .panel-head>.text-link{width:100%;margin-top:2px}}
@media(max-width:950px){.topbar-actions>.top-updates{min-width:38px}.topbar-actions>.button.prominent-action{padding:8px 10px}.sort-toolbar .sort-direction-button{min-width:118px}}
@media(max-width:600px){.dashboard-actions .dashboard-action,.page-actions .button{min-height:42px}.priority-title-row{align-items:flex-start;flex-direction:column}.priority-title-row .badge{align-self:flex-start}}
/* Version 3.5.2 – klare Navigationsgruppen */
.nav-seller-divider{height:1px;flex:0 0 1px;margin:8px 9px;background:linear-gradient(90deg,transparent,#30affb8f,transparent)}
.nav-section-gap{height:8px;flex:0 0 8px}

/* Version 3.5.2 – ABZ Neuwagenverwaltung als breites Markenlogo */
.brand-display-logo .brand-copy{display:none}
.sidebar .brand-display-logo{align-self:stretch;justify-content:center;min-height:84px;margin:0 0 28px;padding:9px 10px;border:1px solid #ffffff2b;border-radius:11px;background:#fff;box-shadow:0 8px 22px #00142f45}
.sidebar .brand-display-logo .brand-image{width:100%;height:auto;max-height:none;object-fit:contain}
.login-topbar .brand-display-logo{justify-content:center;padding:8px 14px;border:1px solid #ffffff38;border-radius:12px;background:#fff;box-shadow:0 10px 30px #00132935}
.login-topbar .brand-display-logo .brand-image{width:220px;height:auto;max-height:none;object-fit:contain}
.login-logo.brand-display-login{margin:-3px 0 16px}
.login-logo.brand-display-login img{width:min(280px,100%);height:auto;max-height:none;object-fit:contain}
@media(max-width:1150px){.sidebar .brand-display-logo{min-height:75px;padding:8px}.login-topbar .brand-display-logo .brand-image{width:205px}}
@media(max-width:600px){.login-topbar .brand-display-logo{padding:7px 10px}.login-topbar .brand-display-logo .brand-image{width:174px;height:auto;max-height:none}.login-logo.brand-display-login img{width:min(245px,100%);height:auto;max-height:none}}
@media(max-width:600px){.login-topbar .brand-wordmark .brand-copy{display:block}.login-topbar .brand-wordmark .brand-name{font-size:16px}.login-topbar .brand-wordmark .brand-caption{font-size:8px}}

/* Pre-Final 3.5.4/3.5.5: dezente Bewegungen und Verkäuferbenachrichtigungen. */
@keyframes page-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.main>*,.modal-content>*{animation:page-enter .2s ease-out both}
.panel,.stat,.report-card,.media-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.stat:hover,.report-card:hover,.media-card:hover{transform:translateY(-2px)}
.notification-button{position:relative;color:#075e9e;background:#f2f7fd}
.notification-button:hover{color:#003872;background:#e3f1ff}
.notification-count{position:absolute;top:-6px;right:-7px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border:2px solid white;border-radius:999px;background:#c23c32;color:white;font-size:9px;font-weight:800;line-height:1}
#notification-alert{position:fixed;z-index:220;right:24px;top:82px;width:min(390px,calc(100vw - 32px));display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #9bcbed;border-radius:13px;background:#fff;box-shadow:0 18px 50px #002f5c2d;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
#notification-alert.visible{opacity:1;transform:none;pointer-events:auto}
.notification-alert-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eaf4ff;color:#0872b8}
.notification-alert-icon .icon{width:20px;height:20px}
#notification-alert strong,#notification-alert span{display:block}#notification-alert strong{font-size:12px;color:#073b6d}#notification-alert span{margin-top:4px;color:#536f89;font-size:10px;line-height:1.45}#notification-alert button{border:0;background:transparent;color:#0064a9;font-size:10px;font-weight:750;cursor:pointer}
.notifications-dialog{width:min(760px,calc(100vw - 32px))}.notification-list{display:flex;flex-direction:column;gap:10px;background:#f6f9fd}.notification-item{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:15px;border:1px solid #dbe6f1;border-radius:11px;background:#fff;opacity:.78}.notification-item.unread{border-color:#9cccec;box-shadow:inset 4px 0 #1689cd;opacity:1}.notification-type{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eaf4ff;color:#0872b8}.notification-type .icon{width:19px}.notification-body{min-width:0}.notification-body strong{font-size:12px;color:#073b6d}.notification-body time{font-size:9px;color:#7b8fa3}.notification-body p{margin:7px 0 5px;color:#385b78;font-size:11px;line-height:1.55}.notification-body small{color:#7a8fa4;font-size:9px}.notification-actions{margin-top:11px}.information-text{background:#f7fbff;border:1px solid #deebf7}
@media(prefers-reduced-motion:reduce){.main>*,.modal-content>*,.panel,.stat,.report-card,.media-card,#notification-alert{animation:none!important;transition:none!important}}
@media(max-width:700px){#notification-alert{right:16px;top:70px;grid-template-columns:34px 1fr}#notification-alert>button{grid-column:2;justify-self:start}.notification-button{order:-1}.notification-item{grid-template-columns:32px 1fr}.notification-type{width:32px;height:32px}}
.login-message h1 .login-title-brand{font-size:clamp(36px,4vw,54px)}

/* Pre-Final 3.5.6: Aktenhinweise, Glockensuche und persönliche Sicherheitseinstellungen. */
.sales-unread-row td{background:#fffdf4}.sales-unread-row td:first-child{box-shadow:inset 4px 0 #f0a91d}.sales-vehicle-title{display:flex;align-items:flex-start;gap:9px}.sales-vehicle-title .vehicle-cell{flex:1;min-width:0}.sales-attention{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;min-width:25px;height:25px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:#e29a13;color:#fff;font-size:14px;font-weight:900;box-shadow:0 2px 8px #8a570033;animation:attention-in .24s ease-out}.sales-attention small{font-size:8px;font-weight:800}.notification-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;align-items:center;gap:10px;padding:13px 24px;border-bottom:1px solid #dce7f2;background:#f7faff}.notification-toolbar .search{min-width:0}.notification-toolbar select{min-height:39px}.notification-toolbar>span{color:#6d849a;font-size:9px;white-space:nowrap}.recovery-status{margin:17px 0}.recovery-key{padding:20px;border:1px dashed #4a96c9;border-radius:10px;background:#eff8ff;color:#003f79;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(14px,2.3vw,20px);font-weight:800;letter-spacing:1.2px;text-align:center;overflow-wrap:anywhere;user-select:all}.recovery-dialog{width:min(650px,calc(100vw - 32px))}.recovery-panel .panel-body>.row{margin-top:16px}@keyframes attention-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@media(max-width:700px){.notification-toolbar{grid-template-columns:1fr;padding:12px 16px}.notification-toolbar>span{white-space:normal}.sales-vehicle-title{gap:5px}}
@media(prefers-reduced-motion:reduce){.sales-attention{animation:none!important}}

/* Version 3.5.2 – modernisierte Druckvorlagen */
#print-modal{width:min(1260px,calc(100vw - 32px));background:#dce7f2}
.print-toolbar{padding:18px 27px;box-shadow:0 5px 18px #12325312}
.print-toolbar h2{font-size:16px;color:#073b6d}.print-toolbar p{font-size:11px}
.print-sheet{border-radius:5px;box-shadow:0 12px 35px #17365318}
.print-letterhead{color:#123253}
.print-brand{position:relative;border-bottom:0;margin-bottom:22px;padding-bottom:18px}
.print-brand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#003f7d 0 28%,#13a8ef 28% 36%,#dce9f5 36% 100%)}
.print-meta{gap:5px}.print-meta strong{font-size:12px;letter-spacing:.35px}.print-meta span{font-size:9px}
.print-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.print-heading>div:first-child{min-width:0;flex:1}
.print-heading h1{font-size:27px;letter-spacing:-.7px}.print-heading p{max-width:820px;margin:8px 0 17px;line-height:1.55}
.print-document-code{flex:0 0 auto;min-width:80px;padding:9px 12px;border:1px solid #c9dced;border-radius:6px;background:#f4f8fd;text-align:right}
.print-document-code span,.print-summary span{display:block;color:#7189a1;font-size:8px;text-transform:uppercase;letter-spacing:1px}.print-document-code strong{display:block;margin-top:4px;color:#003872;font-size:17px;letter-spacing:1.4px}
.print-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 20px}.print-summary>div{padding:10px 12px;border:1px solid #d6e3f0;border-radius:6px;background:#f7faff}.print-summary strong{display:block;margin-top:5px;color:#123e68;font-size:11px}
.print-table{border-collapse:separate;border-spacing:0;border:1px solid #cbdbea;border-radius:6px;overflow:hidden;font-size:9.5px}
.print-table th,.print-table td{border:0;border-right:1px solid #d7e3ee;border-bottom:1px solid #d7e3ee;padding:10px 8px;line-height:1.4;vertical-align:top}.print-table th:last-child,.print-table td:last-child{border-right:0}.print-table tbody tr:last-child td{border-bottom:0}
.print-table th{background:linear-gradient(180deg,#edf5fd,#e4effa);color:#174b79;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.print-table tbody tr:nth-child(even){background:#f7faff}.print-table tbody tr:nth-child(odd){background:#fff}
.print-tag{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:4px 7px;border:1px solid transparent;border-radius:999px;font-size:8.5px;font-weight:750;line-height:1;white-space:nowrap}.print-tag.good,.protocol-result.good{color:#286447;background:#eaf6ef;border-color:#bcdcc9}.print-tag.bad,.protocol-result.bad{color:#a13f37;background:#fff0ed;border-color:#ebc1bb}.print-tag.warn,.protocol-result.warn{color:#88621d;background:#fff7e7;border-color:#ead29c}.print-tag.info{color:#075d9f;background:#eaf4ff;border-color:#bfd9ef}.print-tag.muted{color:#61758a;background:#f0f3f6;border-color:#d6dee6}
.print-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:45px;border:1px dashed #bcd0e2;border-radius:7px;background:#f8fbfe;color:#71869c}.print-empty strong{color:#194a75;font-size:14px}.print-empty span{font-size:10px}
.print-foot{align-items:center;margin-top:22px;padding-top:12px}.print-foot strong{color:#365f83}.print-confidential{padding:4px 9px;border-radius:999px;background:#eff5fb;color:#526f8b;text-transform:uppercase;letter-spacing:.7px;font-size:7.5px}
.protocol-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:4px 0 18px}.protocol-title h2{margin:0 0 6px;font-size:21px}.protocol-title .print-overline{margin-bottom:6px}.protocol-result{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:8px 13px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:800}
.protocol-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.protocol-metrics>div{padding:13px 14px;border:1px solid #cfe0ef;border-radius:7px;background:linear-gradient(145deg,#f7fbff,#edf5fd)}.protocol-metrics span{display:block;color:#7188a1;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.protocol-metrics strong{display:block;margin-top:7px;color:#003d76;font-size:18px}
.protocol dl.protocol-details{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:15px;background:#f7faff;border-color:#d4e2ef;border-radius:7px}.protocol-details>div{padding-left:10px;border-left:2px solid #dbe8f4}.protocol-details dt{font-size:8px;text-transform:uppercase;letter-spacing:.55px}.protocol-details dd{font-size:10px;font-weight:650}
.protocol-notes{margin-top:14px;padding:14px 16px;border:1px solid #d8e4ef;border-radius:7px;background:#fff}.protocol-notes h3{margin:0 0 10px;color:#174a76;font-size:11px}.protocol-notes>div+div{margin-top:10px;padding-top:10px;border-top:1px solid #e4ebf2}.protocol-notes strong{color:#5f7890;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.protocol-notes p{margin:4px 0 0;color:#234c72;font-size:10px;line-height:1.5}.protocol-notes.empty{background:#f8fbfd;color:#71869c}
.protocol .signature{margin-top:34px}.protocol .signature span{font-size:9px}
@media(max-width:600px){.print-heading{flex-direction:column}.print-document-code{align-self:flex-start;text-align:left}.print-summary{grid-template-columns:1fr}.protocol-metrics,.protocol dl.protocol-details{grid-template-columns:1fr 1fr}.print-confidential{display:none}}
@media print{.print-brand:after,.print-summary>div,.print-table th,.print-table tbody tr:nth-child(even),.print-tag,.protocol-result,.protocol-metrics>div,.print-confidential{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-document-code{padding:2.2mm 3mm}.print-summary{gap:2mm;margin-bottom:4mm}.print-summary>div{padding:2.2mm 3mm}.protocol-metrics{gap:2.2mm;margin-bottom:3mm}.protocol-metrics>div{padding:3mm}.protocol-metrics strong{font-size:14pt}.protocol dl.protocol-details{padding:3.5mm}.protocol-notes{padding:3.5mm 4mm;margin-top:3mm}.print-foot{margin-top:5mm}}

/* Pre-Final 3.5.7 – RootServer, Touch-Bedienung und iPhone-Safe-Areas. */
.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:radial-gradient(circle at 50% 38%,#d7edff,#f7fbff 54%,#e8f1f9);color:#174c78;text-align:center}
.loading strong{font-size:15px}.loading small{color:#6f879d;font-size:11px}.loading-mark{width:38px;height:38px;margin-bottom:5px;border:3px solid #c9ddeb;border-top-color:#0784cc;border-radius:50%;animation:server-loading .8s linear infinite}
@keyframes server-loading{to{transform:rotate(360deg)}}
.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.button,.icon-button,.nav button{touch-action:manipulation}
@supports(padding:max(0px)){
  .login-topbar{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right));padding-top:max(26px,env(safe-area-inset-top))}
  .login-statusbar{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .sidebar{padding-bottom:max(29px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left))}
}
@media(max-width:800px){
  .topbar-actions>.top-save{display:none}
  .topbar-actions{gap:6px}
  .topbar-actions>.icon-button,.topbar-actions>.button.top-updates,.mobile-menu{width:42px;height:42px;min-width:42px;min-height:42px}
  .topbar-user{padding-left:8px}
  .avatar{width:36px;height:36px}
  .main{padding-bottom:max(36px,env(safe-area-inset-bottom))}
  .sidebar{padding-top:max(27px,env(safe-area-inset-top))}
  .sidebar.open:after{content:"";position:fixed;inset:0 0 0 228px;background:#04172a66;pointer-events:none}
  .button:not(.sm){min-height:44px}
  .icon-button{min-width:42px;min-height:42px}
}
@media(max-width:600px){
  .topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .breadcrumb span:first-child,.breadcrumb .icon{display:none}
  .topbar-user{border-left:0;padding-left:0}
  .page-head{margin-bottom:20px}.page-head h1{font-size:23px}
  .main{padding:20px 12px max(30px,env(safe-area-inset-bottom))}
  .panel-head,.panel-body{padding-left:16px;padding-right:16px}
  .table-footer{align-items:flex-start;flex-direction:column}
  .sort-toolbar{align-items:stretch}.sort-toolbar label{flex:1 1 100%}.sort-toolbar select{width:100%}
  dialog,.dossier,.updates-dialog,.notifications-dialog,.recovery-dialog,#media-modal{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}
  .modal-head{padding-top:max(18px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .modal-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .modal-footer{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(15px,env(safe-area-inset-bottom));flex-wrap:wrap}
  .modal-footer .button{flex:1 1 auto;min-height:44px}
  #print-modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}
  .print-toolbar{padding-top:max(14px,env(safe-area-inset-top))}
  #notification-alert{top:max(70px,calc(env(safe-area-inset-top) + 54px));right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));width:auto}
}
@media(max-width:430px){
  .topbar{gap:6px}.breadcrumb{font-size:10px;min-width:55px}
  .topbar-actions>.icon-button,.topbar-actions>.button.top-updates,.mobile-menu{width:38px;height:38px;min-width:38px;min-height:38px}
  .topbar-user .avatar{width:32px;height:32px}
  .dashboard-actions{flex-direction:column}.dashboard-actions .button{width:100%}
  .stats{grid-template-columns:1fr}.stat{min-height:122px}.stat-label{max-width:none}
  .login-message h1{font-size:29px}.login-message h1 .login-title-brand{font-size:31px}
  .login-topbar{gap:10px;padding-left:14px;padding-right:14px}.login-version span{padding:5px 7px}
  .login-panel{padding:22px 18px}.login-shell{width:calc(100vw - 24px)}
}

/* Pre-Final 3.5.7 – optimierte Smartphone-Ansicht. */
.sidebar-backdrop{display:none}
@media screen and (max-width:800px){
  html,body{min-height:100%;max-width:100%;overflow-x:hidden}
  body,.shell{min-height:100dvh}
  .workspace,.main,.panel,.panel-head,.panel-body,.toolbar,.sort-toolbar{min-width:0;max-width:100%}
  .topbar{position:sticky;top:0;z-index:18;background:#f8fbffea;backdrop-filter:blur(12px);box-shadow:0 1px 12px #1232530d}
  .sidebar{width:min(86vw,320px);max-width:320px;z-index:30;overscroll-behavior:contain;box-shadow:18px 0 52px #00162f42}
  .sidebar.open:after{display:none}
  .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:29;border:0;background:#021a34a8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .sidebar.open+.sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-close{top:max(9px,env(safe-area-inset-top));right:10px;width:44px;height:44px;min-width:44px;min-height:44px;background:#ffffff0b}
  .nav button{min-height:46px;padding:12px 14px;font-size:14px}
  .nav .count{font-size:11px;padding:4px 7px}
}

@media screen and (max-width:800px){
  :root{font-size:16px}
  .topbar{height:64px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .breadcrumb{font-size:12px;line-height:1.25}
  .breadcrumb span:first-child,.breadcrumb>.icon{display:none}
  .topbar-actions{gap:5px}
  .topbar-user{border-left:0;padding-left:2px}
  .topbar-user .user-label{display:none}
  .topbar-actions>.icon-button,.topbar-actions>.button.top-updates,.mobile-menu{width:42px;height:42px;min-width:42px;min-height:42px}
  .main{padding:18px 12px max(34px,env(safe-area-inset-bottom))}
  .page-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}
  .page-head h1{font-size:24px;line-height:1.15}
  .page-head .subtitle{font-size:13px;line-height:1.5}
  .page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .page-actions .button{width:100%;min-width:0;min-height:46px;padding:9px 10px;white-space:normal;text-align:center;font-size:13px;line-height:1.25}

  .login-page{min-height:100dvh;overflow:auto}
  .login-topbar{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:12px}
  .login-shell{width:min(100% - 24px,480px);grid-template-columns:1fr;gap:22px;padding:10px 0 26px;align-items:start}
  .login-panel{order:-1;width:100%;max-width:none;padding:24px 20px}
  .login-panel h2{font-size:27px}
  .login-message{text-align:left}
  .login-message h1{font-size:30px;letter-spacing:-1px;margin:12px 0 14px}
  .login-message h1 .login-title-brand{font-size:31px}
  .login-message>p{font-size:14px;line-height:1.6}
  .login-feature-grid{grid-template-columns:1fr;gap:8px;margin-top:18px}
  .login-feature-grid>div{padding:11px 12px}
  .login-statusbar{padding-top:13px;padding-bottom:max(13px,env(safe-area-inset-bottom));font-size:11px}
  .login-statusbar span:last-child{display:none}

  input,select,textarea,.toolbar input,.toolbar select{font-size:16px}
  input,select{min-height:44px}
  textarea{min-height:112px}
  .field label{font-size:14px;line-height:1.4}
  .field small,.form-note{font-size:12px}
  .form-grid{grid-template-columns:1fr;gap:16px}
  .form-grid .full,.form-section{grid-column:auto}
  .button,.button.sm,.icon-button{min-height:44px}
  .button.sm{padding:9px 12px;font-size:13px}

  .dashboard-welcome{align-items:flex-start;flex-direction:column;gap:18px;padding:20px;margin-bottom:14px}
  .dashboard-welcome h1{font-size:23px}
  .dashboard-welcome p{font-size:12px;line-height:1.55}
  .dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .dashboard-actions .button{width:100%;min-width:0;min-height:46px;padding:9px 8px;white-space:normal;line-height:1.25}
  .stats,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin-bottom:18px}
  .stat{min-height:126px;padding:15px}
  .stat-label{max-width:calc(100% - 34px);font-size:12px;line-height:1.35}
  .stat-value{font-size:29px;margin:15px 0 9px}
  .stat-sub{font-size:10px;line-height:1.35}
  .stat-icon{top:12px;right:11px;width:28px;height:28px}
  .sales-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sales-stats .stat{min-height:102px;padding:12px 10px}
  .sales-stats .stat-icon,.sales-stats .stat-sub{display:none}
  .sales-stats .stat-label{max-width:none;font-size:11px}
  .sales-stats .stat-value{font-size:27px;margin:12px 0 0}
  .dashboard-grid,.dashboard-overview,.settings-layout,.report-grid{grid-template-columns:1fr}
  .panel-head{align-items:flex-start;flex-wrap:wrap;padding:16px}
  .panel-head h2{font-size:16px}
  .panel-head p{font-size:12px;line-height:1.45}
  .panel-body{padding:16px}
  .priority-panel .panel-head>.text-link{width:auto;min-height:44px;display:inline-flex;align-items:center}
  .quick-banner,.data-hero{padding:18px;gap:16px}

  .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
  .toolbar .search{grid-column:1/-1;min-width:0}
  .toolbar select{width:100%;max-width:none;min-width:0}
  .toggle-filter{grid-column:1/-1;min-height:44px;font-size:14px;white-space:normal}
  .toggle-filter input{width:20px;height:20px;flex:0 0 20px}
  .sort-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px}
  .sort-toolbar label{display:flex;align-items:flex-start;flex-direction:column;gap:6px;font-size:13px}
  .sort-toolbar select{width:100%;min-width:0;font-size:16px}
  .sort-toolbar .sort-direction-button{align-self:end;min-width:0;min-height:44px}
  .sort-toolbar>span{grid-column:1/-1;font-size:11px;line-height:1.45}

  .table-scroll,.vehicle-scroll{overflow:visible}
  .responsive-table{display:block;width:100%;min-width:0!important;table-layout:auto;white-space:normal;background:transparent}
  .responsive-table colgroup,.responsive-table thead{display:none}
  .responsive-table tbody{display:grid;gap:11px;padding:12px;background:#f6f9fd}
  .responsive-table tbody tr{display:block;width:100%;overflow:hidden;border:1px solid #d8e4ef;border-radius:12px;background:#fff;box-shadow:0 3px 13px #1232530a}
  .responsive-table tbody tr:hover{background:#fff}
  .responsive-table tbody td{display:grid;grid-template-columns:minmax(94px,32%) minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 13px!important;border:0;border-bottom:1px solid #e7eef5;overflow:visible!important;white-space:normal;font-size:13px;line-height:1.45}
  .responsive-table tbody td:last-child{position:static!important;right:auto!important;border-bottom:0;background:#fff!important;box-shadow:none!important;z-index:auto}
  .responsive-table tbody td::before{content:attr(data-label);min-width:0;color:#66819b;font-size:10px;font-weight:750;letter-spacing:.5px;line-height:1.3;text-transform:uppercase}
  .responsive-table tbody td[data-label="Fahrzeug"],.responsive-table tbody td[data-label^="Fahrzeug /"],.responsive-table tbody td[data-label="Benutzername"]{display:block;padding-top:14px!important;padding-bottom:14px!important;background:#f7fbff}
  .responsive-table tbody td[data-label="Fahrzeug"]::before,.responsive-table tbody td[data-label^="Fahrzeug /"]::before,.responsive-table tbody td[data-label="Benutzername"]::before{display:block;margin-bottom:8px}
  .responsive-table tbody td[data-label="Aktionen"]{display:block;padding-top:12px!important;padding-bottom:12px!important}
  .responsive-table tbody td[data-label="Aktionen"]::before{display:block;margin-bottom:8px}
  .responsive-table .vehicle-cell,.responsive-table .sales-vehicle-title{width:100%}
  .responsive-table .vehicle-cell>div{min-width:0}
  .responsive-table .car-mark{display:grid;width:38px;height:38px;flex:0 0 38px}
  .responsive-table .main-text{font-size:14px;white-space:normal}
  .responsive-table .sub-text,.responsive-table .vin{font-size:12px;white-space:normal;overflow-wrap:anywhere}
  .responsive-table .location-cell strong,.responsive-table .location-cell small{white-space:normal}
  .responsive-table .battery-compact{justify-content:flex-start}
  .responsive-table .battery-compact-top{font-size:12px;gap:12px;white-space:normal}
  .responsive-table .meter{width:100%;max-width:160px;min-width:90px}
  .responsive-table .row,.responsive-table .vehicle-actions{justify-content:flex-start;flex-wrap:wrap;width:100%}
  .responsive-table .vehicle-actions .icon-button{width:44px;height:44px}
  .responsive-table .quick-status{display:block;width:100%;min-width:0}
  .responsive-table .quick-status select{width:100%;min-height:44px;padding:8px 32px 8px 10px;font-size:16px}
  .responsive-table .quick-status small{display:block;margin-top:5px;font-size:10px}
  .responsive-table .sales-unread-row{border-color:#efc96c;box-shadow:inset 4px 0 #e9a019,0 3px 13px #1232530a}
  .responsive-table .sales-unread-row td:first-child{box-shadow:none}
  .table-footer{align-items:flex-start;flex-direction:column;padding:12px;font-size:11px;line-height:1.45}

  dialog,.dossier,.updates-dialog,.notifications-dialog,.recovery-dialog,#media-modal{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}
  dialog:not(#print-modal)[open]{display:flex;flex-direction:column;overflow:hidden}
  .modal-head{position:static;flex:0 0 auto;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:15px;padding-left:max(14px,env(safe-area-inset-left))}
  .modal-head h2{font-size:20px;line-height:1.25}
  .modal-head p{font-size:12px;line-height:1.45}
  .modal-content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px max(14px,env(safe-area-inset-right)) 18px max(14px,env(safe-area-inset-left))}
  .modal-footer{position:static;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
  .modal-footer .button{width:100%;min-width:0;white-space:normal}
  .media-view{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px}
  .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 0}
  .detail-facts dt{font-size:11px}.detail-facts dd{font-size:14px}
  .battery-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px}
  .battery-summary>div:first-child,.battery-summary>.badge{grid-column:1/-1}
  .battery-summary .meter{width:100%;max-width:none}
  .section-title{align-items:flex-start;flex-wrap:wrap;margin:22px 0 13px}
  .history-entry{padding:14px}
  .history-entry .history-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:13px}
  .media-grid{grid-template-columns:1fr}
  .media-card{padding:14px}
  .notification-toolbar{grid-template-columns:1fr;padding:12px 14px}
  .notification-toolbar input,.notification-toolbar select{font-size:16px}
  .notification-list{padding:12px}
  .notification-item{grid-template-columns:34px minmax(0,1fr);padding:13px}
  .notification-body strong{font-size:14px}.notification-body p{font-size:13px}.notification-body time,.notification-body small{font-size:11px}
  .storage-bar{align-items:flex-start;flex-direction:column;padding:12px;font-size:11px}
  .footer-note{align-items:flex-start;flex-direction:column;font-size:11px}
  #toast{right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));max-width:none;transform:translateY(100px);font-size:13px}
  #toast.visible{transform:none}
}

@media screen and (max-width:430px){
  .topbar-actions>[data-action="refresh"]{display:none}
  .topbar{gap:5px}
  .breadcrumb{min-width:45px;font-size:11px}
  .page-actions{grid-template-columns:1fr}
  .dashboard-actions{grid-template-columns:1fr}
  .sort-toolbar{grid-template-columns:1fr}
  .sort-toolbar .sort-direction-button,.sort-toolbar>span{grid-column:1}
  .sort-toolbar .sort-direction-button{width:100%}
  .responsive-table tbody td{grid-template-columns:minmax(86px,34%) minmax(0,1fr);padding-right:11px!important;padding-left:11px!important}
  .detail-facts{grid-template-columns:1fr}
}

@media screen and (max-width:360px){
  .topbar-user{display:none}
  .login-version{display:none}
  .dashboard-stats .stat-sub{display:none}
  .dashboard-stats .stat{min-height:102px}
  .responsive-table tbody td{display:block}
  .responsive-table tbody td::before{display:block;margin-bottom:6px}
  .battery-summary{grid-template-columns:1fr}
  .battery-summary>div:first-child,.battery-summary>.badge{grid-column:1}
}