:root{color-scheme:dark;--bg:#090a0b;--bg2:#0e1012;--panel:#111317;--panel2:#171a1f;--card:#15181c;--card2:#1b2026;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.15);--text:#f4f5f6;--muted:#9aa2ad;--muted2:#5f6874;--invert:#090a0b;--blue:#5b8fff;--green:#16c97a;--orange:#ffb547;--red:#ff5a5f;--purple:#9b8ff5;--yellow:#f8d15d;--blueSoft:rgba(91,143,255,.14);--greenSoft:rgba(22,201,122,.14);--orangeSoft:rgba(255,181,71,.14);--redSoft:rgba(255,90,95,.14);--purpleSoft:rgba(155,143,245,.14);--radius:18px;--sidebar:250px;--topbar:58px;--safeBottom:env(safe-area-inset-bottom,0px);--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} [data-theme="light"]{color-scheme:light;--bg:#f6f6f4;--bg2:#fff;--panel:#fff;--panel2:#f1f2f0;--card:#fff;--card2:#f2f3f1;--line:rgba(0,0,0,.08);--line2:rgba(0,0,0,.14);--text:#111214;--muted:#68707a;--muted2:#9ca3aa;--invert:#fff;--blue:#2563eb;--green:#0a9d5d;--orange:#d97706;--red:#dc2626;--purple:#7c3aed;--yellow:#c79100;--blueSoft:rgba(37,99,235,.12);--greenSoft:rgba(10,157,93,.12);--orangeSoft:rgba(217,119,6,.12);--redSoft:rgba(220,38,38,.10);--purpleSoft:rgba(124,58,237,.12)} *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{height:100%;display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--topbar) 1fr}.topbar{grid-column:1/3;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(10,11,12,.88);backdrop-filter:blur(18px);z-index:20}[data-theme="light"] .topbar{background:rgba(255,255,255,.88)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em;border:0;background:transparent;color:var(--text)}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blueSoft)}.spacer{flex:1}.hamb{display:none;width:38px;height:38px;border:1px solid var(--line);background:var(--panel);border-radius:12px;place-items:center}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.themeToggle{width:54px;height:30px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);position:relative}.themeToggle:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:var(--text);left:3px;top:2px;transition:.18s}.themeToggle.on:after{transform:translateX(23px)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);background:var(--blueSoft);font-weight:800;font-size:12px}.roleSelect{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:8px 10px;color:var(--muted)}.sidebar{grid-column:1;grid-row:2;background:var(--panel);border-right:1px solid var(--line);padding:16px 12px;overflow:auto}.navSection{margin-bottom:22px}.navLabel{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted2);padding:0 8px 8px}.navItem{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border:0;background:transparent;border-radius:12px;color:var(--muted);font-weight:650;text-align:left}.navItem:hover,.navItem.active{background:var(--card2);color:var(--text)}.navItem.active{box-shadow:inset 3px 0 0 var(--blue)}.main{grid-column:2;grid-row:2;overflow:hidden;position:relative}.page{position:absolute;inset:0;overflow:auto;padding:26px clamp(18px,3vw,36px) 92px;display:none}.page.active{display:block}.pageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:var(--muted2)}h1{font-size:28px;line-height:1.1;letter-spacing:-.04em}h2{font-size:19px;letter-spacing:-.03em}.btn{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 14px;font-weight:750;color:var(--text);display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--card2);border-color:var(--line2)}.btn.primary{background:var(--text);color:var(--invert);border-color:transparent}.btn.green{background:var(--green);color:#06130d;border-color:transparent}.btn.danger{background:var(--redSoft);color:var(--red);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.grid{display:grid;gap:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px}.list{display:flex;flex-direction:column;gap:10px}.pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;gap:6px}.p-blue{background:var(--blueSoft);color:var(--blue)}.p-green{background:var(--greenSoft);color:var(--green)}.p-orange{background:var(--orangeSoft);color:var(--orange)}.p-red{background:var(--redSoft);color:var(--red)}.p-purple{background:var(--purpleSoft);color:var(--purple)}.p-yellow{background:rgba(248,209,93,.16);color:var(--yellow)}.logo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900;letter-spacing:-.04em;border:1px solid var(--line2)}.vehicleRow{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px}.vehicleName{font-size:17px;font-weight:850;letter-spacing:-.03em}.vehicleNr{color:var(--blue);font-size:13px;margin-left:4px}.vehicleMeta,.vehicleSubline{color:var(--muted);font-size:13px;margin-top:3px}.vehicleSubline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.miniDot{width:3px;height:3px;border-radius:50%;background:var(--muted2)}.miniTag{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:2px 7px;color:var(--text);background:var(--panel)}.rowRight{display:flex;align-items:center;gap:8px}.qrQuickBtn{width:42px;height:42px;border:1px solid var(--line);background:var(--panel);border-radius:14px;display:grid;place-items:center;color:var(--muted)}.searchWrap{position:relative;max-width:520px;margin-bottom:14px}.searchWrap .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted2)}.searchInput{width:100%;height:44px;border:1px solid var(--line);border-radius:16px;background:var(--card);outline:none;padding:0 14px 0 42px;color:var(--text)}.searchInput::placeholder{color:var(--muted2)}.statusTinyRow{display:grid;grid-template-columns:repeat(5,minmax(74px,1fr));gap:8px;margin-bottom:18px}.statusTiny{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.statusTiny span:last-child{font-size:20px}.shortcutGrid{grid-template-columns:repeat(5,minmax(120px,1fr));margin-bottom:18px}.shortcut{min-height:112px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));border-radius:22px;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.shortcut strong{font-size:15px}.actionGrid{grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:22px}.actionCard{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left}.actionCard b{display:block}.actionCard span{color:var(--muted);font-size:12px}.statusIcon,.moduleIcon,.actionIcon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.vehicleHero{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:26px;padding:20px;margin-bottom:16px}.heroTop{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center}.heroTitle{font-size:25px;font-weight:900;letter-spacing:-.045em}.heroMeta{color:var(--muted);margin-top:6px}.heroFacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.statusBtn{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 12px;font-weight:850;display:flex;align-items:center;gap:8px}.moduleGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin:16px 0}.moduleCard{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;text-align:left;min-height:126px;display:flex;flex-direction:column;justify-content:space-between}.moduleTitle{display:flex;align-items:center;gap:10px;font-weight:850;font-size:15px}.moduleSub{font-size:12px;color:var(--muted);line-height:1.35;margin-top:6px}.lastAction{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}.lastAction small{color:var(--muted)}.timeline{display:none;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.timeline.show{display:block}.tlItem{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.tlTime{color:var(--muted2);font-size:12px}.detailsGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}.fieldCard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:13px}.fieldCard span{display:block;color:var(--muted2);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.fieldCard b{font-size:14px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:28px;z-index:80}.overlay.show{display:flex}.modal{width:min(780px,100%);max-height:min(840px,calc(100dvh - 56px));background:var(--panel);border:1px solid var(--line2);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal.wide{width:min(1050px,100%)}.modalHead,.modalFoot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.modalFoot{border-bottom:0;border-top:1px solid var(--line)}.modalBody{overflow:auto;padding:18px}.formGroup{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:14px}.formRow{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;min-height:50px;padding:0 14px;border-bottom:1px solid var(--line)}.formRow:last-child{border-bottom:0}.formRow label{font-weight:700}.formRow input,.formRow select,.formRow textarea{width:100%;border:0;background:transparent;outline:none;text-align:right;color:var(--text);padding:12px 0}.formRow textarea{text-align:left;min-height:96px;resize:vertical}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:4px;gap:4px}.seg button{border:0;background:transparent;border-radius:12px;padding:10px;font-weight:850;color:var(--muted)}.seg button.active{background:var(--text);color:var(--invert)}.uploadBox{border:1.5px dashed var(--line2);border-radius:18px;padding:22px;text-align:center;background:var(--card);color:var(--muted)}.fileGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.fileCard{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:12px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.fileCard img{width:100%;height:120px;object-fit:cover;border-radius:12px;margin-bottom:8px}.fileBadge{display:inline-flex;width:max-content;margin-bottom:8px;border-radius:999px;background:var(--blueSoft);color:var(--blue);padding:3px 8px;font-size:11px;font-weight:850}.fileActions{margin-top:8px}.fileActionBtn{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:6px 8px;color:var(--muted);font-size:12px}.drawerShade{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;display:none}.drawerShade.show{display:block}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(330px,86vw);background:var(--panel);border-right:1px solid var(--line);z-index:70;transform:translateX(-100%);transition:.22s;padding:18px;overflow:auto}.drawer.show{transform:none}.reportFab{position:fixed;right:22px;bottom:calc(22px + var(--safeBottom));z-index:9000;border:1px solid var(--line);background:var(--text);color:var(--invert);border-radius:999px;padding:10px 14px;font-weight:850;box-shadow:0 18px 50px rgba(0,0,0,.35)}.empty{text-align:center;color:var(--muted);padding:44px 20px}.empty b{display:block;color:var(--text);font-size:17px;margin-bottom:6px}.docTypeGrid,.choiceGrid,.qrLayoutGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.docTypeBtn,.choiceBtn,.qrLayoutBtn{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px;font-weight:850;color:var(--muted)}.docTypeBtn.active,.choiceBtn.active,.qrLayoutBtn.active{border-color:var(--green);background:var(--greenSoft);color:var(--green)}.qrBox{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.qrPreviewLabel{background:#fff;border-radius:22px;padding:18px;min-height:260px;display:flex;align-items:center;justify-content:flex-start;gap:18px;color:#111}.qrPreviewLabel.qr-only{justify-content:center}.qrPreviewCode{width:160px;height:160px;flex:0 0 160px}.qrPreviewCode img{width:160px;height:160px;display:block}.qrPreviewText{min-width:0;line-height:1.1}.qrPreviewText .title{font-size:19px;font-weight:850}.qrPreviewText .nr{font-size:28px;font-weight:950;letter-spacing:.03em}.qrPreviewText .sub{font-size:15px;margin-top:5px}.calcTabs,.assistantTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.calcTab,.assistantTabs button{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px;font-weight:850;color:var(--muted)}.calcTab.active,.assistantTabs button.active{background:var(--text);color:var(--invert);border-color:transparent}.calcKeypad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calcDisplay{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;text-align:right;font-size:38px;font-weight:300;margin-bottom:12px;min-height:84px}.calcKey{min-height:58px;border:0;border-radius:999px;background:var(--card2);font-size:22px;font-weight:750}.calcKey.op{background:var(--orange);color:#120b00}.calcKey.fn{background:var(--muted2);color:#fff}.calcGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calcPanel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px}.calcInputRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calcField{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.calcField span{display:block;color:var(--muted2);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.calcField input{background:transparent;border:0;outline:0;width:100%;font-size:18px;padding-top:6px}.calcResultBig{font-size:32px;font-weight:900;margin-top:12px}.assistantCard{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px}.assistantIssues{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.issuePill{background:var(--orangeSoft);color:var(--orange);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.assistantCount{background:var(--blueSoft);color:var(--blue);border-radius:14px;min-width:34px;height:34px;display:grid;place-items:center;font-weight:900}.commRow{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.folderName{font-weight:900;color:var(--blue)}.hideSensitive .sensitive{display:none!important} @media(hover:hover){.btn:hover,.navItem:hover,.statusTiny:hover,.shortcut:hover,.actionCard:hover,.vehicleRow:hover,.moduleCard:hover,.fileCard:hover,.uploadBox:hover,.fieldCard:hover,.assistantCard:hover,.calcTab:hover,.docTypeBtn:hover,.choiceBtn:hover,.qrLayoutBtn:hover{transform:scale(1.012);border-color:var(--line2)}.shortcut:hover,.moduleCard:hover,.vehicleRow:hover,.assistantCard:hover,.actionCard:hover{background:linear-gradient(180deg,var(--card2),var(--card));box-shadow:0 18px 42px rgba(0,0,0,.20)}} @media(max-width:900px){html,body{height:100dvh;width:100vw;overflow:hidden}.app{display:block;height:100dvh;width:100vw;overflow:hidden}.topbar{height:var(--topbar);position:fixed;left:0;right:0;top:0}.hamb{display:grid}.sidebar{display:none}.main{position:fixed;left:0;right:0;top:var(--topbar);bottom:0;overflow:hidden}.page{padding:18px 14px calc(92px + var(--safeBottom));overflow:auto}.roleSelect{display:none}.statusTinyRow{grid-template-columns:repeat(5,minmax(62px,1fr));gap:6px}.statusTiny{padding:10px 6px;gap:5px}.statusTiny .statusText{display:none}.shortcutGrid{grid-template-columns:repeat(2,1fr)}.actionGrid{grid-template-columns:1fr}.moduleGrid{grid-template-columns:repeat(2,1fr)}.detailsGrid{grid-template-columns:repeat(2,1fr)}.heroTop{grid-template-columns:54px 1fr}.heroTop>div:last-child{grid-column:1/3}.vehicleRow{grid-template-columns:48px 1fr}.rowRight{grid-column:1/3;justify-content:space-between}.overlay{align-items:flex-end;padding:0}.modal{width:100%;max-height:94dvh;border-radius:24px 24px 0 0}.modal.wide{width:100%}.formRow{grid-template-columns:1fr}.formRow input,.formRow select{text-align:left}.qrBox{grid-template-columns:1fr}.calcGrid{grid-template-columns:1fr}.calcInputRow{grid-template-columns:1fr}.assistantTabs,.calcTabs{grid-template-columns:1fr}.assistantCard{grid-template-columns:48px 1fr}.assistantCard .assistantCount{grid-column:1/3}.docTypeGrid,.choiceGrid,.qrLayoutGrid{grid-template-columns:1fr}.qrPreviewCode{width:130px;height:130px;flex-basis:130px}.qrPreviewCode img{width:130px;height:130px}.qrPreviewText .nr{font-size:20px}.qrPreviewText .title{font-size:16px}} .dataOverview{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:24px;padding:18px;margin-top:16px}.dataOverviewHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dataOverviewHead h2{margin:0}.dataOverviewGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.dataInfo{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px}.dataInfo span{display:block;color:var(--muted2);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.dataInfo b{font-size:14px;line-height:1.25}.colorDot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid var(--line2);vertical-align:-1px;margin-right:7px}.docStateDot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--red);box-shadow:0 0 0 4px var(--redSoft)}.docStateDot.yellow{background:var(--orange);box-shadow:0 0 0 4px var(--orangeSoft)}.docStateDot.green{background:var(--green);box-shadow:0 0 0 4px var(--greenSoft)}.standHint{font-size:11px;color:var(--muted);margin-left:4px} @media(max-width:900px){.dataOverviewGrid{grid-template-columns:repeat(2,1fr)}} /* ═════════ AUTODESK v28: Detail-Header + Bestellliste ═════════ */ .vehicleHero.v28Hero{padding:18px 20px;border-radius:26px} .v28Hero .heroTop{grid-template-columns:58px 1fr auto} .v28Title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:26px;font-weight:900;letter-spacing:-.045em;line-height:1.08} .v28Nr{font-size:26px;font-weight:900;letter-spacing:-.045em;color:var(--blue)} .v28Meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:13px} .v28StatusArea{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end} .v28LastAction{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden} .v28LastAction button{width:100%;border:0;background:transparent;color:var(--text);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left} .v28LastAction .laTitle{font-weight:850} .v28LastAction .laMeta{display:block;color:var(--muted);font-size:12px;margin-top:2px} .v28Recent{margin-top:22px} .v28RecentHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px} .v28RecentList{display:grid;gap:10px} .supplierGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin:10px 0 14px} .supplierBtn{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:12px 10px;display:flex;flex-direction:column;gap:8px;align-items:center;min-height:92px;color:var(--text)} .supplierBtn.active{border-color:var(--blue);background:var(--blueSoft)} .supplierIcon{width:34px;height:34px;border-radius:10px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-weight:900} .supplierIcon img{width:22px;height:22px;object-fit:contain} .orderScopeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px} .orderScopeBtn{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:12px;font-weight:850;color:var(--muted)} .orderScopeBtn.active{background:var(--greenSoft);border-color:var(--green);color:var(--green)} .orderSupplierLine{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-top:4px;flex-wrap:wrap} @media(max-width:768px){.v28Hero .heroTop{grid-template-columns:48px 1fr}.v28StatusArea{grid-column:1/3;justify-content:flex-start}.v28Title,.v28Nr{font-size:22px}.shortcutGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.orderScopeGrid{grid-template-columns:1fr}.supplierGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* ═════════ AUTODESK v29: Stabilisierung, Startseite, Bestellliste, Systempflege ═════════ */ .brand{cursor:pointer}.brand:hover span:last-child{color:var(--text)} .v29Recent{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:18px;margin-top:20px;overflow:hidden} .v29RecentHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px} .v29VehicleList{display:grid;gap:10px} .v29VehicleCard{width:100%;border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));border-radius:22px;padding:14px;display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease} .v29VehicleCard:hover{transform:scale(1.01);border-color:var(--line2);background:var(--card2)} .v29VehicleMain{min-width:0}.v29VehicleTitle{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.v29VehicleName{font-size:17px;font-weight:900;letter-spacing:-.035em}.v29VehicleNr{font-size:17px;font-weight:900;color:var(--blue);letter-spacing:-.03em}.v29VehicleMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;margin-top:5px}.v29VehicleActions{display:flex;align-items:center;gap:8px;justify-self:end}.v29QRMini{width:40px;height:40px;border:1px solid var(--line);background:var(--panel);border-radius:14px;display:grid;place-items:center;color:var(--muted);transition:transform .14s ease,border-color .14s ease}.v29QRMini:hover{transform:scale(1.05);border-color:var(--blue);color:var(--blue)} .v29DetailHeader{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:26px;padding:18px 20px;margin-bottom:16px}.v29DetailTop{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center}.v29DetailTitle{display:flex;gap:11px;align-items:baseline;flex-wrap:wrap}.v29DetailName,.v29DetailNr{font-size:25px;font-weight:950;letter-spacing:-.045em;line-height:1.05}.v29DetailNr{color:var(--blue)}.v29DetailMeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:13px}.v29DetailActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.v29LastAction{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.v29LastButton{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;text-align:left}.v29LastLabel{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-bottom:4px}.v29LastText{display:block;color:var(--muted);font-size:13px;line-height:1.4}.timeline.v29Timeline{padding:0 16px 14px;border-top:1px solid var(--line);margin-top:0} .orderToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.orderStats{display:flex;gap:8px;flex-wrap:wrap}.orderList{display:grid;gap:12px}.orderCard{border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));border-radius:22px;padding:15px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;transition:transform .14s ease,border-color .14s ease}.orderCard:hover{transform:scale(1.008);border-color:var(--line2)}.orderCard.done{opacity:.65}.orderTitle{font-size:16px;font-weight:900;letter-spacing:-.02em}.orderMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;margin-top:5px}.orderNote{margin-top:8px;color:var(--muted);font-size:12.5px;line-height:1.45}.orderSupplierBadge{display:inline-flex;align-items:center;gap:6px}.orderSupplierBadge .supplierIcon{width:24px;height:24px;border-radius:8px}.orderStatus{justify-self:end;display:flex;align-items:center;gap:8px}.supplierBtn:hover,.orderScopeBtn:hover,.shortcut:hover,.actionCard:hover,.moduleCard:hover,.statusTiny:hover{transform:scale(1.015);border-color:var(--line2)}.supplierBtn,.orderScopeBtn,.shortcut,.actionCard,.moduleCard,.statusTiny{transition:transform .14s ease,border-color .14s ease,background .14s ease} .systemGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.systemCard{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px}.systemCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.systemTitle{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px}.systemMeta{display:grid;gap:6px;color:var(--muted);font-size:12.5px;line-height:1.4}.systemMeta b{color:var(--text)}.trafficDot{width:10px;height:10px;border-radius:999px;display:inline-block}.traffic-green{background:var(--green)}.traffic-yellow{background:var(--yellow)}.traffic-red{background:var(--red)} @media(max-width:900px){.v29VehicleCard{grid-template-columns:48px 1fr;align-items:start}.v29VehicleActions{grid-column:1/3;justify-self:stretch;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.v29DetailTop{grid-template-columns:48px 1fr}.v29DetailActions{grid-column:1/3;justify-content:flex-start}.v29DetailName,.v29DetailNr{font-size:22px}.orderCard{grid-template-columns:44px 1fr}.orderStatus{grid-column:1/3;justify-self:stretch;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.statusTinyRow{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.statusTiny{min-width:64px;padding:10px 7px}.statusTiny .statusText{display:none}.shortcutGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid{grid-template-columns:1fr}.pageHead{align-items:flex-start}.searchWrap{max-width:none}.modal{max-height:calc(100dvh - 24px);border-radius:22px}.overlay{padding:12px}} /* ═════════ AUTODESK v30: Fahrzeugkarten & letzte Aktion Cleanup ═════════ */ .v30VehicleCard{grid-template-columns:54px 1fr!important;padding:14px 16px!important;align-items:center!important;gap:14px!important;} .v30VehicleCard .logo{width:54px;height:54px;} .v30VehicleHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;} .v30VehicleTitleBlock{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap;} .v30VehicleName{font-size:17px;font-weight:950;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;} .v30VehicleNr{font-size:17px;font-weight:950;letter-spacing:-.035em;color:var(--blue);white-space:nowrap;} .v30VehicleStatus{flex:0 0 auto;white-space:nowrap;padding:5px 9px!important;font-size:11.5px!important;} .v30VehicleMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;margin-top:6px;} .v30VehicleChevron{color:var(--muted2);font-size:20px;line-height:1;margin-left:4px;} .v30LastAction{margin-top:18px;border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden;} .v30LastActionButton{width:100%;border:0;background:transparent;color:var(--text);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;text-align:left;} .v30LastTitle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:var(--muted2);text-transform:uppercase;letter-spacing:.11em;margin-bottom:4px;} .v30LastText{display:block;font-size:13px;color:var(--text);line-height:1.35;} .v30LastMeta{display:block;font-size:12px;color:var(--muted);margin-top:2px;} .v30Timeline{padding:0 14px 12px;border-top:1px solid var(--line);margin-top:0;} .v30DetailMetaClean{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:13px;} .v30DetailActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;} @media(max-width:900px){ .v30VehicleCard{grid-template-columns:48px 1fr!important;gap:12px!important;padding:13px!important;} .v30VehicleCard .logo{width:48px;height:48px;border-radius:15px;} .v30VehicleHeader{align-items:flex-start;gap:8px;} .v30VehicleTitleBlock{gap:7px;} .v30VehicleName,.v30VehicleNr{font-size:16px;} .v30VehicleStatus{max-width:150px;overflow:hidden;text-overflow:ellipsis;} .v30VehicleMeta{font-size:12px;gap:6px;} .v30LastActionButton{grid-template-columns:1fr;padding:12px;} .v30LastActionButton .pill{width:max-content;} } /* ═════════ AUTODESK v31: geprüfte Fahrzeugkarten, Daten & Räder ═════════ */ .v31VehicleCard{grid-template-columns:54px 1fr!important;min-height:86px;padding:14px 16px!important;position:relative;overflow:hidden} .v31VehicleCard .logo{align-self:center}.v31VehicleLine{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.v31TitleWrap{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.v31Name{font-size:17px;font-weight:900;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v31Nr{font-size:17px;font-weight:900;letter-spacing:-.04em;color:var(--blue);white-space:nowrap}.v31Status{flex-shrink:0}.v31Meta{margin-top:5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:13px}.v31Chevron{margin-left:auto;color:var(--muted2);font-size:20px;line-height:1}.brandLogoBox{position:relative;overflow:hidden;background:linear-gradient(180deg,#17191d,#0c0d0f)}.brandLogoBox img{max-width:74%;max-height:74%;object-fit:contain;display:block}.brandLogoFallback{display:grid;place-items:center;width:100%;height:100%;font-size:14px;font-weight:950;color:#fff;letter-spacing:-.04em}.v31DetailHeader{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:26px;padding:18px 20px;margin-bottom:18px;position:relative;z-index:1}.v31DetailTop{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center}.v31DetailTitle{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;line-height:1.05}.v31DetailName,.v31DetailNr{font-size:26px;font-weight:950;letter-spacing:-.05em}.v31DetailNr{color:var(--blue)}.v31DetailMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:13px}.v31DetailActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.v31DataOverview{margin-top:18px}.v31DataIntro{color:var(--muted);font-size:12px;margin-top:3px}.v31WheelsSummary{display:grid;gap:6px}.v31WheelSet{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:14px}.v31WheelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.v31WheelGrid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.v31WheelField{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px}.v31WheelField span{display:block;font-size:10px;color:var(--muted2);font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.v31WheelField input,.v31WheelField select{width:100%;background:transparent;border:0;outline:none;color:var(--text);font-weight:800}.v31TreadGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.v31WheelPhotos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.v31WheelPhoto{border:1px dashed var(--line2);background:var(--panel);border-radius:14px;min-height:82px;display:grid;place-items:center;color:var(--muted);font-weight:800}.v31WheelPhoto img{width:100%;height:82px;object-fit:cover;border-radius:13px}.v31LastAction{margin-top:18px}.v31LastActionButton{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.v31LastTitle{display:flex;align-items:center;gap:8px;font-weight:900;margin-bottom:3px}.v31LastText{display:block;color:var(--text);font-weight:750}.v31LastMeta{display:block;color:var(--muted2);font-size:12px;margin-top:2px}.v31Timeline{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px 14px;margin-top:10px}.page#page-detail{scroll-padding-top:20px}.v31DetailHeader + .moduleGrid{margin-top:0} @media(max-width:900px){.v31VehicleCard{grid-template-columns:48px 1fr!important;padding:13px!important}.v31VehicleLine{align-items:flex-start}.v31Status{font-size:11px;padding:5px 8px}.v31Name,.v31Nr{font-size:15px}.v31DetailTop{grid-template-columns:48px 1fr}.v31DetailActions{grid-column:1/3;justify-content:flex-start}.v31DetailName,.v31DetailNr{font-size:22px}.v31WheelGrid{grid-template-columns:repeat(2,1fr)}.v31TreadGrid,.v31WheelPhotos{grid-template-columns:repeat(2,1fr)}.moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dataOverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.v31DataOverview{margin-top:14px}} @media(max-width:560px){.v31VehicleLine{display:block}.v31Status{margin-top:8px}.v31Chevron{display:none}.v31DetailHeader{padding:16px}.v31WheelGrid,.v31TreadGrid,.v31WheelPhotos{grid-template-columns:1fr}.dataOverviewGrid{grid-template-columns:1fr}.moduleGrid{grid-template-columns:1fr}} /* ═════════ AUTODESK v32: interne Probefahrt nur als Eingangsprüfung-Pflichtpunkt ═════════ */ .taskProbeNote{margin:8px 0 0 0;border-top:1px solid var(--line);padding-top:8px} .taskProbeNote textarea{width:100%;min-height:70px;border:1px solid var(--line);background:var(--panel);border-radius:14px;color:var(--text);padding:10px 12px;outline:none;resize:vertical;text-align:left} .taskProbeNote .taskProbeActions{display:flex;justify-content:flex-end;margin-top:8px} .taskKindBadge{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);background:var(--orangeSoft);padding:3px 7px;border-radius:999px;display:inline-flex;margin-left:7px} /* ═════════ AUTODESK v33: Mobile Fix + Räder/Reifenlabel ═════════ */ html,body{width:100%;max-width:100%;overflow:hidden!important}.app,.main,.page{max-width:100vw;min-width:0}.page{overflow-x:hidden!important}.modal{max-width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden}.modalBody{max-width:100%;overflow-x:hidden}.vehicleRow,.panel,.moduleCard,.v29VehicleCard,.v31VehicleCard,.dataOverview,.v31DetailHeader{min-width:0;max-width:100%}img{max-width:100%} .wheelPageGrid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.wheelCard{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;gap:12px}.wheelCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wheelCardTitle{font-weight:900;font-size:17px;letter-spacing:-.03em}.wheelCardMeta{color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}.wheelCardActions{display:flex;gap:8px;flex-wrap:wrap}.wheelStatus{font-size:11px;border-radius:999px;padding:5px 9px;font-weight:850}.v33WheelTools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.v33WheelSet{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:16px;margin-bottom:14px}.v33WheelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.v33WheelGrid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.v33WheelField{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.v33WheelField span{display:block;color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;padding:10px 12px 0}.v33WheelField input,.v33WheelField select,.v33WheelField textarea{width:100%;border:0;background:transparent;outline:none;padding:8px 12px 11px;color:var(--text)}.v33TreadGrid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.v33WheelPhotos{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.v33WheelPhoto{border:1px dashed var(--line2);background:var(--panel);border-radius:16px;min-height:112px;color:var(--muted);padding:10px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.v33ThumbGrid{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.v33ThumbGrid img{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.v33LabelPreview{background:#fff;color:#111;border-radius:16px;padding:14px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 118px;gap:12px}.v33LabelGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v33LabelField{border-bottom:1px solid #111;min-height:30px;font-size:10px}.v33LabelField b{display:block;font-size:12px}.v33QrBox{border:2px solid #111;display:grid;place-items:center;min-height:118px}.v33WheelNotice{background:var(--orangeSoft);color:var(--orange);border:1px solid rgba(255,181,71,.25);border-radius:16px;padding:12px;line-height:1.4}.v33NoOverflow{overflow-x:hidden!important} @media (max-width:760px){.app{display:block;height:100dvh;overflow:hidden}.topbar{height:var(--topbar);position:sticky;top:0}.main{height:calc(100dvh - var(--topbar));overflow:hidden}.page{padding:16px 12px 96px}.wheelPageGrid,.v33WheelGrid,.v33TreadGrid,.v33WheelPhotos{grid-template-columns:1fr}.v33WheelHead,.wheelCardHead{flex-direction:column}.moduleGrid{grid-template-columns:1fr}.detailsGrid,.dataOverviewGrid{grid-template-columns:1fr}.statusTinyRow{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.statusText{display:none}.shortcutGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid{grid-template-columns:1fr}.v29VehicleCard,.v31VehicleCard{grid-template-columns:46px 1fr!important;padding:12px}.logo{width:46px;height:46px}.v31VehicleLine{align-items:flex-start}.v31TitleWrap{display:grid;gap:2px}.v31Status{justify-self:start;margin-top:4px}.v31Meta{font-size:12px}.v31DetailTop{grid-template-columns:46px 1fr;align-items:start}.v31DetailActions{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}.v31DetailHeader{padding:14px}.heroTop{grid-template-columns:46px 1fr}.v33LabelPreview{grid-template-columns:1fr}.modal{border-radius:20px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}} @media print{.v33PrintOnly{display:block!important}body.v33Printing *{visibility:hidden}body.v33Printing .v33PrintArea,body.v33Printing .v33PrintArea *{visibility:visible}.v33PrintArea{position:absolute;left:0;top:0;width:4in}} /* ═════════ AUTODESK v36 CSS — Kalkulation, Daten, Bestellliste, Dropdown Fix ═════════ */ html, body { width:100%; max-width:100%; overflow-x:hidden; } .app, .content, main, .page { min-width:0; max-width:100%; } select, option, input[type="date"], input[type="time"], input[type="file"] { background: var(--panel2) !important; color: var(--text) !important; border-color: var(--line2) !important; } select:focus, input:focus, textarea:focus { outline:2px solid rgba(91,143,255,.28); outline-offset:1px; } [data-theme="light"] select, [data-theme="light"] option, [data-theme="light"] input[type="date"], [data-theme="light"] input[type="time"]{ background:#fff !important; color:#111214 !important; } .calcSummaryBar{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:16px}.calcSummaryBox{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.calcSummaryBox span{display:block;color:var(--muted);font-size:12px}.calcSummaryBox b{display:block;margin-top:4px;font-size:18px;letter-spacing:-.03em}.calcSection{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:14px}.calcSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calcSectionHead h2{font-size:18px}.financeTable,.expenseTable{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.financeTable th,.financeTable td,.expenseTable th,.expenseTable td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.financeTable th,.expenseTable th{color:var(--muted);background:var(--panel2);font-weight:750}.financeTable tr:last-child td,.expenseTable tr:last-child td{border-bottom:0}.orderTabs{display:flex;gap:8px;margin:0 0 14px}.orderTab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:14px;padding:10px 14px;font-weight:800}.orderTab.active{background:var(--blueSoft);color:var(--blue);border-color:rgba(91,143,255,.28)}.orderCard{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:10px}.orderCard.done{opacity:.72}.orderTitleLine{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.orderMetaLine{margin-top:5px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.checkPill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--muted);font-size:12px}.checkPill.done{background:var(--greenSoft);color:var(--green);border-color:rgba(22,201,122,.22)}.dataFolderGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dataFolder{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;text-align:left;transition:.16s transform,.16s border-color}.dataFolder:hover{transform:scale(1.012);border-color:var(--line2)}.subfolderGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0 16px}.subfolderBtn{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;text-align:left}.fileRow{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin-bottom:8px}.userCard{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:10px}.bankSettingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.bankBox{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px}.bankBox label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.bankBox input{width:100%}.deadlineWarn{color:var(--orange)} @media(max-width:760px){.calcSummaryBar{grid-template-columns:1fr 1fr}.calcSummaryBox b{font-size:16px}.orderCard{grid-template-columns:42px 1fr}.orderCard .orderActions{grid-column:1/3;display:flex;gap:8px;flex-wrap:wrap}.financeTable,.expenseTable{display:block;overflow-x:auto;white-space:nowrap}.dataFolderGrid,.subfolderGrid{grid-template-columns:1fr}.modal.wide{width:calc(100vw - 20px);max-width:calc(100vw - 20px)} } /* ══ Upload-Status & Storage-Badges ══ */ .fileCard{position:relative}.fileCard.uploading{opacity:.55;pointer-events:none} .uploadingSpinner{display:inline-block;width:16px;height:16px;border:2px solid var(--line2);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:6px;flex-shrink:0} @keyframes spin{to{transform:rotate(360deg)}} .mediaBadge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:850;border-radius:999px;padding:2px 7px;margin-top:4px} .mediaBadge.cloud{background:var(--blueSoft);color:var(--blue)}.mediaBadge.local{background:var(--orangeSoft);color:var(--orange)}.mediaBadge.err{background:var(--redSoft);color:var(--red)} .wheelPhoto-uploading{opacity:.55;pointer-events:none} .fileCard.upload-error{border-color:var(--red)!important;background:var(--redSoft)!important} .retryBtn{background:var(--red);color:#fff;border:0;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:850;cursor:pointer;display:inline-block;vertical-align:middle} /* ═════════ AUTODESK v37: mobile/list/detail/calc cleanup ═════════ */ html, body { width:100%; max-width:100%; overflow:hidden; } .main, .page { max-width:100%; overflow-x:hidden; } div, section, article, header, nav, aside, main, figure, form, fieldset { max-width:100%; } select, option, input, textarea { background-color: var(--panel) !important; color: var(--text) !important; border-color: var(--line) !important; } select option { background:#101113; color:#f2f3f4; } [data-theme="light"] select option { background:#ffffff; color:#111214; } [data-theme="light"] select, [data-theme="light"] option, [data-theme="light"] input, [data-theme="light"] textarea { background-color:#fff !important; color:#111214 !important; } select { color-scheme: dark; } [data-theme="light"] select { color-scheme: light; } .v37StatusFilters{display:flex;gap:8px;overflow:auto;padding:0 0 10px;margin-bottom:8px;-webkit-overflow-scrolling:touch} .v37StatusFilters::-webkit-scrollbar{display:none}.v37FilterBtn{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 12px;font-weight:850;color:var(--muted);white-space:nowrap}.v37FilterBtn.active{background:var(--blueSoft);color:var(--blue);border-color:rgba(91,143,255,.34)} .vehicleRow.v37VehicleCard{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:13px;border-radius:19px;min-height:0;overflow:hidden}.v37VehicleMain{min-width:0}.v37VehicleTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}.v37VehicleTitle{font-size:16px;font-weight:950;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.v37VehicleNr{font-size:16px;font-weight:950;color:var(--blue);margin-left:6px;white-space:nowrap}.v37VehicleStatus{display:flex;align-items:center;gap:6px;flex:0 0 auto}.v37VehicleMeta{margin-top:5px;color:var(--muted);font-size:12.5px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v37Stand{font-weight:850}.v37Stand.p-green{background:transparent;color:var(--green)}.v37Stand.p-yellow{background:transparent;color:var(--yellow)}.v37Stand.p-red{background:transparent;color:var(--red)}.v37Stand.p-purple{background:transparent;color:var(--purple)} .moduleCard.v37ModuleCard{min-height:86px;padding:14px;border-radius:19px}.v37ModuleTitle{display:flex;align-items:center;gap:10px;font-weight:900;line-height:1.2}.v37ModuleTitle small{color:var(--muted);font-size:12px;font-weight:800}.v37ModuleSub{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.35}.statusBtn.v37StatusBtn{border-radius:15px;background:var(--card);border-color:var(--line2);padding:10px 12px}.v31DetailHeader{margin-bottom:14px}.v31DetailActions .statusBtn{max-width:none} .qrPreviewLabel{grid-template-columns:48% 1fr!important;gap:5mm!important}.qrPreviewText .title{font-size:clamp(17px,4.6vw,27px)!important;font-weight:950!important;line-height:1.0}.qrPreviewText .nr{font-size:clamp(22px,6vw,34px)!important;font-weight:1000!important;line-height:1.0}.qrPreviewText .sub{font-size:clamp(15px,4vw,23px)!important;font-weight:850!important}.qrPreviewCode img{width:min(100%,155px)!important;height:auto!important}.qrPreviewLabel.qr-only{grid-template-columns:1fr!important}.qrPreviewLabel.qr-only .qrPreviewCode img{width:180px!important} .calcPriceGrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.calcMoneyCard{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;padding:14px}.calcMoneyCard label{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-bottom:6px}.calcMoneyCard input{width:100%;border:0;background:transparent!important;color:var(--text)!important;font-size:22px;font-weight:950;letter-spacing:-.04em;text-align:left;outline:none}.calcMoneyCard input::placeholder{color:var(--muted2);opacity:.55}.calcHint{font-size:12px;color:var(--muted);margin-top:6px}.calcSuggested{color:var(--muted2);font-weight:800}.financeCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.financePeriodCard{border:1px solid var(--line);background:var(--card);border-radius:17px;padding:13px}.financePeriodCard b{display:block;margin-bottom:5px}.financePeriodCard span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.calcTopClean{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:14px}.calcTopClean .calcSummaryBox.empty b{color:var(--muted2)} .taskWorkflowGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.taskWorkflowCard{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:14px;text-align:left}.taskWorkflowCard b{display:block;font-size:15px}.taskProgress{margin-top:6px;color:var(--muted);font-size:12px}.taskListCompact{display:grid;gap:8px;margin-top:12px}.taskToggleRow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:12px}.switch{width:46px;height:28px;border-radius:999px;border:1px solid var(--line2);background:var(--card2);position:relative}.switch:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;left:2px;top:2px;background:var(--muted);transition:.16s}.switch.on{background:var(--greenSoft);border-color:rgba(22,201,122,.35)}.switch.on:after{transform:translateX(18px);background:var(--green)} .v37ModalAutosave{color:var(--muted2);font-size:12px;font-weight:750;margin-left:auto;margin-right:10px}.modalHead .btn.ghost{border:1px solid var(--line);background:var(--card);border-radius:999px;min-width:40px;height:40px;justify-content:center;padding:0}.modalHead .btn.ghost::before{content:"×";font-size:22px;line-height:1}.modalHead .btn.ghost{font-size:0}.modalHead .btn.ghost .icon{display:none} @media(max-width:760px){.page{padding:18px 12px 92px}.pageHead{align-items:center;margin-bottom:14px}h1{font-size:23px}.searchWrap{max-width:none}.statusTinyRow{grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px}.statusText{display:none}.statusTiny{padding:9px 6px}.shortcutGrid{grid-template-columns:repeat(2,1fr)}.actionGrid{grid-template-columns:1fr}.v37VehicleTop{display:block}.v37VehicleStatus{margin-top:6px}.v37VehicleTitle,.v37VehicleNr{font-size:15px}.v37VehicleMeta{font-size:12px}.moduleGrid{grid-template-columns:1fr!important;gap:9px}.moduleCard.v37ModuleCard{min-height:74px}.v31DetailTop{grid-template-columns:46px 1fr}.v31DetailActions{grid-column:1/3;display:flex;gap:8px}.calcPriceGrid,.calcTopClean{grid-template-columns:1fr 1fr}.financeCards{grid-template-columns:1fr}.formRow{grid-template-columns:1fr;gap:4px;padding:10px 14px}.formRow input,.formRow select,.formRow textarea{text-align:left;padding:6px 0}.qrPreviewLabel{grid-template-columns:45% 1fr!important}.qrPreviewText .title{font-size:20px!important}.qrPreviewText .nr{font-size:28px!important}.qrPreviewText .sub{font-size:18px!important}} @media(max-width:430px){.calcPriceGrid,.calcTopClean{grid-template-columns:1fr}.v37StatusFilters{margin-left:-2px;margin-right:-2px}.logo{width:46px;height:46px;border-radius:15px}.vehicleRow.v37VehicleCard{grid-template-columns:46px minmax(0,1fr);padding:12px}.v31DetailName,.v31DetailNr{font-size:20px}.v31DetailMeta{font-size:12px}.btn{padding:9px 11px}} /* ═════════ AUTODESK v39: Stabilisierung 1 ═════════ */ input[type="color"]{-webkit-appearance:none!important;padding:2px!important;width:100%!important;height:36px!important;border-radius:10px!important;cursor:pointer!important;background:transparent!important;border:1px solid var(--line2)!important} input[type="color"]::-webkit-color-swatch-wrapper{padding:0!important} input[type="color"]::-webkit-color-swatch{border:none!important;border-radius:6px!important} .subfolderBtn.active{border-color:var(--blue)!important;background:var(--blueSoft)!important;color:var(--blue)!important} .qrPreviewCode img{max-width:100%!important;width:min(160px,100%)!important;height:auto!important} /* ===== Ergänzungen neue App (nutzen die Original-Designwerte) ===== */ .loading{text-align:center;padding:60px;color:var(--muted)} .errbox{background:var(--redSoft);border:1px solid var(--red);color:var(--red);padding:12px;border-radius:12px;font-size:13px;margin:10px 0} .toast{position:fixed;bottom:calc(18px + var(--safeBottom));left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:12px;font-weight:750;font-size:14px;z-index:300;color:#06130d;background:var(--green);box-shadow:0 10px 30px rgba(0,0,0,.35)} .toast.err{background:var(--red);color:#fff} .auth{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg)} .authBox{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;width:100%;max-width:400px} .authBox h1{margin-bottom:4px} label{display:block;font-size:12px;font-weight:750;color:var(--muted);margin:12px 0 6px} input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text)} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blueSoft)} .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px} .card.row{display:flex;align-items:center;gap:12px} .title{font-weight:750} .muted{color:var(--muted)}.small{font-size:12.5px}.center{text-align:center}.w100{width:100%}.grow{flex:1} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .kpi{text-align:center;padding:22px} .kpi-num{font-size:34px;font-weight:850;letter-spacing:-.03em} .shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px} .overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:flex-start;justify-content:center;padding:20px;z-index:150;overflow-y:auto;backdrop-filter:blur(6px)} .modal{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;width:100%;max-width:640px;margin:auto} .modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)} .task-row{display:flex;gap:12px;align-items:flex-start} .task-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--green)} .task-done .title{text-decoration:line-through;color:var(--muted)} .settings-table{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden} .st-head,.st-row{display:grid;grid-template-columns:1fr 64px 64px 64px 80px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13.5px} .st-head{font-weight:800;background:var(--panel2)} .st-row:last-child{border-bottom:none} .st-chk{display:flex;justify-content:center;margin:0} .st-chk input{width:18px;height:18px;accent-color:var(--green)} .iconbtn{display:none;background:none;border:0;font-size:22px;color:var(--text)} @media(max-width:900px){ .iconbtn{display:block} .sidebar{position:fixed;top:var(--topbar);left:-280px;width:250px;height:calc(100dvh - var(--topbar));z-index:60;transition:left .22s;box-shadow:10px 0 40px rgba(0,0,0,.35)} .sidebar.open{left:0} .grid2{grid-template-columns:1fr} .st-head,.st-row{grid-template-columns:1fr 48px 48px 48px 60px;font-size:12.5px;padding:9px 10px} }