:root{--navy:#101c2d;--blue:#2457d6;--ink:#17253a;--muted:#6c7888;--line:#e4e9f0;--bg:#f3f6fa;--white:#fff;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:68px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:700}.brand-mark{width:64px;height:64px;border:2px solid #d8e4f4;border-radius:50%;display:grid;place-items:center;font-weight:900;letter-spacing:2px;color:#fff;font-size:20px;margin:auto}.brand-mark.small{width:38px;height:38px;font-size:12px;border-width:1px}.topbar nav{display:flex;gap:22px}.topbar nav a{color:#dbe4f1;text-decoration:none;font-size:13px}.wrap{max-width:980px;margin:36px auto 80px;padding:0 20px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.hero h1{font-size:clamp(28px,4vw,38px);line-height:1.1;margin:5px 0 8px;letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#5370a3;margin:0}.muted{color:var(--muted);margin:0}.btn{border:0;border-radius:11px;padding:12px 17px;font:700 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:44px;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 5px 14px #2457d626}.secondary{background:#e9eef6;color:#23344c}.full{width:100%;margin-top:18px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:17px;box-shadow:0 4px 16px #17253a08}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font-size:19px;margin:0}.count,.tiny{font-size:12px;color:var(--muted)}.empty{padding:34px 10px;text-align:center;color:var(--muted)}.order-row{display:flex;align-items:center;gap:15px;padding:16px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.order-icon{width:38px;height:38px;border-radius:12px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.order-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.order-main small,.order-meta small{font-size:12px;color:var(--muted)}.order-meta{text-align:right;display:flex;flex-direction:column;gap:3px;font-size:13px}.chevron{font-size:25px;color:#9aa6b6}.form-layout{display:block}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.section-title>span{width:38px;height:38px;border-radius:12px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.section-title h2{font-size:19px;margin:0}.section-title p{margin:2px 0 0;color:var(--muted);font-size:13px}.fields{display:grid;gap:16px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label,.block-label,.sign-box{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#39485b}.fields input,.fields select,.block-label textarea,.login-card input,.damage-tools select{width:100%;height:46px;border:1px solid #dce3ec;border-radius:10px;background:#fff;padding:0 12px;color:var(--ink);font:400 15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;outline:none}.fields input:focus,.fields select:focus,.block-label textarea:focus{border-color:#7293ed;box-shadow:0 0 0 3px #2457d615}.fields .wide{grid-column:1/-1}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-item{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;font-size:13px;cursor:pointer}.check-item input{position:absolute;opacity:0}.fake-check{width:20px;height:20px;border:1.5px solid #cbd4e0;border-radius:6px;display:grid;place-items:center;color:transparent;font-size:13px;flex-shrink:0}.check-item input:checked+.fake-check{background:var(--blue);border-color:var(--blue);color:white}.damage-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.damage-tools label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.damage-tools select{height:38px;width:auto}.small-btn{min-height:38px;padding:8px 12px;font-size:12px}.damage-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-right:auto}.damage-legend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.scratch{background:#e04444}.dent{background:#e99b22}.chip{background:#2563eb}.other{background:#8b5cf6}.vehicle-map{position:relative;max-width:680px;margin:12px auto 0;border:1px solid #e4e9f0;border-radius:14px;background:#fafbfd;overflow:hidden;touch-action:pan-y}.vehicle-map svg{display:block;width:100%;height:auto;max-height:270px}.vehicle-map svg path,.vehicle-map svg circle{fill:#e8edf4;stroke:#728095;stroke-width:3}.vehicle-map svg path:nth-of-type(n+2){fill:#dce5f0;stroke-width:2}.damage-overlay{position:absolute;inset:0;pointer-events:none}.damage-pin{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border:2px solid white;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px;font-weight:800;box-shadow:0 1px 5px #0005}.damage-pin.scratch{background:#e04444}.damage-pin.dent{background:#e99b22}.damage-pin.chip{background:#2563eb}.damage-pin.other{background:#8b5cf6}.hint{font-size:12px;color:var(--muted);margin:9px 0 18px}.damage-list{display:grid;gap:6px;margin-bottom:15px}.damage-entry{display:flex;justify-content:space-between;align-items:center;background:#f5f7fa;padding:8px 11px;border-radius:8px;font-size:12px}.damage-entry button,.text-btn{border:0;background:transparent;color:#315dd0;font-weight:700;cursor:pointer;font-size:13px}.block-label{margin-top:15px}.block-label textarea{height:auto;min-height:84px;padding:11px;resize:vertical}.sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sign-box{border:1px solid var(--line);border-radius:13px;padding:13px}.sign-head{display:flex;align-items:center;justify-content:space-between}.signature-pad{width:100%;height:150px;border:1px dashed #b9c5d5;border-radius:8px;background:repeating-linear-gradient(to bottom,white 0,white 47px,#edf0f4 48px,#fff 49px);touch-action:none}.sign-box small{text-align:center;color:#98a3b2;font-size:11px}.form-footer{display:flex;justify-content:flex-end;gap:10px;padding:6px 0 30px}.actions{display:flex;gap:8px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 15px}.summary-grid div{display:flex;flex-direction:column;gap:3px}.summary-grid small,.signature-view small{font-size:11px;color:var(--muted)}.summary-grid strong{font-size:14px}.print-sheet h3{font-size:15px;margin:27px 0 10px}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag{background:#eff5f1;color:#276143;padding:6px 9px;border-radius:8px;font-size:12px}.preline{white-space:pre-line}.signature-view{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.signature-view>div{border-top:1px solid #aeb9c8;padding-top:8px}.signature-view img{display:block;width:100%;height:100px;object-fit:contain;object-position:left center}.damage-read{display:grid;gap:4px;font-size:12px;color:var(--muted)}.alert{padding:12px;background:#fff2e7;border:1px solid #ffd4ae;color:#82430e;border-radius:10px;font-size:13px;margin:14px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#101c2d,#203b62)}.login-card{background:white;border-radius:22px;padding:34px;width:min(100%,420px);box-shadow:0 20px 70px #0003}.login-card .brand-mark{background:var(--navy);margin:0 0 24px}.login-card h1{font-size:27px;line-height:1.15;margin:8px 0}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.login-card input{margin-top:3px}.login-card .muted{font-size:13px}.login-card code{font-size:12px}.print-only{display:none}
@media(max-width:680px){.topbar{height:58px;padding:0 16px}.brand{font-size:13px}.topbar nav{gap:13px}.topbar nav a{font-size:12px}.wrap{margin:24px auto 60px;padding:0 13px}.hero{align-items:flex-start;flex-direction:column}.hero .btn{width:100%}.panel{padding:18px 15px;border-radius:15px}.fields.two{grid-template-columns:1fr}.fields .wide{grid-column:auto}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check-item{padding:10px 8px;font-size:12px}.section-title{margin-bottom:18px}.damage-tools{align-items:flex-start}.damage-legend{width:100%}.sign-grid{grid-template-columns:1fr}.signature-pad{height:155px}.form-footer{position:sticky;bottom:0;background:#f3f6fa;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:5}.form-footer .btn{flex:1}.summary-grid{grid-template-columns:repeat(2,1fr)}.actions{width:100%}.actions .btn{flex:1}.order-meta{font-size:12px}}
@media print{body{background:white}.topbar,.hero .actions,.hero>a,.form-footer{display:none!important}.wrap{max-width:none;margin:0;padding:0}.hero{margin:0 0 12px}.panel{box-shadow:none;border:0;padding:12px 0;break-inside:avoid}.print-sheet{padding:0}.summary-grid{grid-template-columns:repeat(3,1fr)}.signature-view img{height:90px}@page{margin:15mm}}
.logout-form{margin:0}.logout-form button{border:0;background:transparent;color:#dbe4f1;text-decoration:none;font:inherit;font-size:13px;cursor:pointer;padding:8px 0}.success{padding:12px 14px;background:#eaf7ef;border:1px solid #c8e9d3;color:#21623a;border-radius:10px;font-size:13px;margin:0 0 16px}.btn:disabled{opacity:.65;cursor:wait}.check-item:focus-within,.text-btn:focus-visible,.logout-form button:focus-visible{outline:3px solid #8aa8ff;outline-offset:2px}
@media print{.success{display:none!important}.print-sheet{font-size:12px}.print-sheet h3{break-after:avoid}}


/* A4 print layout matching the original LMS paper Auftrag */
.auftrag-paper{display:none}

.auftrag-paper{display:block;position:relative;background:#fff;color:#17202b;width:210mm;min-height:297mm;margin:0 auto 40px;padding:12mm 12mm 10mm;box-shadow:0 8px 35px #16243a20;font-family:Arial,Helvetica,sans-serif;font-size:10pt;box-sizing:border-box}
.paper-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6e7783;padding-bottom:8mm;gap:10mm}
.paper-brand{display:flex;align-items:center;gap:10px;min-width:65mm}.paper-logo{width:19mm;height:19mm;border:2px solid #24364b;border-radius:50%;display:grid;place-items:center;font-size:16pt;font-weight:900;letter-spacing:-1px}.paper-brand strong{display:block;font-size:10pt;letter-spacing:.4px}.paper-brand small{display:block;text-align:center;font-size:7pt}
.paper-contact{display:flex;gap:10mm;text-align:center;font-size:7.2pt;line-height:1.45;color:#394454}
.paper-title{display:flex;align-items:center;gap:10mm;margin:3mm 0 2mm}.paper-title span{font-size:22pt;font-weight:800}.paper-title strong{font-size:14pt;font-weight:500;color:#29466c}
.paper-parties{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin-bottom:3mm}.paper-parties>div{display:flex;align-items:baseline;gap:5mm;border-bottom:1px solid #8d98a6;min-height:9mm}.paper-parties label{font-size:9pt}.paper-parties strong{font-size:13pt;font-weight:500}
.paper-options{display:grid;grid-template-columns:repeat(3,1fr);gap:2mm 6mm;padding:2mm 0 4mm;font-size:9pt}.paper-options span{display:flex;align-items:center;gap:2mm}.paper-options i,.equipment-line i{display:inline-block;width:4mm;height:4mm;border:1px solid #4e5967;position:relative;flex:none}.paper-options i.checked:after,.equipment-line i.checked:after{content:"✓";position:absolute;left:0;top:-2px;font-size:12pt;font-weight:bold}
.paper-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.paper-left,.paper-right{min-width:0}
.paper-field-grid{display:grid;grid-template-columns:1fr 1fr}.paper-field{border:1px solid #9aa4af;min-height:15mm;padding:1.4mm 2mm;display:flex;flex-direction:column;gap:1mm;overflow:hidden}.paper-field small{font-size:6.6pt;color:#374151}.paper-field b{font-size:10pt;font-weight:500;overflow-wrap:anywhere}
.paper-equipment{margin-top:4mm}.equipment-heading,.equipment-line{display:grid;grid-template-columns:1fr 9mm 9mm;align-items:center;gap:2mm}.equipment-heading{font-size:7pt;border-bottom:1px solid #8994a2;padding:1.5mm 1mm}.equipment-line{font-size:8pt;min-height:6.1mm;padding:0 1mm;border-bottom:.2mm solid #e0e4e8}.equipment-line i{width:3.5mm;height:3.5mm;justify-self:center}.equipment-line i.checked:after{font-size:10pt;top:-2px}
.paper-notes{display:flex;gap:3mm;align-items:flex-start;border-bottom:1px solid #9aa4af;min-height:14mm;padding:2mm 1mm;font-size:8pt}.paper-notes b{min-width:16mm}.paper-notes span{font-size:9pt;font-style:italic;overflow-wrap:anywhere}
.paper-vehicle-grid{display:grid;grid-template-columns:1fr 1fr}.paper-vehicle-grid .paper-field{min-height:13mm}
.paper-legal{font-size:7pt;line-height:1.45;margin:4mm 1mm 2mm;text-align:justify}
.paper-sign{height:23mm;border-bottom:1px solid #5d6875;margin:2mm 1mm 4mm;position:relative}.paper-sign small{position:absolute;bottom:-5mm;left:0;font-size:6.5pt}.paper-sign img{height:21mm;max-width:75%;object-fit:contain;object-position:left bottom}.customer-sign{height:24mm;border:1px solid #9aa4af;padding:2mm;margin-top:7mm}.paper-stamp{font-size:6pt;color:#697586;text-align:center;margin-top:2mm}
.paper-bottom{display:grid;grid-template-columns:1fr 47mm;gap:6mm;margin-top:5mm;align-items:stretch}.paper-car-area{height:60mm;position:relative;border:1px solid #d9dee5;background:#fff;overflow:hidden}.paper-car{position:absolute;left:3%;width:94%}.paper-car svg{width:100%;height:100%;display:block}.paper-car svg path{fill:#f1f4f7;stroke:#4d5968;stroke-width:3}.paper-car svg circle{fill:#d9dfe7;stroke:#4d5968;stroke-width:4}.top-car{top:0;height:29mm}.side-car{bottom:0;height:29mm}.paper-damage-points{position:absolute;inset:0;pointer-events:none}.paper-damage-points span{position:absolute;transform:translate(-50%,-50%);background:#c72e35;color:white;border:1px solid white;border-radius:50%;width:5mm;height:5mm;display:grid;place-items:center;font-size:7pt;font-weight:bold}
.paper-condition{border:1px solid #9aa4af;padding:3mm;font-size:7.5pt;line-height:1.35}.paper-condition b{font-size:9pt}.paper-condition p{margin:2mm 0}.paper-condition hr{border:0;border-top:1px solid #aeb6c0;margin:2mm 0}
.paper-footer{display:flex;justify-content:space-between;border-top:1px solid #aab3bf;margin-top:4mm;padding-top:2mm;color:#687385;font-size:6.5pt}
.no-print{display:block}
@media(max-width:850px){.auftrag-paper{width:100%;min-height:0;padding:20px 16px;overflow:hidden}.paper-header{gap:10px}.paper-contact{gap:8px;font-size:6pt}.paper-main-grid{gap:8px}.paper-bottom{grid-template-columns:1fr 125px}.paper-field b{font-size:9pt}}
@media print{
 @page{size:A4 portrait;margin:0}
 html,body{background:#fff!important;margin:0!important;padding:0!important}
 .topbar,.no-print,.hero,.success{display:none!important}
 .wrap{display:block!important;max-width:none!important;width:210mm!important;margin:0!important;padding:0!important}
 .auftrag-paper{display:block!important;width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;padding:10mm 11mm 8mm!important;box-shadow:none!important;overflow:hidden!important;page-break-after:avoid;break-after:avoid}
 .paper-header{padding-bottom:6mm}.paper-title{margin:2mm 0}.paper-title span{font-size:20pt}
 .paper-field{min-height:13mm;padding:1mm 1.5mm}.paper-field small{font-size:6pt}.paper-field b{font-size:9pt}
 .equipment-line{min-height:5.5mm;font-size:7.5pt}.paper-equipment{margin-top:3mm}
 .paper-notes{min-height:11mm}.paper-bottom{margin-top:3mm}.paper-car-area{height:55mm}
 .paper-sign{height:20mm}.customer-sign{height:21mm}
 *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}