:root{--bg:#f3f5f8;--panel:#fff;--ink:#172033;--muted:#687386;--line:#dfe4ec;--accent:#126cff;--accent2:#9b32e5;--cyan:#00c9ff;--warm:#ff8a00;--danger:#b42318;--warn:#9a6700;--ok:#027a48;--shadow:0 10px 30px rgba(24,32,51,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:32px}.login-card img{width:180px;max-width:55%;display:block;margin:0 auto 22px}.login-card h1{text-align:center;margin:0 0 6px}.login-card>p{text-align:center}.field{display:grid;gap:6px;margin:10px 0}.field label{font-size:.82rem;font-weight:700;color:#475467}.field input,.field select,.field textarea,.item input,.item select{width:100%;border:1px solid #cfd6e2;border-radius:10px;background:#fff;color:var(--ink);padding:10px 11px;outline:none}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.item input:focus,.item select:focus{border-color:#8b7bea;box-shadow:0 0 0 3px rgba(92,72,216,.12)}button{border:0;border-radius:10px;padding:10px 13px;font-weight:750;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white}.secondary{background:#ece9ff;color:#4937b4}.ghost{background:#fff;border:1px solid var(--line);color:#344054}.danger{background:#fee4e2;color:#b42318}.linkbtn{background:transparent;color:var(--accent);padding:2px 0;text-align:left;font-size:.82rem}.appbar{position:sticky;top:0;z-index:30;height:64px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.appbrand{display:flex;align-items:center;gap:12px;font-weight:800}.appbrand img{height:34px;width:auto}.appactions{display:flex;gap:8px;flex-wrap:wrap}.dashboard{padding:18px}.dashcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 4px 16px rgba(24,32,51,.04);cursor:pointer}.dashcard:hover{border-color:#a69bed;transform:translateY(-1px)}.dashcard strong,.dashcard span{display:block}.dashcard span{font-size:.8rem;color:var(--muted);margin-top:4px}.workspace{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(500px,1.5fr) minmax(300px,.9fr);gap:14px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 26px rgba(24,32,51,.05);min-width:0}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);position:sticky;top:64px;background:#fff;z-index:10;border-radius:16px 16px 0 0}.panelbody{padding:12px}.toolbar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;border-radius:999px;background:#f0edff;color:#5a45ca;padding:5px 9px;font-size:.75rem;font-weight:800}.sectionbox{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}.sectionbox summary{cursor:pointer;padding:11px 12px;font-weight:800;background:#fafbfc}.sectioncontent{padding:10px 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkrow{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:.9rem}.required-tag{font-size:.68rem;padding:2px 6px;background:#e8f7ef;color:#027a48;border-radius:999px}.subtle{font-size:.78rem;color:var(--muted)}.error{color:#b42318}.notice{border-left:3px solid var(--accent);background:#f6f4ff;padding:10px 12px;border-radius:7px;margin:10px 0}.warnbox{border-left-color:#f0a000;background:#fff8e6}.item{border:1px solid var(--line);border-radius:11px;padding:9px;margin:7px 0;background:#fff}.techitem{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:start}.techitem img{width:52px;height:52px;object-fit:cover;border-radius:8px;background:#f3f4f6}.techrow{display:grid;grid-template-columns:1fr 72px;gap:8px}.summarybox{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:12px;margin-top:10px}.pricebig{font-size:1.45rem;font-weight:900;margin:4px 0 8px}.exportgrid{display:grid;gap:8px;margin-top:12px}.pageassistant{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#f8fafc;border-bottom:1px solid var(--line)}.pageassistant>span{font-size:.83rem;font-weight:800;color:#475467}.chapternav{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto}.chapternav button{padding:6px 8px;font-size:.72rem}.chapternav button.active{background:#e9e5ff;color:#513ac6;border-color:#b5aae9}.previewwrap{padding:22px;background:#e9edf3;min-height:600px;display:grid;place-items:start center;overflow:auto}.paper{width:210mm;min-height:297mm;background:#fff;box-shadow:0 10px 34px rgba(22,32,50,.16);padding:16mm 17mm 18mm;position:relative;color:#172033;font-family:Arial,Helvetica,sans-serif;line-height:1.46}.paper[contenteditable="true"]{outline:3px solid rgba(92,72,216,.2)}.paper[contenteditable="true"]:focus{outline:3px solid rgba(92,72,216,.45)}.paper h1{font-size:24px;margin:7px 0 14px;color:#192238}.paper h2{font-size:14px;margin:15px 0 6px;color:#283752;border-bottom:1px solid #e3e7ef;padding-bottom:4px}.paper h3{font-size:11px;margin:11px 0 4px}.paper p{font-size:10px;margin:5px 0}.doclogo{width:48mm;max-height:22mm;object-fit:contain;object-position:left center}.docmeta{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:10px 0 4px}.meta-card{background:#f8fafc;border:1px solid #e2e7ef;border-radius:8px;padding:9px 10px}.ptable{width:100%;border-collapse:collapse;font-size:9px;margin-top:8px}.ptable th,.ptable td{border-bottom:1px solid #e5e9f0;padding:6px 5px;text-align:left}.ptable th:last-child,.ptable td:last-child{text-align:right}.total{margin:12px 0 4px;text-align:right;font-size:15px;font-weight:900}.foot{position:absolute;left:17mm;right:17mm;bottom:9mm;border-top:1px solid #e2e7ef;padding-top:4px;display:flex;justify-content:space-between;font-size:7.5px;color:#667085}.manual-badge{position:absolute;top:10mm;right:12mm;font-size:8px;background:#fff3cd;color:#7a5200;border:1px solid #f2d78c;border-radius:999px;padding:4px 7px}.packgroup{border:1px solid #dfe4ec;border-radius:8px;padding:8px 10px;margin:8px 0;break-inside:avoid}.packgroup h4{margin:0 0 6px}.capacity{font-size:8.5px;color:#667085;margin-left:6px}.audit{font-size:.82rem}.audit-summary{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.audit-pill{border-radius:999px;padding:4px 7px;font-weight:800}.audit-pill.ok{background:#e8f7ef;color:#027a48}.audit-pill.warn{background:#fff2cc;color:#8a5b00}.audit-pill.bad{background:#fee4e2;color:#b42318}.audit-item{border-top:1px solid #e4e7ec;padding:7px 0}.packdrag{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px;border:1px solid #e3e7ef;border-radius:8px;margin:5px 0;background:#fff;cursor:grab}.packdrag.dragging{opacity:.45}.dropzone.dragover{outline:2px dashed var(--accent);outline-offset:2px}.modalback{position:fixed;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:20px;z-index:100}.modal{background:#fff;border-radius:16px;width:min(620px,100%);max-height:85vh;overflow:auto;padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.modal h2{margin-top:0}.modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.countertable{width:100%;border-collapse:collapse}.countertable td{padding:6px;border-bottom:1px solid #eee}.countertable input{width:100%;padding:7px;border:1px solid #ccd3dd;border-radius:8px}@media(max-width:1280px){.workspace{grid-template-columns:minmax(260px,.8fr) minmax(450px,1.3fr)}.rightpanel{grid-column:1/-1}.rightpanel>.panelbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rightpanel .summarybox,.rightpanel .exportgrid,.rightpanel>.panelbody>p{grid-column:1/-1}.dashcards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.appbar{height:auto;align-items:flex-start;padding:10px;gap:10px}.appactions{justify-content:flex-end}.workspace{grid-template-columns:1fr}.panelhead{position:static}.dashcards{grid-template-columns:repeat(2,1fr)}.rightpanel>.panelbody{display:block}.paper{width:100%;min-height:auto;padding:22px 20px 52px}.previewwrap{padding:10px}.docmeta{grid-template-columns:1fr}.foot{left:20px;right:20px;bottom:14px}.chapternav{width:100%;margin:0}}@media(max-width:600px){.dashboard{padding:8px}.dashcards{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.appbrand span{display:none}.appactions button{font-size:.72rem;padding:7px}.pageassistant{justify-content:center}.toolbar{width:100%}.panelhead{align-items:flex-start;flex-direction:column}.paper h1{font-size:20px}}

/* v5 workflow improvements */
.login-shell{background:radial-gradient(circle at 20% 10%,rgba(0,201,255,.13),transparent 30%),radial-gradient(circle at 85% 20%,rgba(155,50,229,.12),transparent 28%),linear-gradient(145deg,#f8fbff,#f7f4ff)}
.login-card{border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--cyan),var(--accent),var(--accent2),#ff4d4d,var(--warm)) 1}
.appbar{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--cyan),var(--accent),var(--accent2),#ff4d4d,var(--warm)) 1}.dashcard:nth-child(4n+1){border-top:3px solid var(--cyan)}.dashcard:nth-child(4n+2){border-top:3px solid var(--accent)}.dashcard:nth-child(4n+3){border-top:3px solid var(--accent2)}.dashcard:nth-child(4n){border-top:3px solid var(--warm)}
.previewwrap{overflow:hidden;justify-items:center}.previewwrap .paper{zoom:var(--preview-zoom,1)}
.zoomhelp{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:linear-gradient(90deg,#eefaff,#f6f0ff);font-size:.76rem;color:#526071;border-bottom:1px solid var(--line)}.zoomhelp>div{display:flex;gap:5px}.zoomhelp button{padding:5px 9px}
.pageassistant-bottom{border-top:1px solid var(--line);border-bottom:0}.pcsetup-btn{width:100%;margin-bottom:2px;background:linear-gradient(90deg,#e8f8ff,#f2eaff);color:#30406a;border:1px solid #cbdff4}
.audit-link{display:grid;width:100%;text-align:left;background:transparent;border-radius:8px;color:inherit}.audit-link span{font-weight:400;margin-top:3px}.audit-link em{font-style:normal;color:var(--accent);font-weight:800;margin-top:4px}.audit-link:hover{background:#f4f8ff}.focus-flash{animation:focusFlash 1.8s ease}@keyframes focusFlash{0%,100%{box-shadow:none}20%,70%{box-shadow:0 0 0 4px rgba(18,108,255,.22);border-radius:10px}}
.appbrand img{height:48px}.login-card img{width:260px;max-width:78%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}.doclogo{width:58mm;max-height:28mm;filter:drop-shadow(0 2px 3px rgba(0,0,0,.14))}
@media(max-width:900px){.previewwrap .paper{zoom:1;width:100%}.zoomhelp{display:none}}

/* v6 collected workflow changes */
/* Navigation and panel controls stay where they occur in the document; nothing follows while scrolling. */
.appbar{position:static;top:auto;backdrop-filter:none}
.panelhead{position:static;top:auto}

/* Clear, touch-friendly "Im Angebot" control. */
.techrow{grid-template-columns:minmax(92px,1fr) minmax(138px,auto);align-items:center}
.offer-toggle{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 10px;border:1px solid #cfd9ea;border-radius:10px;background:#f8fbff;font-size:.82rem;font-weight:800;color:#344054;cursor:pointer;user-select:none}
.offer-toggle:hover{border-color:#97b8ea;background:#f1f7ff}
.offer-toggle input{appearance:auto;width:22px!important;height:22px!important;min-width:22px;margin:0;accent-color:var(--accent);cursor:pointer}
.offer-toggle:has(input:not(:checked)){background:#fff7f3;border-color:#f4c4ad;color:#7a3e20}

/* Product/transport thumbnails: exact image mapping from the supplied image ZIP. */
.techitem{grid-template-columns:64px 1fr;gap:10px}
.techitem>img{width:64px;height:64px;object-fit:contain;border:1px solid #e3e8f1;background:#fff;padding:2px}
.boxchoice{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:7px 8px;margin:6px 0;background:#fff;cursor:pointer}
.boxchoice:hover{background:#f8fbff;border-color:#bdd1ee}
.boxchoice>img{width:48px;height:42px;object-fit:contain;border-radius:7px;background:#fff}
.boxchoice>span>span{display:block;margin-top:2px}
.boxchoice>input,.standard-tool>input{width:21px;height:21px;accent-color:var(--accent)}

.packgroup{padding:9px 10px}
.transportline,.packline{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;min-height:38px;padding:4px 0;border-bottom:1px solid #eef1f5;font-size:9px}
.transportline{font-weight:700;background:#fafcff;border-radius:6px;padding:5px 4px;margin-bottom:3px}
.transportline img,.packline img{width:34px;height:34px;object-fit:contain;border-radius:6px;border:1px solid #e3e8f0;background:#fff;padding:1px}
.packthumb-placeholder{display:block;width:34px;height:34px}
.packchecks{margin-top:8px;font-size:9px;line-height:1.6}
.packdrag{display:grid;grid-template-columns:42px minmax(100px,1fr) minmax(135px,.9fr)}
.packdrag>img{width:40px;height:40px;object-fit:contain;border:1px solid #e3e8f0;border-radius:7px;background:#fff;padding:1px}

.pcsetup-btn{display:flex;align-items:center;justify-content:center;gap:10px}
.pcsetup-btn img{width:44px;height:36px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid #d8e3f1}

@media(max-width:600px){
 .techrow{grid-template-columns:1fr}
 .offer-toggle{justify-content:flex-start}
 .packdrag{grid-template-columns:40px 1fr}.packdrag select{grid-column:1/-1}
}


/* v7: Preview navigation, scrollbars and packing additions */
.chapternav{display:none!important}
.previewwrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
  justify-items:start!important;
  place-items:start!important;
  text-align:center;
  scrollbar-gutter:stable both-edges;
}
.previewwrap .paper{margin-left:auto;margin-right:auto;text-align:left}
.preview-hscroll{
  height:18px;
  overflow-x:auto;
  overflow-y:hidden;
  background:#f8fafc;
  border-bottom:1px solid var(--line);
  scrollbar-color:#8ca0bb #edf1f6;
  scrollbar-width:auto;
}
.preview-hscroll-bottom{border-top:1px solid var(--line);border-bottom:0}
.preview-hscroll-inner{height:1px;min-width:100%}
.preview-hscroll::-webkit-scrollbar{height:13px}
.preview-hscroll::-webkit-scrollbar-track{background:#edf1f6;border-radius:999px}
.preview-hscroll::-webkit-scrollbar-thumb{background:#8ca0bb;border-radius:999px;border:2px solid #edf1f6}
.preview-hscroll::-webkit-scrollbar-thumb:hover{background:#617691}
#packToggle.pack-toggle-active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 5px 14px rgba(18,108,255,.18);
}
.auto-hint{margin-top:5px;color:#6b5bb8}
.previewwrap{scrollbar-width:none}
.previewwrap::-webkit-scrollbar{width:0;height:0}

/* v8 additions */
.alltech-btn{width:100%;margin:0 0 6px;font-weight:800;border-color:#8c65d8;background:linear-gradient(135deg,#f4edff,#e8f6ff);color:#43336d}
.alltech-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(83,54,133,.12)}
.audit-stale{border-color:#d7b650;background:#fff9e7}

/* v9 usability */
.stockline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.stock-badge{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.04em;
  color:#0b3e8a;
  background:#e8f2ff;
  border:1px solid #9cc4ff;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}
.pageassistant .pageFirst,.pageassistant .packFirst{font-weight:750}
.zoomspacer{flex:1}
.legal-help{margin-top:6px;line-height:1.4}
.helpdot{
  display:inline-flex;width:18px;height:18px;border-radius:50%;
  align-items:center;justify-content:center;font-size:12px;font-weight:800;
  background:#e8f2ff;color:#0b5fcc;cursor:help;
}


/* v10: private-customer withdrawal field + side page navigation */
.withdrawal-prominent{
  margin-top:12px;
  padding:12px;
  border:1px solid #cfdcf1;
  border-radius:12px;
  background:linear-gradient(135deg,#f7fbff,#fbf8ff);
}
.withdrawal-prominent label{font-weight:700;color:#273a59}

.preview-side-stage{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 46px;
  align-items:center;
  gap:8px;
  width:100%;
}
.preview-side-stage .previewwrap{min-width:0;width:100%}
.preview-side-arrow{
  width:42px;
  height:72px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  color:#314564;
  font-size:30px;
  line-height:1;
  box-shadow:0 5px 16px rgba(30,55,90,.09);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.preview-side-arrow:hover:not(:disabled){
  border-color:#9db8e7;
  background:#f5f9ff;
  transform:translateY(-1px);
}
.preview-side-arrow:disabled{
  opacity:.28;
  cursor:default;
  box-shadow:none;
}
@media(max-width:760px){
  .preview-side-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}
  .preview-side-arrow{width:34px;height:60px;font-size:26px}
}
.hazer-fluid-select{margin-top:10px;padding:10px;border:1px solid #cbd8e7;border-radius:10px;background:#f5f9ff}.hazer-fluid-select select{margin-top:6px;width:100%}


/* V13: symmetrische seitliche Vorschau-Navigation */
.preview-side-stage{
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  column-gap:10px!important;
}
.preview-side-arrow{
  width:44px!important;
  height:70px!important;
  padding:0!important;
  margin:0!important;
  justify-self:center!important;
  align-self:center!important;
  border-radius:14px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:0!important;
  line-height:1!important;
  transform:none!important;
}
.preview-side-left::before,
.preview-side-right::before{
  display:block;
  font-size:27px;
  font-weight:700;
  line-height:1;
}
.preview-side-left::before{content:"←"}
.preview-side-right::before{content:"→"}
.preview-side-arrow:hover:not(:disabled){transform:none!important}
@media(max-width:760px){
 .preview-side-stage{grid-template-columns:42px minmax(0,1fr) 42px!important;column-gap:5px!important}
 .preview-side-arrow{width:36px!important;height:58px!important}
 .preview-side-left::before,.preview-side-right::before{font-size:23px}
}

/* V15: echte A4-Vorschauseiten. Inhalte werden durch die Generatorlogik
   auf Folgeseiten verteilt statt die Seite nach unten zu verlängern. */
@media(min-width:901px){
 .previewwrap .paper{height:297mm;min-height:297mm;max-height:297mm;overflow:hidden}
 .pack-continuation{font-size:8px;color:#667085;font-weight:600}
 .packgroup-continuation{margin-top:4px}
}

.selector-group{margin:0 0 14px}.selector-group-title{font-size:12px;font-weight:800;letter-spacing:.02em;color:#344054;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:9px;padding:7px 10px;margin:8px 0}.selector-group .techitem{margin-bottom:8px}

/* V18 – Fahrzeug-/Logistikübersicht */
.vehicle-card{border:1px solid #dfe4ee;border-radius:16px;padding:14px;margin-bottom:14px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#fff8fb 100%);box-shadow:0 6px 18px rgba(29,43,70,.06)}
.vehicle-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.vehicle-topline>div{display:flex;flex-direction:column;gap:2px}.vehicle-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#68758c;font-weight:800}.vehicle-topline strong{font-size:1.05rem}.vehicle-light{font-size:1.45rem;line-height:1}.vehicle-light.green{color:#22a447}.vehicle-light.yellow{color:#d9a400}.vehicle-light.red{color:#d94343}
.vehicle-chooser{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 13px}.vehicle-option{border:1px solid #d8deea;background:#fff;border-radius:12px;padding:7px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font:inherit;font-weight:700;color:#1d2738}.vehicle-option img{width:72px;height:44px;object-fit:contain;border-radius:7px;background:#fff}.vehicle-option.active{border-color:#7b62e8;box-shadow:0 0 0 2px rgba(123,98,232,.14);background:#f7f4ff}.vehicle-option:hover{background:#fafbff}
.vehicle-metric{margin-top:10px}.vehicle-metric-head{display:flex;justify-content:space-between;gap:8px;font-size:.88rem;margin-bottom:5px}.vehicle-metric-head strong{font-variant-numeric:tabular-nums}.vehicle-bar{height:12px;background:#e8edf5;border-radius:999px;overflow:hidden;border:1px solid #dde4ef}.vehicle-bar span{display:block;height:100%;width:0;border-radius:999px;background:#39a95a;transition:width .22s ease,background .22s ease}.vehicle-bar span.yellow{background:#d9a400}.vehicle-bar span.red{background:#d94343}.vehicle-meta{margin-top:9px;font-size:.78rem;font-weight:700;color:#5d687b}.vehicle-switch{width:100%;margin-top:10px}.vehicle-note{margin:9px 0 0!important;line-height:1.35}
.pack-vehicle-summary{display:grid;grid-template-columns:115px 1fr;gap:14px;align-items:center;border:1px solid #dfe4ee;border-radius:10px;padding:10px;margin:8px 0 12px;background:#f8fafc}.pack-vehicle-summary img{width:110px;height:68px;object-fit:contain;background:#fff;border-radius:8px}.pack-vehicle-summary strong{display:block;font-size:1rem;margin-bottom:4px}.pack-vehicle-stats{font-size:.83rem;line-height:1.45}.pack-vehicle-bars{display:grid;grid-template-columns:1fr;gap:6px;margin-top:6px}.pack-mini-bar{height:7px;background:#e5eaf2;border-radius:999px;overflow:hidden}.pack-mini-bar span{height:100%;display:block;background:#39a95a}.pack-mini-bar span.yellow{background:#d9a400}.pack-mini-bar span.red{background:#d94343}
@media(max-width:760px){.vehicle-chooser{grid-template-columns:1fr}.vehicle-option img{width:84px}.pack-vehicle-summary{grid-template-columns:1fr}.pack-vehicle-summary img{width:140px;height:80px}}

.vehicle-father-rate{display:inline-block;margin-top:3px;color:#26344d;font-weight:800}.vehicle-meta-note{display:inline-block;margin-top:2px;color:#68758c;font-weight:600}

/* V24: einklappbare Technik-/Kabelgruppen */
.selector-overgroup{margin:0 0 14px}
.selector-overgroup-title,.selector-group-title{
 width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
 text-align:left;cursor:pointer
}
.selector-overgroup-title{
 padding:11px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;
 font-weight:800;font-size:1rem;background:rgba(255,255,255,.055)
}
.selector-group-title{
 padding:9px 10px;margin:0;border:0;border-radius:9px;
 font-weight:750;background:rgba(255,255,255,.035)
}
.selector-chevron{display:inline-flex;align-items:center;justify-content:center;min-width:22px;font-size:1.15rem;line-height:1}
.selector-overgroup-body{padding-top:8px}
.selector-group-body{padding-top:5px}
.selector-overgroup.is-collapsed>.selector-overgroup-body,
.selector-group.is-collapsed>.selector-group-body{display:none}
.selector-group{margin:0 0 9px}

/* V25 – Passwort anzeigen/ausblenden */
.password-input-wrap{display:flex;align-items:stretch;gap:8px}
.password-input-wrap input{min-width:0;flex:1}
.password-toggle{
  flex:0 0 auto;
  min-width:92px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:inherit;
  cursor:pointer;
  font-weight:700;
}
.password-toggle:hover{background:rgba(255,255,255,.10)}

/* V26 Personal-/Helferkalkulation */
.personnel-card{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;margin:10px 0;background:rgba(255,255,255,.025)}
.personnel-card>strong{display:block;margin-bottom:9px}
.personnel-cost-box{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;margin:12px 0;background:rgba(0,0,0,.08)}
.personnel-cost-box>div:not(.grid2){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 0}
.personnel-cost-box>div:not(.grid2)+div:not(.grid2){border-top:1px solid rgba(255,255,255,.08)}
.personnel-cost-box strong{white-space:nowrap}
/* V27 – Vision Control */
:root{--gold:#d9a441;--gold2:#f0c66a;--ink:#0b0f14;--panel:rgba(15,20,27,.91);--panel2:rgba(24,30,39,.94);--line:rgba(240,198,106,.22);--text:#f5f7fa;--muted:#aab2bd}
html,body{background:#080b0f!important;color:var(--text)}
.login-shell,.dashboard{position:relative;background:transparent!important}
.login-card,.panel,.modal,.vehicle-card,.sectionbox,.summarybox{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.login-card{border:1px solid var(--line);color:var(--text)}
.appbar{position:sticky;top:0;z-index:30;background:rgba(7,10,14,.94)!important;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.appbrand span,.panelhead strong,.sectionbox summary,.field label{color:var(--text)!important}
.subtle,.legal-help,.vehicle-note{color:var(--muted)!important}
.worktabs{position:sticky;top:64px;z-index:25;display:flex;gap:6px;padding:12px 18px;background:rgba(8,11,15,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}
.worktab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#9da6b1;padding:12px 16px;font-weight:750;white-space:nowrap;cursor:pointer;transition:.18s}
.worktab:hover{color:#fff}.worktab.active{color:#fff;border-bottom-color:var(--gold);text-shadow:0 0 18px rgba(217,164,65,.35)}
input,select,textarea{background:#111821!important;color:#f7f8fa!important;border:1px solid #3a4450!important}
input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(217,164,65,.13)!important;outline:none}
button.primary{background:linear-gradient(135deg,#b77b1d,var(--gold2))!important;color:#111!important;border-color:transparent!important;font-weight:800}
button.secondary,.ghost{background:#151c25!important;color:#f2f4f7!important;border-color:#3c4652!important}.ghost:hover,.secondary:hover{border-color:var(--gold)!important}
.pill{background:rgba(217,164,65,.16)!important;color:var(--gold2)!important;border-color:rgba(217,164,65,.3)!important}
.paper{background:#fff!important;color:#17202b!important;box-shadow:0 18px 55px rgba(0,0,0,.48)!important}
.paper *{color:inherit}.paper .notice{background:#f7f8fa!important}.paper .subtle{color:#667085!important}
.panelhead{border-bottom-color:rgba(255,255,255,.08)!important}.sectionbox{overflow:hidden}.sectionbox>summary{background:rgba(255,255,255,.025);border-bottom:1px solid transparent}.sectionbox[open]>summary{border-bottom-color:rgba(217,164,65,.16);color:var(--gold2)!important}
.notice.warnbox{background:rgba(173,108,15,.15)!important;border-color:rgba(240,198,106,.45)!important;color:#ffe5ad!important}
.audit .bad,.status-bad{border-left:4px solid #ef4444!important}.audit .warn,.status-warn{border-left:4px solid #f59e0b!important}.audit .ok,.status-ok{border-left:4px solid #22c55e!important}
.exportgrid{position:sticky;bottom:10px;background:rgba(9,12,17,.88);padding:10px;border-radius:14px;backdrop-filter:blur(12px);z-index:8}
@media(max-width:900px){.worktabs{top:58px}.workspace{display:block!important}.panel{margin-bottom:14px}.internal-bg{background-size:auto 100vh}}
/* V27: Inhalte niemals visuell abschneiden */
.previewwrap .paper{height:auto!important;min-height:297mm!important;max-height:none!important;overflow:visible!important;padding-bottom:22mm!important}
.paper h2,.paper h3,.paper h4{break-after:avoid-page}.paper table,.paper .packgroup{break-inside:avoid-page}

/* ==========================================================
   V28 – COLOR STAGE
   Helle, farbige Vision-of-Light-Oberfläche auf neuem Bühnenfoto.
   Reines Weiß bleibt ausschließlich den Dokumentvorschauen vorbehalten.
   ========================================================== */
:root{
  --v28-navy:#173b68;
  --v28-navy-soft:#24527f;
  --v28-cyan:#26b9d7;
  --v28-sky:#78d8e8;
  --v28-blue:#4d86e8;
  --v28-violet:#8a68dc;
  --v28-magenta:#d864ad;
  --v28-coral:#ef7b67;
  --v28-orange:#eea343;
  --v28-lime:#8ac66a;
  --v28-cream:#fff0c7;
  --v28-pale:#e9f8f7;
  --v28-pale-blue:#d9eef8;
  --v28-pale-violet:#e8ddf6;
  --v28-pale-rose:#f5d8e8;
  --v28-pale-peach:#f6dfc3;
  --v28-line:rgba(35,83,125,.24);
  --ink:var(--v28-navy);
  --muted:#426b8e;
  --line:var(--v28-line);
  --accent:var(--v28-blue);
  --accent2:var(--v28-magenta);
  --cyan:var(--v28-cyan);
  --warm:var(--v28-orange);
  --panel:rgba(218,240,248,.92);
  --panel2:rgba(232,221,246,.92);
  --text:var(--v28-navy);
  --shadow:0 16px 38px rgba(37,82,125,.20);
}
html,body{background:#4d86e8!important;color:var(--v28-navy)!important}
body{min-height:100vh}
.login-shell,.dashboard{background:transparent!important;color:var(--v28-navy)!important}

/* Nur EIN oberer Markenstreifen – kein zweiter Farbverlaufsstreifen unten */
.appbar{
  position:sticky;top:0;z-index:30;height:64px;
  background:linear-gradient(110deg,rgba(55,144,202,.96),rgba(119,103,215,.95) 48%,rgba(216,91,165,.94))!important;
  border:0!important;border-image:none!important;
  box-shadow:0 9px 26px rgba(46,83,132,.18);
  backdrop-filter:blur(14px) saturate(125%);
}
.appbar::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#20c6df,#4d86e8,#9a67df,#e75eaa,#f07b61,#efa23c,#8bc76a);
  pointer-events:none;
}
.appbrand{color:#e7f7f0!important;text-shadow:0 1px 2px rgba(39,65,116,.22)}
.appbrand img{height:42px;max-width:210px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(47,65,121,.2))}
.appactions .ghost{
  background:rgba(224,239,250,.20)!important;
  color:#f6e9c8!important;
  border:1px solid rgba(244,232,196,.46)!important;
}
.appactions .ghost:hover{background:rgba(240,210,235,.30)!important;border-color:#f3c37c!important;transform:translateY(-1px)}

/* Reiter – farbig, freundlich, gut lesbar */
.worktabs{
  position:sticky;top:64px;z-index:25;display:flex;gap:8px;padding:11px 18px;
  background:linear-gradient(90deg,rgba(123,211,229,.91),rgba(180,150,229,.91),rgba(238,158,194,.90))!important;
  border:0!important;box-shadow:0 8px 20px rgba(47,91,135,.14);backdrop-filter:blur(12px) saturate(130%);overflow-x:auto;
}
.worktab{
  border:1px solid rgba(45,85,132,.18)!important;border-radius:12px!important;
  background:rgba(231,244,246,.34)!important;color:#234d7c!important;
  padding:10px 16px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.worktab:hover{color:#1b4474!important;background:rgba(243,221,237,.58)!important;transform:translateY(-1px)}
.worktab.active{
  color:#f8edc9!important;border-color:rgba(235,183,86,.58)!important;
  background:linear-gradient(120deg,#4d86e8,#8d6adc 47%,#d85fa9)!important;
  box-shadow:0 7px 18px rgba(86,80,164,.22);text-shadow:none!important;
}

/* Haupt-Panels: bewusst farbig und hell – kein Schwarz/dunkles Grau, kein Weiß */
.panel,.login-card,.modal,.vehicle-card,.sectionbox,.summarybox,.personnel-card,.personnel-cost-box{
  color:var(--v28-navy)!important;border:1px solid var(--v28-line)!important;
  box-shadow:var(--shadow)!important;backdrop-filter:blur(15px) saturate(135%);
}
.workspace>.panel:nth-child(1){background:rgba(196,232,241,.93)!important}
.workspace>.panel:nth-child(2){background:rgba(221,211,242,.93)!important}
.workspace>.panel:nth-child(3){background:rgba(244,214,191,.93)!important}
.panelhead{
  background:linear-gradient(100deg,rgba(126,212,229,.72),rgba(190,160,231,.68),rgba(238,155,190,.58))!important;
  border-bottom:1px solid rgba(46,90,132,.22)!important;color:var(--v28-navy)!important;
}
.panelhead strong,.sectionbox summary,.field label,.appbrand span{color:var(--v28-navy)!important}
.workspace>.panel:nth-child(2) .panelhead{background:linear-gradient(100deg,rgba(171,151,229,.68),rgba(232,157,199,.60),rgba(242,184,135,.55))!important}
.workspace>.panel:nth-child(3) .panelhead{background:linear-gradient(100deg,rgba(243,180,126,.68),rgba(235,150,177,.57),rgba(150,205,220,.60))!important}

.sectionbox{background:rgba(214,237,243,.66)!important;overflow:hidden}
.sectionbox:nth-of-type(3n+2){background:rgba(226,211,242,.68)!important}
.sectionbox:nth-of-type(3n){background:rgba(244,213,225,.66)!important}
.sectionbox>summary{background:linear-gradient(90deg,rgba(105,202,221,.40),rgba(168,142,225,.33),rgba(233,139,187,.29))!important;color:#204c7b!important}
.sectionbox[open]>summary{color:#274f82!important;border-bottom:1px solid rgba(61,102,149,.20)!important}
.sectioncontent{color:var(--v28-navy)!important}
.selector-overgroup-title,.selector-group-title{
  color:#204d7b!important;border-color:rgba(54,99,145,.23)!important;
  background:linear-gradient(100deg,rgba(111,207,226,.42),rgba(193,163,229,.34),rgba(240,171,202,.30))!important;
}

/* Felder – farbig statt Weiß / Schwarz */
.field input,.field select,.field textarea,.item input,.item select,.countertable input,
.password-input-wrap input{
  background:rgba(217,239,246,.92)!important;color:#173f6c!important;
  border:1px solid rgba(47,96,145,.36)!important;box-shadow:inset 0 1px 2px rgba(63,115,153,.06);
}
.field:nth-child(3n+2) input,.field:nth-child(3n+2) select,.field:nth-child(3n+2) textarea{
  background:rgba(229,217,245,.91)!important;
}
.field:nth-child(3n) input,.field:nth-child(3n) select,.field:nth-child(3n) textarea{
  background:rgba(246,221,230,.89)!important;
}
.field input:focus,.field select:focus,.field textarea:focus,.item input:focus,.item select:focus,.countertable input:focus{
  border-color:#5a86dc!important;box-shadow:0 0 0 3px rgba(77,134,232,.18),0 5px 14px rgba(112,106,201,.12)!important;
}
::placeholder{color:#6684a2!important;opacity:1}
select option{background:#d9eef8;color:#173f6c}
.checkrow{color:#244d76}
input[type="checkbox"],input[type="radio"]{accent-color:#805fda}

/* Buttons: jede Aktion sichtbar farbig, einheitliche Markenpalette */
button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}
button:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.08)}
button.primary{
  background:linear-gradient(120deg,#3c91df,#736fdc 46%,#d45fa8)!important;
  color:#fff0c7!important;border:1px solid rgba(241,206,132,.35)!important;
  box-shadow:0 7px 17px rgba(83,96,190,.23)!important;
}
button.secondary,.ghost{
  background:linear-gradient(120deg,rgba(101,200,220,.82),rgba(148,126,222,.80))!important;
  color:#f7ebc9!important;border:1px solid rgba(69,106,161,.24)!important;
  box-shadow:0 4px 12px rgba(70,107,157,.13);
}
button.secondary:hover,.ghost:hover{border-color:#e4a54f!important;box-shadow:0 7px 17px rgba(116,92,184,.19)!important}
button.danger{background:linear-gradient(120deg,#e77a78,#d85f9f)!important;color:#fff0c7!important;border:1px solid rgba(173,69,92,.24)!important}
.linkbtn{color:#365fba!important;background:transparent!important}
.alltech-btn,.pcsetup-btn{
  color:#f8edc9!important;border-color:rgba(71,104,161,.25)!important;
  background:linear-gradient(120deg,#39afd0,#6e83dd 50%,#b467d2)!important;
}

/* Karten, Artikel, Packelemente */
.item,.packdrag,.transportline,.packline,.selector-group,.withdrawal-prominent{
  background:rgba(221,240,244,.76)!important;color:#214b76!important;border-color:rgba(52,96,141,.22)!important;
}
.item:nth-child(even),.packdrag:nth-child(even){background:rgba(233,219,245,.76)!important}
.techitem img,.packdrag>img,.transportline img,.packline img,.pcsetup-btn img,.vehicle-option img{
  background:#dff2f4!important;border-color:rgba(57,105,147,.23)!important;
}
.stock-badge,.required-tag,.pill{
  background:linear-gradient(105deg,#beeaf0,#dac9f3)!important;color:#28527e!important;border:1px solid rgba(61,104,153,.20)!important;
}
.subtle,.legal-help,.vehicle-note,.vehicle-meta,.vehicle-meta-note{color:#496f91!important}
.error{color:#a22952!important}
.notice{background:rgba(202,234,242,.82)!important;color:#214c78!important;border-left-color:#4b86e2!important}
.notice.warnbox,.warnbox{background:rgba(247,218,176,.88)!important;color:#774d24!important;border-left-color:#df8f32!important}
.summarybox{background:linear-gradient(125deg,rgba(199,234,241,.88),rgba(225,211,243,.88),rgba(245,214,225,.85))!important}
.pricebig{color:#28528a!important}

/* Vorschau-Umgebung farbig – das Papier selbst bleibt die EINZIGE weiße Fläche */
.previewwrap{
  background:linear-gradient(135deg,rgba(126,205,223,.62),rgba(179,151,226,.58),rgba(238,160,193,.54))!important;
  border-radius:0 0 14px 14px;
}
.pageassistant,.zoomhelp,.preview-hscroll{
  background:linear-gradient(90deg,rgba(125,211,226,.76),rgba(193,164,229,.72),rgba(238,163,195,.70))!important;
  color:#244f7c!important;border-color:rgba(54,96,143,.18)!important;
}
.pageassistant>span{color:#244f7c!important}
.preview-hscroll::-webkit-scrollbar-track{background:#bfe6ed!important}
.preview-hscroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#5caed0,#886ed7,#d966ad)!important;border-color:#bfe6ed!important}
.preview-side-arrow{
  background:linear-gradient(145deg,#77ccdf,#9b83df)!important;color:#fff0c7!important;
  border-color:rgba(68,105,157,.25)!important;box-shadow:0 8px 18px rgba(82,104,159,.18)!important;
}
.preview-side-arrow:hover:not(:disabled){background:linear-gradient(145deg,#67bed8,#c16dc0)!important}
.exportgrid{
  background:linear-gradient(115deg,rgba(121,207,224,.92),rgba(176,147,226,.92),rgba(236,151,191,.91))!important;
  border:1px solid rgba(57,99,145,.22);box-shadow:0 10px 25px rgba(78,95,155,.18)!important;
}

/* Absolut nur Dokument/PDF-Vorschau weiß lassen. Dokumentlogo = schwarze Variante */
.paper{background:#fff!important;color:#172033!important;box-shadow:0 18px 55px rgba(42,75,112,.32)!important}
.paper *{color:inherit}
.paper .meta-card{background:#f8fafc!important}
.paper .notice{background:#f7f8fa!important}
.paper .subtle{color:#667085!important}
.paper img.doclogo{filter:none!important}

/* Fahrzeugbereich – farbig + weich animierte Auslastungsbalken */
.vehicle-card{
  background:linear-gradient(135deg,rgba(174,227,235,.92),rgba(216,202,241,.92) 52%,rgba(244,205,218,.90))!important;
}
.vehicle-option{
  background:rgba(216,239,245,.78)!important;color:#234d79!important;border-color:rgba(49,94,140,.25)!important;
}
.vehicle-option:nth-child(2){background:rgba(234,215,242,.78)!important}
.vehicle-option.active{background:linear-gradient(120deg,rgba(103,199,220,.84),rgba(159,135,222,.82))!important;color:#f9edc9!important;border-color:#5d77c9!important;box-shadow:0 0 0 3px rgba(100,122,204,.14)!important}
.vehicle-bar,.pack-mini-bar{background:rgba(109,157,190,.22)!important;border:1px solid rgba(63,105,146,.18)!important;position:relative;overflow:hidden}
.vehicle-bar span,.pack-mini-bar span{
  background:linear-gradient(90deg,#52bf82,#78c86a)!important;
  transition:width .95s cubic-bezier(.22,.82,.26,1),background .45s ease!important;
  position:relative;overflow:hidden;
}
.vehicle-bar span::after,.pack-mini-bar span::after{
  content:"";position:absolute;top:0;bottom:0;left:-45%;width:38%;
  background:linear-gradient(90deg,transparent,rgba(244,239,197,.55),transparent);
  transform:skewX(-20deg);animation:v28BarShimmer 2.4s ease-in-out infinite;
}
.vehicle-bar span.yellow,.pack-mini-bar span.yellow{background:linear-gradient(90deg,#e8b543,#ef8d45)!important}
.vehicle-bar span.red,.pack-mini-bar span.red{background:linear-gradient(90deg,#ec7c67,#d95d9f)!important}
.vehicle-light.green{color:#4ea968!important}.vehicle-light.yellow{color:#c9852f!important}.vehicle-light.red{color:#c94d75!important}
.vehicle-father-rate{color:#285580!important}
@keyframes v28BarShimmer{0%,18%{left:-45%;opacity:0}35%{opacity:1}64%{left:115%;opacity:.9}100%{left:115%;opacity:0}}

/* Audit/Status bleibt funktional klar, aber in der neuen Farbwelt */
.audit-pill.ok{background:#cfeacb!important;color:#2d674b!important}
.audit-pill.warn{background:#f4d7a8!important;color:#7a5322!important}
.audit-pill.bad{background:#efc1ce!important;color:#8d3155!important}
.audit-item{border-top-color:rgba(59,102,145,.18)!important}
.audit-stale{border-color:#d49a43!important;background:#f1d8af!important}

/* Personalkarten */
.personnel-card{background:linear-gradient(125deg,rgba(185,229,236,.84),rgba(224,207,241,.83))!important}
.personnel-cost-box{background:linear-gradient(125deg,rgba(225,210,242,.84),rgba(246,207,222,.82))!important}
.personnel-cost-box>div:not(.grid2)+div:not(.grid2){border-top-color:rgba(62,102,147,.16)!important}

/* Modals / Nummerierung – hellfarbig statt dunkel/weiß */
.modalback{background:rgba(67,106,154,.34)!important;backdrop-filter:blur(7px)}
.modal{background:linear-gradient(135deg,#c8ebef,#ded1f1 52%,#f2d1df)!important;color:#1f4b78!important;border:1px solid rgba(55,100,147,.27)!important}
.countertable td{border-bottom-color:rgba(63,104,147,.18)!important}

/* Login – gleicher Stil wie Anwendung; Untergrund farbig, daher weißes Markenlogo */
.login-card{
  width:min(470px,100%)!important;
  background:linear-gradient(135deg,rgba(82,167,211,.93),rgba(133,115,216,.92) 50%,rgba(217,96,169,.91))!important;
  border:1px solid rgba(241,210,147,.45)!important;border-top:0!important;border-image:none!important;
  box-shadow:0 24px 65px rgba(45,76,125,.30)!important;color:#fff0c7!important;position:relative;overflow:hidden;
}
.login-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#25c5df,#4d86e8,#9a67df,#e85fa9,#ef7c60,#efa33d,#8bc66a)}
.login-card img{width:290px;max-width:78%;filter:drop-shadow(0 4px 9px rgba(58,67,128,.22))}
.login-card h1,.login-card>p,.login-card .field label,.login-card .subtle{color:#fff0c7!important}
.login-card .field input{background:rgba(207,231,242,.30)!important;color:#f8edc9!important;border-color:rgba(245,222,167,.50)!important}
.login-card .field input::placeholder{color:#efdcae!important}
.login-card .password-toggle{background:rgba(212,228,244,.20)!important;color:#f8edc9!important;border-color:rgba(244,217,159,.44)!important}
.login-card .password-toggle:hover{background:rgba(233,196,224,.30)!important}
.login-card .primary{width:100%}

/* Sanfte Mikroanimationen ohne Ablenkung */
.panel{animation:v28PanelIn .38s ease both}
.sectionbox[open]>.sectioncontent{animation:v28SectionIn .24s ease both}
@keyframes v28PanelIn{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes v28SectionIn{from{opacity:.7;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

@media(max-width:900px){
  .worktabs{top:58px}
  .internal-bg{background-size:cover!important;background-position:center top!important}
  .panelhead{background:linear-gradient(100deg,rgba(126,212,229,.88),rgba(206,158,218,.82))!important}
}
/* V28 Feinabstimmung: weitere Arbeitsflächen konsequent farbig */
#packEditor,.dropzone{color:#244f79}
.packdrag select{background:rgba(226,217,244,.90)!important;color:#214b76!important}
.vehicle-meta,.vehicle-metric-head,.vehicle-eyebrow,.vehicle-topline strong{color:#28547e!important}
.preview-side-stage{background:transparent!important}
/* Der Markenverlauf existiert ausschließlich oben in .appbar::before. */
.appbar::after,.worktabs::before,.worktabs::after,.dashboard::before,.dashboard::after{display:none!important;content:none!important}

/* ==========================================================
   V29 – NEON STAGE CONTROL
   Farbwelt nach freigegebenem Mockup: Navy / Petrol / Cyan / Violett.
   Dashboard-Hintergrund = Moving-Heads; Login-Hintergrund = ONYX-Konsole.
   Dokumentvorschauen bleiben unverändert weiß.
   ========================================================== */
:root{
  --v29-navy:#0d2440;--v29-navy2:#143754;--v29-petrol:#0d6570;--v29-teal:#0aa9b4;
  --v29-cyan:#13c8d1;--v29-blue:#176aa5;--v29-violet:#6734a5;--v29-purple:#8727c4;
  --v29-text:#f3f7fb;--v29-muted:#b8c9d9;--v29-line:rgba(55,205,216,.28);
  --ink:var(--v29-text);--text:var(--v29-text);--muted:var(--v29-muted);--line:var(--v29-line);
  --accent:var(--v29-teal);--accent2:var(--v29-purple);--cyan:var(--v29-cyan);
}
html,body{background:#102b43!important;color:var(--v29-text)!important}
.login-shell{background-image:linear-gradient(135deg,rgba(7,31,51,.35),rgba(45,19,75,.42)),url('assets/internal-login-background.jpeg')!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
.dashboard{background:transparent!important;color:var(--v29-text)!important}
.appbar{background:linear-gradient(105deg,rgba(10,42,62,.97),rgba(17,55,74,.96) 56%,rgba(44,26,78,.96))!important;box-shadow:0 8px 28px rgba(4,20,34,.28)!important}
.appbar::before{background:linear-gradient(90deg,#08c7d0,#13a5bb,#405ed0,#8b27d1,#f05a96,#f2a22c)!important}
.appbrand,.appbrand span{color:#f4f7fb!important}.appactions .ghost{background:rgba(12,67,82,.72)!important;color:#dffcff!important;border-color:rgba(23,198,207,.42)!important}.appactions .ghost:hover{background:linear-gradient(120deg,#087a86,#5131a0)!important;border-color:#31d7db!important;color:#fff!important}
.worktabs{background:linear-gradient(90deg,rgba(12,53,73,.94),rgba(24,51,80,.94),rgba(50,28,88,.93))!important;box-shadow:0 8px 22px rgba(4,24,42,.24)!important}
.worktab{background:rgba(29,69,91,.82)!important;color:#e5f1f7!important;border-color:rgba(75,139,166,.34)!important}.worktab:hover{background:rgba(20,104,115,.86)!important;color:#fff!important}.worktab.active{background:linear-gradient(120deg,#087d8b,#176aa5 48%,#7c2dc0)!important;color:#fff!important;border-color:rgba(30,213,218,.55)!important;box-shadow:0 7px 20px rgba(16,104,155,.28)!important}
.workspace>.panel:nth-child(1),.workspace>.panel:nth-child(2),.workspace>.panel:nth-child(3),.panel,.sectionbox,.summarybox,.personnel-card,.personnel-cost-box,.vehicle-card{background:linear-gradient(145deg,rgba(16,52,72,.93),rgba(23,57,78,.91) 58%,rgba(48,30,84,.89))!important;color:var(--v29-text)!important;border-color:var(--v29-line)!important;box-shadow:0 16px 40px rgba(4,22,38,.30)!important}
.panelhead,.workspace>.panel:nth-child(2) .panelhead,.workspace>.panel:nth-child(3) .panelhead{background:linear-gradient(100deg,rgba(12,87,100,.91),rgba(26,74,100,.91),rgba(74,37,111,.90))!important;color:#fff!important;border-bottom-color:rgba(36,196,207,.24)!important}.panelhead strong,.sectionbox summary,.field label{color:#edf8fb!important}
.sectionbox:nth-of-type(3n+2),.sectionbox:nth-of-type(3n){background:linear-gradient(145deg,rgba(16,53,73,.92),rgba(34,43,82,.90))!important}.sectionbox>summary,.selector-overgroup-title,.selector-group-title{background:linear-gradient(90deg,rgba(15,92,104,.62),rgba(39,64,100,.62),rgba(86,43,120,.58))!important;color:#e8fbff!important;border-color:rgba(38,191,202,.22)!important}.sectionbox[open]>summary{color:#fff!important;border-bottom-color:rgba(37,202,211,.24)!important}.sectioncontent,.checkrow{color:#e3eef5!important}
.field input,.field select,.field textarea,.item input,.item select,.countertable input,.password-input-wrap input,.field:nth-child(3n+2) input,.field:nth-child(3n+2) select,.field:nth-child(3n+2) textarea,.field:nth-child(3n) input,.field:nth-child(3n) select,.field:nth-child(3n) textarea{background:rgba(22,61,82,.92)!important;color:#f4f8fb!important;border-color:rgba(75,145,170,.43)!important}.field input:focus,.field select:focus,.field textarea:focus,.item input:focus,.item select:focus,.countertable input:focus{border-color:#19c7cf!important;box-shadow:0 0 0 3px rgba(19,199,207,.15),0 0 20px rgba(99,45,179,.16)!important}::placeholder{color:#9eb8c9!important}select option{background:#173b54;color:#f4f8fb}
button.primary{background:linear-gradient(120deg,#087e8b,#176da6 48%,#852bc1)!important;color:#fff!important;border-color:rgba(43,215,219,.30)!important;box-shadow:0 7px 18px rgba(10,86,135,.30)!important}button.secondary,.ghost{background:linear-gradient(120deg,rgba(10,115,128,.92),rgba(45,83,151,.92),rgba(101,45,160,.92))!important;color:#fff!important;border-color:rgba(46,192,204,.30)!important}.alltech-btn,.pcsetup-btn{background:linear-gradient(120deg,#087f8a,#196ea8 50%,#812ab9)!important;color:#fff!important}.linkbtn{color:#55e2e4!important}
.item,.packdrag,.transportline,.packline,.selector-group,.withdrawal-prominent{background:rgba(19,58,78,.86)!important;color:#e7f3f7!important;border-color:rgba(55,154,174,.28)!important}.item:nth-child(even),.packdrag:nth-child(even){background:rgba(31,50,83,.87)!important}.stock-badge,.required-tag,.pill{background:linear-gradient(105deg,rgba(13,121,132,.65),rgba(91,45,145,.62))!important;color:#f1fbff!important;border-color:rgba(44,201,207,.25)!important}.subtle,.legal-help,.vehicle-note,.vehicle-meta,.vehicle-meta-note{color:#b7cad8!important}.notice{background:rgba(10,103,117,.40)!important;color:#e8fbff!important;border-left-color:#1ed1d5!important}.notice.warnbox,.warnbox{background:rgba(116,72,31,.58)!important;color:#ffe6b9!important;border-left-color:#e5a23e!important}.summarybox{background:linear-gradient(125deg,rgba(12,83,96,.82),rgba(44,48,99,.82),rgba(77,37,109,.80))!important}.pricebig{color:#71edf0!important}
.previewwrap{background:linear-gradient(135deg,rgba(10,79,93,.72),rgba(28,59,97,.72),rgba(74,37,112,.70))!important}.pageassistant,.zoomhelp,.preview-hscroll{background:linear-gradient(90deg,rgba(11,91,103,.92),rgba(36,67,107,.91),rgba(81,39,117,.90))!important;color:#f0f8fb!important;border-color:rgba(42,194,205,.22)!important}.pageassistant>span{color:#edf8fb!important}.preview-side-arrow{background:linear-gradient(145deg,#087d8a,#2b64ad,#7d2dba)!important;color:#fff!important}.exportgrid{background:linear-gradient(125deg,rgba(10,93,104,.94),rgba(40,63,111,.94),rgba(91,37,128,.94))!important;border-color:rgba(38,205,211,.26)!important}.paper{background:#fff!important;color:#172033!important}.paper *{color:inherit}.paper .meta-card{background:#f8fafc!important}.paper .notice{background:#f7f8fa!important}.paper .subtle{color:#667085!important}
.vehicle-card{background:linear-gradient(135deg,rgba(13,82,94,.92),rgba(29,63,100,.92) 52%,rgba(72,35,107,.90))!important}.vehicle-option{background:rgba(22,67,88,.90)!important;color:#f0f7fa!important;border-color:rgba(58,160,178,.32)!important}.vehicle-option:nth-child(2){background:rgba(38,54,91,.90)!important}.vehicle-option.active{background:linear-gradient(120deg,#087f8b,#246ab1,#762db8)!important;color:#fff!important;border-color:#27d4d7!important;box-shadow:0 0 0 3px rgba(39,212,215,.13)!important}.vehicle-bar,.pack-mini-bar{background:rgba(139,171,188,.18)!important;border-color:rgba(89,151,171,.20)!important}.vehicle-bar span,.pack-mini-bar span{background:linear-gradient(90deg,#0bb7b8,#27caa6,#6b4de2)!important;transition:width 1.05s cubic-bezier(.22,.82,.26,1),background .45s ease!important}.vehicle-bar span::after,.pack-mini-bar span::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent)!important;animation:v29BarShimmer 2.2s ease-in-out infinite!important}.vehicle-bar span.yellow,.pack-mini-bar span.yellow{background:linear-gradient(90deg,#d6a530,#ef7e43,#b94da1)!important}.vehicle-bar span.red,.pack-mini-bar span.red{background:linear-gradient(90deg,#e95b70,#c33f8f,#7e37b7)!important}.vehicle-father-rate{color:#6ee4e6!important}
@keyframes v29BarShimmer{0%,16%{left:-45%;opacity:0}32%{opacity:1}64%{left:115%;opacity:.9}100%{left:115%;opacity:0}}
.modalback{background:rgba(6,28,45,.60)!important}.modal{background:linear-gradient(135deg,#16485c,#253f6a 52%,#542d72)!important;color:#f1f7fb!important}.countertable td{border-bottom-color:rgba(54,183,194,.20)!important}
.login-card{background:linear-gradient(135deg,rgba(10,54,72,.90),rgba(24,55,85,.90) 52%,rgba(67,32,96,.90))!important;border-color:rgba(35,203,211,.38)!important;box-shadow:0 26px 75px rgba(2,16,29,.48)!important;color:#f4f8fb!important}.login-card::before{background:linear-gradient(90deg,#0bc8d0,#146fa9,#7432b8,#e051a1,#ee9b34)!important}.login-card h1,.login-card>p,.login-card .field label,.login-card .subtle{color:#edf8fb!important}.login-card .field input{background:rgba(13,55,75,.82)!important;color:#fff!important;border-color:rgba(39,199,207,.36)!important}
/* Mikrointeraktionen: Buttons reagieren sichtbar, aber nicht verspielt. */
button:not(:disabled){position:relative;overflow:hidden;transform-origin:center;transition:transform .16s ease,box-shadow .22s ease,filter .22s ease!important}button:hover:not(:disabled){transform:translateY(-2px) scale(1.008);filter:brightness(1.08) saturate(1.08)}button:active:not(:disabled){transform:translateY(1px) scale(.975)!important;filter:brightness(.96)!important;transition-duration:.07s!important}button:not(:disabled)::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.26),transparent 52%);opacity:0;transform:scale(.35);pointer-events:none}button:active:not(:disabled)::after{animation:v29ButtonPulse .38s ease-out}@keyframes v29ButtonPulse{0%{opacity:.6;transform:scale(.25)}100%{opacity:0;transform:scale(1.8)}}
.worktab.active{animation:v29TabIn .28s ease-out}@keyframes v29TabIn{from{transform:translateY(2px);filter:brightness(.88)}to{transform:translateY(0);filter:brightness(1)}}
.sectionbox[open]>summary{animation:v29SummaryGlow .32s ease-out}@keyframes v29SummaryGlow{0%{box-shadow:inset 0 0 0 rgba(28,209,214,0)}55%{box-shadow:inset 0 0 28px rgba(28,209,214,.10)}100%{box-shadow:inset 0 0 0 rgba(28,209,214,0)}}
@media(prefers-reduced-motion:reduce){button,.worktab,.vehicle-bar span,.pack-mini-bar span{transition:none!important;animation:none!important}.vehicle-bar span::after,.pack-mini-bar span::after{animation:none!important}}

/* =========================================================
   V30 – Hintergrund + Kontrastkorrekturen
   Dashboard: neues Moving-Head-Hintergrundbild.
   Login-Hintergrund bleibt bewusst unverändert (ONYX).
   ========================================================= */

/* Eigentliche interne Anwendung: neues festes Hintergrundbild. */
/* Lesbarkeit der Oberfläche über dem farbigen Foto sichern, ohne das Bild zu verstecken. */
/* LOGIN: Bild und Styling aus V29 ausdrücklich NICHT überschreiben. */

/* Fahrzeugkarte liegt auf dunklem Petrol/Violett: sämtliche Beschriftungen hell. */
.vehicle-card,
.vehicle-card .vehicle-eyebrow,
.vehicle-card .vehicle-topline,
.vehicle-card .vehicle-topline strong,
.vehicle-card .vehicle-metric,
.vehicle-card .vehicle-metric-head,
.vehicle-card .vehicle-metric-head strong,
.vehicle-card .vehicle-meta,
.vehicle-card .vehicle-meta-note,
.vehicle-card .vehicle-note,
.vehicle-card .vehicle-father-rate,
.vehicle-card label,
.vehicle-card p,
.vehicle-card strong,
.vehicle-card span:not(.vehicle-bar span){
  color:#f4f8fb!important;
}
.vehicle-card .vehicle-eyebrow{color:#d7f5f7!important}
.vehicle-card .vehicle-father-rate{color:#84f3f2!important}
.vehicle-card .vehicle-note,.vehicle-card .vehicle-meta-note{color:#c9dce7!important}
.vehicle-card .vehicle-option,
.vehicle-card .vehicle-option strong,
.vehicle-card .vehicle-option span{color:#f4f8fb!important}
.vehicle-card .vehicle-option.active,
.vehicle-card .vehicle-option.active strong,
.vehicle-card .vehicle-option.active span{color:#fff!important}

/* Haze-Fluid-Auswahl ist bewusst hell: daher dunkle Schrift mit hohem Kontrast. */
.hazer-fluid-select{
  background:linear-gradient(135deg,#dff3f5,#e7e2f5 58%,#f3e3ec)!important;
  border-color:rgba(41,87,123,.34)!important;
  color:#173653!important;
}
.hazer-fluid-select label,
.hazer-fluid-select label strong,
.hazer-fluid-select .subtle,
.hazer-fluid-select p,
.hazer-fluid-select span{
  color:#173653!important;
}
.hazer-fluid-select .subtle{color:#365672!important}
.hazer-fluid-select select{
  background:#edf7f8!important;
  color:#173653!important;
  border-color:rgba(41,87,123,.38)!important;
}
.hazer-fluid-select select option{background:#edf7f8!important;color:#173653!important}

/* Kontrast-Regel für weitere bekannte dunkle UI-Flächen. */
.panel,.panelhead,.sectionbox,.sectioncontent,.summarybox,.personnel-card,.personnel-cost-box,
.item,.packdrag,.selector-group,.withdrawal-prominent,.pageassistant,.zoomhelp,.exportgrid,
.modal,.login-card{
  --ui-on-dark:#f4f8fb;
}
.panelhead,.panelhead strong,.sectionbox>summary,.selector-overgroup-title,.selector-group-title,
.exportgrid,.modal,.login-card{color:var(--ui-on-dark)!important}

/* Helle Sonderflächen behalten dunkle Schrift. Dokumentvorschau bleibt unverändert weiß. */
.paper,.paper *{color:#172033!important}
.paper .subtle{color:#667085!important}


/* =========================================================
   V31 – Packliste: dunkle Positionsbalken entfernt
   Die Packlisten-Zeilen innerhalb der weißen Dokumentvorschau
   bleiben neutral/hell und erscheinen nicht mehr als dunkle Balken.
   ========================================================= */
.paper .packline{
  background:transparent!important;
  color:#172033!important;
  border-color:#e5e9f0!important;
  box-shadow:none!important;
}
.paper .packline *{color:inherit!important}

/* =========================================================
   V32 – Packliste bereinigt + neues Dashboard-Hintergrundbild
   Login-Hintergrund bleibt unverändert.
   ========================================================= */

/* Alle dunklen/blauen Balken innerhalb der weißen Packlisten-Vorschau entfernen. */
.paper .packgroup,
.paper .transportline,
.paper .packline,
.paper .packchecks,
.paper .pack-vehicle-summary {
  background:#fff!important;
  color:#172033!important;
  box-shadow:none!important;
}
.paper .transportline,
.paper .packline {
  border-bottom:1px solid #e5e9f0!important;
  border-radius:0!important;
}
.paper .packgroup {
  border-color:#dfe4ec!important;
}
.paper .transportline *,
.paper .packline *,
.paper .packgroup *,
.paper .packchecks *,
.paper .pack-vehicle-summary * {
  color:inherit!important;
}
/* Balken nur als schmale Auslastungsindikatoren belassen; keine dunklen Flächen hinter Textzeilen. */
.paper .pack-mini-bar {
  background:#e7ebf0!important;
}

/* V33 – Technikwert & Inventar */
.inventory-page{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;align-items:start}
.inventory-column{min-width:0}.inventory-column:nth-child(2){display:grid;gap:18px}
.inventory-card{background:rgba(8,31,48,.91);border:1px solid rgba(135,224,255,.19);border-radius:18px;box-shadow:0 12px 34px rgba(3,12,24,.2);overflow:hidden;color:#f4fbff;backdrop-filter:blur(12px)}
.inventory-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.inventory-card-head h2{margin:2px 0 0;font-size:1.15rem}.inventory-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:850;color:#75dcff}
.inventory-list{max-height:68vh;overflow:auto;padding:8px 12px}.loaded-list{max-height:55vh}.inventory-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 5px;border-bottom:1px solid rgba(255,255,255,.075)}.inventory-row img{width:46px;height:46px;object-fit:contain;border-radius:9px;background:#fff;padding:3px}.inventory-row strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}.inventory-name{font-size:.88rem;font-weight:680;color:#eefaff}.inventory-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.11);font-weight:800;background:rgba(255,255,255,.035)}.inventory-total strong{font-size:1.2rem;color:#fff}.inventory-pdf-btn{margin:0 18px 18px;width:calc(100% - 36px)}
.techvalue-card{padding-bottom:16px}.techvalue-current{font-size:1.45rem;color:#fff}.techvalue-scale{display:flex;justify-content:space-between;padding:14px 18px 7px;font-size:.78rem;font-weight:750;color:#b8d6e8}.techvalue-bar{height:15px;margin:0 18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.techvalue-bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#00c9ff,#8a54ff);transition:width .28s cubic-bezier(.2,.8,.2,1)}.techvalue-percent{text-align:right;padding:8px 18px 0;font-size:.84rem;font-weight:850;color:#7ae3ff}.inventory-empty{padding:25px 10px;text-align:center;color:#a9c1cf;font-size:.88rem}
@media(max-width:1000px){.inventory-page{grid-template-columns:1fr}.inventory-list{max-height:none}.loaded-list{max-height:none}}

/* V34: Technikwert / Packliste */
.paper .pack-tech-value{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 10px;padding:8px 10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff!important;color:#172033!important;font-size:9pt}
.paper .pack-tech-value strong,.paper .pack-tech-value span{color:#172033!important}

/* V35 – zusätzliche dezente UI-Animationen */
@keyframes v35FadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes v35GlowPulse{0%,100%{box-shadow:0 0 0 rgba(0,201,255,0)}50%{box-shadow:0 0 24px rgba(0,201,255,.12)}}
@keyframes v35BarShimmer{0%{transform:translateX(-130%)}100%{transform:translateX(230%)}}
#inventoryView:not(.hidden),.panel,.vehicle-card{animation:v35FadeUp .36s cubic-bezier(.2,.8,.2,1)}
.techitem,.inventory-row,.boxchoice,.dashcard{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.techitem:hover,.inventory-row:hover,.boxchoice:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.14)}
button{position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}
button:hover{transform:translateY(-1px)}
button:active{transform:translateY(0) scale(.985)}
.vehicle-bar span,#techValueBar{position:relative;overflow:hidden;transition:width .42s cubic-bezier(.2,.8,.2,1),background .25s ease!important}
.vehicle-bar span::after,#techValueBar::after{content:"";position:absolute;top:0;bottom:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:v35BarShimmer 2.8s ease-in-out infinite}
.inventory-total-card,.tech-value-card{animation:v35GlowPulse 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* V36 – Benutzerbild als sichtbarer Hintergrund der internen Anwendung.
   body muss transparent bleiben, damit die fixed Hintergrundebene nicht von
   der früheren dunkelblauen body-Fläche verdeckt wird. Login bleibt durch
   seinen eigenen ONYX-Hintergrund unverändert. */
html{background:#102b43!important}
body{background:transparent!important}
/* ==========================================================
   V37 – Hintergrundbild + Technikwert-Balken + Vorschau-Rundungen
   ========================================================== */
/* Benutzerbild als Hintergrund der internen Arbeitsseite. Login bleibt separat. */
/* Technikwert: Lichtreflex läuft nun wirklich über die gesamte gefüllte Balkenbreite. */
@keyframes v37TechValueSweep{
  0%{left:-42%;opacity:0}
  10%{opacity:.9}
  82%{opacity:.9}
  100%{left:112%;opacity:0}
}
#techValueBar{
  position:relative!important;
  overflow:hidden!important;
}
#techValueBar::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:-42%!important;
  width:38%!important;
  transform:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent)!important;
  animation:v37TechValueSweep 2.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* Vorschau: untere Abschlüsse sauber innerhalb der Panel-Rundung halten. */
#workflowWorkspace > .panel:nth-child(2){
  border-radius:16px!important;
  overflow:hidden!important;
}
#pageAssistantBottom,
#packSection .pageassistant-bottom{
  margin:0!important;
}
#packSection .pageassistant-bottom{
  border-radius:0 0 16px 16px!important;
}
#packSection.hidden ~ *{border-radius:0}
.preview-side-stage,
.previewwrap,
.preview-hscroll-bottom{
  min-width:0;
}

@media(prefers-reduced-motion:reduce){
  #techValueBar::after{animation:none!important}
}


/* V38 – konsolidierte finale Regeln / rechtliche Workflow-Erweiterungen */
:root{--v38-focus:rgba(72,220,255,.28)}
.internal-bg{position:fixed!important;inset:0!important;z-index:-2!important;background-image:url('assets/internal-background.jpeg')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;pointer-events:none!important}
.internal-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,16,.30),rgba(5,18,31,.42) 52%,rgba(20,10,42,.48))!important}
.company-data-notice,.early-start-box,.amendment-section{margin:10px 0}
.early-start-box,.amendment-section{border:1px solid rgba(120,220,255,.18);border-radius:12px;padding:12px;background:rgba(5,20,34,.28)}
.amendment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.amendment-item{border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:10px;margin:9px 0;background:rgba(255,255,255,.035)}
#snapshotDriftWarning{animation:v38-soft-pulse 2.6s ease-in-out infinite}
@keyframes v38-soft-pulse{0%,100%{box-shadow:0 0 0 rgba(255,181,71,0)}50%{box-shadow:0 0 22px rgba(255,181,71,.12)}}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--v38-focus);outline-offset:1px}
@media(prefers-reduced-motion:reduce){#snapshotDriftWarning{animation:none}}


/* V39 – Vertragsintegrität & Auftragsarchiv */
.orderbar{margin:12px 0 8px;padding:13px 16px;border:1px solid rgba(84,222,226,.24);border-radius:16px;background:rgba(7,20,35,.72);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.orderbar>div:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.orderbar #orderArchiveStatus{font-size:.9rem;color:var(--muted,#a9bbca)}
.orderbar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.contract-status{margin:8px 0 12px;padding:9px 13px;border-radius:999px;width:max-content;max-width:100%;background:rgba(71,219,213,.10);border:1px solid rgba(71,219,213,.28);font-size:.86rem;font-weight:700}
.amendment-item.locked{border-color:rgba(75,230,196,.34);background:rgba(10,43,48,.26)}.amendment-lock{font-size:.8rem;font-weight:800;letter-spacing:.02em;margin-bottom:8px;color:#8fe7d6}
.durable-evidence{margin:10px 0;padding:12px;border:1px solid rgba(107,198,255,.22);border-radius:12px;background:rgba(14,30,49,.4)}
.archive-scroll{overflow:auto;max-width:min(100%,1100px);max-height:55vh}.archive-scroll table{min-width:880px}.archive-scroll th{white-space:nowrap}
#snapshotOfferBtn:disabled{opacity:.72;cursor:not-allowed}.field input[readonly]{opacity:.8;background:rgba(255,255,255,.035)}
@media(max-width:760px){.orderbar-actions button{flex:1 1 45%}.contract-status{width:100%;box-sizing:border-box}.archive-scroll{max-width:80vw}}

/* V39.1 kompakte Auftragsleiste */
.orderbar.orderbar-compact{margin:10px 0;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.orderbar-compact .orderbar-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.orderbar-compact #orderArchiveStatus{font-size:.86rem;color:var(--muted,#a9bbca);overflow-wrap:anywhere}.orderbar-sep{opacity:.45}.contract-status.compact{margin:0;padding:5px 9px;font-size:.8rem}.orderbar-actions.compact-actions{margin:0;align-items:center;gap:7px}.compact-actions button,.backup-menu>summary{min-height:36px;padding:7px 12px}.backup-menu{position:relative}.backup-menu>summary{list-style:none;cursor:pointer;border:1px solid rgba(84,222,226,.24);border-radius:10px;background:rgba(255,255,255,.04);font-weight:700;user-select:none}.backup-menu>summary::-webkit-details-marker{display:none}.backup-menu>summary:after{content:' ▾';opacity:.7}.backup-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:30;width:245px;padding:10px;border:1px solid rgba(84,222,226,.28);border-radius:12px;background:rgba(6,18,32,.98);box-shadow:0 16px 40px rgba(0,0,0,.35)}.backup-popover button{width:100%;margin:0 0 7px}.backup-popover p{margin:4px 2px 0;font-size:.75rem;color:var(--muted,#a9bbca)}.resume-order{margin:0 0 10px;padding:8px 12px;border:1px solid rgba(84,222,226,.22);border-radius:12px;background:rgba(7,20,35,.70);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.84rem}.resume-order span{margin-right:auto}.resume-order.hidden{display:none}@media(max-width:760px){.orderbar.orderbar-compact{align-items:stretch}.orderbar-compact .orderbar-main,.orderbar-actions.compact-actions{width:100%}.orderbar-actions.compact-actions button{flex:1 1 auto}.backup-menu{flex:1}.backup-menu>summary{text-align:center}.backup-popover{left:0;right:auto;width:min(260px,80vw)}}

/* V39.2 – Backup-Menü sicher im Vordergrund */
.orderbar.orderbar-compact{position:relative!important;z-index:500!important;overflow:visible!important}
.orderbar-actions.compact-actions{position:relative;z-index:510;overflow:visible!important}
.backup-menu{position:relative!important;z-index:520!important;overflow:visible!important}
.backup-menu[open]{z-index:2000!important}
.backup-popover{z-index:2100!important;overflow:visible!important}
#workflowWorkspace,#inventoryView,.workspace,.panel,.rightpanel{position:relative}
#workflowWorkspace,#inventoryView{z-index:1}

/* V40.3 – bessere Lesbarkeit der Transportbehälter im rechten Auswahlbereich */
.boxchoice,
.boxchoice > span,
.boxchoice > span > strong {
  color:#173653!important;
}
.boxchoice > span > .subtle {
  color:#4b6478!important;
}
.boxchoice {
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(55,104,139,.28)!important;
}
.boxchoice:hover {
  background:#ffffff!important;
  border-color:#5b82ba!important;
}

/* V40.4 Audit-UX */
.confirmation-evidence{margin-top:14px;padding:12px;border:1px solid rgba(67,97,238,.22);border-radius:12px;background:rgba(255,255,255,.7)}