*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#17202a}.shell{max-width:1200px;margin:0 auto;padding:28px}.card{background:#fff;border:1px solid #e1e6ea;border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.05);margin-bottom:20px}.login{max-width:430px;margin:8vh auto}.brand{font-weight:900;letter-spacing:.14em;font-size:1.15rem}h1,h2{margin:.35rem 0 1rem}.muted,.hint{color:#66717d}.hint{font-size:.85rem}.version{margin-top:22px;padding:12px;border-radius:9px;background:#eef6ff;color:#234e78;font-size:.86rem}.hidden{display:none!important}label{display:block;font-weight:650;margin:14px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd4da;border-radius:9px;font:inherit;margin-top:6px}button{border:0;border-radius:9px;padding:12px 16px;background:#17202a;color:#fff;font-weight:750;cursor:pointer}.secondary{background:#e9edf0;color:#17202a}.small{padding:7px 10px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.userbox{display:flex;align-items:center;gap:12px}.grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.actions.left{justify-content:flex-start}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;border-bottom:1px solid #e7ebee;padding:10px 6px;vertical-align:top}.remove{padding:6px 9px;background:#f0e7e7;color:#7c2222}.error{color:#a00000}.branchcards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.branchitem{padding:13px;border:1px solid #e1e6ea;border-radius:10px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:#e9edf0;color:#17202a}.tab.active{background:#17202a;color:#fff}.productlist{display:flex;flex-direction:column;gap:9px;max-height:480px;overflow:auto;margin-top:12px}.productrow{display:grid;grid-template-columns:58px 1fr 70px auto;gap:10px;align-items:center;border:1px solid #e1e6ea;border-radius:10px;padding:9px}.productrow img,.noimg{width:58px;height:58px;border-radius:8px;object-fit:cover;background:#f0f2f4}.noimg{display:grid;place-items:center;font-size:.65rem;color:#77818b;text-align:center}.productinfo{min-width:0}.productinfo strong,.productinfo small{display:block}.productinfo small{color:#66717d;margin-top:4px}.qtybox{margin:0;padding:9px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.importhelp{margin-top:16px;padding:12px;border-radius:10px;background:#f5f7f9}.ordercard{border:1px solid #e1e6ea;border-radius:10px;padding:12px;margin:9px 0}.ordercard summary{cursor:pointer}.orderdetails{padding:12px 4px 2px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.42);display:grid;place-items:center;padding:20px;z-index:10}.modalbox{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:24px}.modalbox .sectionhead h2{margin:0}.modalbox .sectionhead button{font-size:1.2rem}.modalbox label{margin-top:10px}@media(max-width:800px){.shell{padding:14px}.grid,.admin-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px}.userbox{flex-direction:column;align-items:flex-end}.branchcards{grid-template-columns:1fr}.productrow{grid-template-columns:48px 1fr 60px}.productrow img,.noimg{width:48px;height:48px}.productrow button{grid-column:2/4}.sectionhead{align-items:flex-start;flex-direction:column}}@media print{.topbar,.tabs,#loginView,.grid>section:first-child,.actions,.hint,#adminTab{display:none!important}.shell{max-width:none;padding:0}.card{box-shadow:none;border:0}.grid{display:block}}
/* Version 6: automatische Produktbilder */
.productimgwrap{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:9px;overflow:hidden;background:#f0f2f4;border:1px solid #e5e8eb}.productimgwrap img{width:100%;height:100%;object-fit:contain;background:#fff}.productimgwrap img.imgfailed{display:none}.imgfallback{font-size:.62rem;color:#77818b;text-align:center;padding:4px}.imagesource{display:inline-block;margin-top:4px;font-size:.68rem;color:#6a7681;background:#f2f5f7;border-radius:999px;padding:2px 7px}.orderproduct{display:flex;align-items:center;gap:10px}.productimgwrap.smallimg{width:42px;height:42px;min-width:42px}.productimgwrap.adminimg{width:48px;height:48px}.imageinfo{margin-top:14px;padding:12px;border:1px solid #dbe7f2;background:#f4f9fd;border-radius:10px;color:#345}.hidden{display:none!important}@media(max-width:800px){.productimgwrap{width:48px;height:48px}}

.productprice{white-space:nowrap;font-weight:800}

/* Version 8: Favoriten & zuletzt bestellt */
.quickarea{margin:14px 0 10px;padding:12px;border:1px solid #e1e6ea;border-radius:12px;background:#fafbfc}.quickhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.quickhead small{color:#66717d;font-weight:500}.recenthead{margin-top:14px}.quicklist{display:flex;gap:8px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.quickitem{display:grid;grid-template-columns:42px minmax(145px,1fr) 38px 42px;align-items:center;gap:7px;min-width:330px;max-width:430px;padding:8px;border:1px solid #e1e6ea;border-radius:10px;background:#fff}.quickinfo{min-width:0}.quickinfo strong{display:block;font-size:.86rem;line-height:1.2}.quickinfo small{display:block;color:#66717d;font-size:.72rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickempty{font-size:.8rem;color:#7a858f;padding:4px 2px}.productimgwrap.quickimg{width:42px;height:42px}.favbtn{background:#f1f3f5;color:#6c737a;font-size:1.2rem;line-height:1;padding:9px;border:1px solid #dde2e6}.favbtn.active{background:#fff6cf;color:#7a5b00;border-color:#ecd76f}.quickadd{padding:9px 8px;font-size:.82rem}.productrow{grid-template-columns:58px 1fr 42px 70px auto}.addbtn{white-space:nowrap}@media(max-width:800px){.quickhead{display:block}.quickhead small{display:block;margin-top:2px}.quickitem{min-width:300px;grid-template-columns:38px minmax(130px,1fr) 36px 40px}.productimgwrap.quickimg{width:38px;height:38px}.productrow{grid-template-columns:48px 1fr 40px 58px}.productrow .addbtn{grid-column:2/5}.productrow .favbtn{grid-column:3}.productrow .qtybox{grid-column:4}}

/* Version 10: Schnellfilter, Mengensteuerung, Prüfung und gruppierte Druckausgabe */
.categoryquick{display:flex;gap:7px;overflow-x:auto;padding:8px 0 4px;margin-top:4px;scrollbar-width:thin}.catquick{white-space:nowrap;background:#eef1f3;color:#24313d;border:1px solid #dce2e6;padding:8px 11px;font-size:.82rem}.catquick.active{background:#17202a;color:#fff;border-color:#17202a}.qtycontrol{display:flex;align-items:center;gap:4px}.qtycontrol .qtybox{width:54px;text-align:center}.qtymini{padding:8px 9px;background:#e9edf0;color:#17202a;min-width:34px}.qtyplus5{background:#e7f0fb;color:#1d4f7a}.productrow{grid-template-columns:58px 1fr 42px minmax(190px,auto) auto}.orderstats{font-size:.86rem;font-weight:800;background:#eef3f6;border-radius:999px;padding:7px 11px;white-space:nowrap}.cartbar{position:fixed;right:22px;bottom:20px;z-index:8;display:flex;gap:16px;align-items:center;box-shadow:0 9px 26px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.14)}.cartbar span{font-size:.78rem;font-weight:600;opacity:.8}.orderqty{display:inline-flex;align-items:center;gap:4px}.orderqty button{padding:5px 8px}.orderqty input{width:55px;margin:0;padding:6px;text-align:center}.highqty{background:#fff4e5!important}.highqtybadge,.warningbox{color:#8a4b00;background:#fff4e5;border:1px solid #f2c987;border-radius:8px;padding:7px 9px}.reviewbox{width:min(760px,100%)}.reviewitems{border:1px solid #e1e6ea;border-radius:10px;max-height:45vh;overflow:auto}.reviewrow{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 12px;border-bottom:1px solid #edf0f2}.reviewrow:last-child{border-bottom:0}.reviewrow.high{background:#fff7eb}.reviewrow small{display:block;color:#66717d;margin-top:2px}.printview{display:none}.print-header{margin-bottom:18px}.print-header h1{margin-bottom:5px}.print-meta{font-size:.9rem;line-height:1.55}.print-group{break-before:page}.print-group:first-of-type{break-before:auto}.print-group h2{border-bottom:2px solid #111;padding-bottom:6px}.print-table{width:100%;border-collapse:collapse}.print-table th,.print-table td{padding:7px 5px;border-bottom:1px solid #bbb}.print-table .qty{text-align:right;font-weight:800}.print-note{margin-top:20px;padding:10px;border:1px solid #bbb}.print-total{margin:14px 0;font-weight:800}.orderheading h2{margin:0}
@media(max-width:800px){.productrow{grid-template-columns:48px 1fr 40px}.productrow .qtycontrol{grid-column:2/4;display:grid;grid-template-columns:34px 50px 34px 45px}.productrow .addbtn{grid-column:2/4}.cartbar{left:12px;right:12px;bottom:10px;justify-content:space-between}.orderheading{flex-direction:row;align-items:center}.orderstats{font-size:.75rem}.categoryquick{margin-bottom:5px}}
@media print{body>*:not(.printview){display:none!important}.printview{display:block!important}.printview .print-group{display:block!important}.printview{font-family:Arial,sans-serif;color:#000;padding:0}.print-table{font-size:10pt}.print-group{page-break-before:always}.print-group.first{page-break-before:auto}}

.ekline{display:inline-block;margin-top:4px;font-size:12px}.ektotal{margin-left:8px}.orderstats{white-space:nowrap}
.priceinfo{display:block;margin-top:4px;font-size:12px;font-weight:600}.priceinfo strong{font-weight:800}.ekline{display:inline-block;margin-top:4px}

/* Version 17: präzise Produktbild-Typisierung */
.productimgwrap{background:linear-gradient(180deg,#fff,#f7f8f9)}
.productimgwrap img{object-fit:contain;padding:2px}
.productimgwrap[data-imagetype]::after{content:attr(data-imagetype);position:absolute;left:2px;right:2px;bottom:2px;padding:2px 3px;border-radius:4px;background:rgba(23,32,42,.78);color:#fff;font-size:7px;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.productimgwrap.smallimg::after,.productimgwrap.quickimg::after{display:none}
.imagesource{font-weight:650}

/* Version 18: modernes, ruhiges Layout mit zentraler Suche */
:root{
  --bg:#f3f5f7;
  --panel:#ffffff;
  --text:#18212a;
  --muted:#697582;
  --line:#e5e9ed;
  --soft:#f7f9fa;
  --dark:#111820;
  --shadow:0 10px 30px rgba(17,24,32,.06);
}
body{background:var(--bg);color:var(--text)}
.shell{max-width:1440px;padding:18px 24px 40px}
.card{border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}

.topbar{
  position:sticky;top:0;z-index:7;
  display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,720px) minmax(180px,1fr);
  align-items:center;gap:22px;
  margin:0 -24px 14px;padding:14px 24px;
  background:rgba(243,245,247,.94);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(214,220,225,.9)
}
.topbrand{display:flex;align-items:baseline;gap:10px;min-width:0}
.topbrand .brand{font-size:1.02rem;letter-spacing:.16em}
.topbrand strong{font-size:.86rem;color:var(--muted);font-weight:700;white-space:nowrap}
.globalsearch{position:relative;width:100%}
.globalsearch input{
  margin:0;height:52px;padding:0 88px 0 48px;
  border:1px solid #d8dee4;border-radius:15px;background:#fff;
  box-shadow:0 6px 22px rgba(17,24,32,.08);font-size:1rem;
  outline:none;transition:.18s ease
}
.globalsearch input:focus{border-color:#87929c;box-shadow:0 0 0 4px rgba(23,32,42,.08),0 8px 25px rgba(17,24,32,.08)}
.searchicon{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:1.45rem;color:#5c6873;z-index:1}
.searchhint{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:800;color:#687580;background:#f1f4f6;border:1px solid #e0e5e9;border-radius:8px;padding:6px 8px;pointer-events:none}
.userbox{justify-self:end;flex-direction:row!important;align-items:center!important}
.userbox #userLabel{font-size:.84rem;color:var(--muted);white-space:nowrap}
.userbox .secondary{background:#fff;border:1px solid #dde3e7;padding:10px 13px}

.tabs{margin:10px 0 18px;padding:4px;width:max-content;background:#e9edf0;border-radius:12px;gap:3px}
.tab{border-radius:9px;padding:10px 16px;background:transparent;color:#52606c}
.tab.active{background:#fff;color:var(--dark);box-shadow:0 2px 8px rgba(17,24,32,.08)}

.grid{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:18px;align-items:start}
.grid>section.card:first-child{padding:20px}
.grid>section.card:nth-child(2){position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto}

h2{font-size:1.18rem;letter-spacing:-.015em}
label{font-size:.84rem;color:#3e4a55;margin-top:12px}
input,select,textarea{border:1px solid #dce2e6;border-radius:11px;background:#fff;transition:.15s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:#9aa5ae;box-shadow:0 0 0 3px rgba(23,32,42,.06)}

.searchnotice{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0 8px;padding:11px 13px;background:#f4f7f9;border:1px solid #e3e8ec;border-radius:11px}
.searchnotice strong{font-size:.86rem}
.searchnotice span{font-size:.76rem;color:var(--muted);text-align:right}

.categoryquick{gap:8px;padding:10px 0 4px}
.catquick{border-radius:999px;background:#f3f5f6;border-color:#e3e7ea;padding:8px 12px;color:#45515c}
.catquick.active{background:var(--dark);border-color:var(--dark);color:#fff}

.quickarea{background:#f7f9fa;border-color:#e6eaed;border-radius:14px;padding:13px}
.quickitem{border-color:#e5e9ec;border-radius:12px;box-shadow:0 2px 8px rgba(17,24,32,.025)}
.productlist{gap:8px;max-height:560px;padding-right:2px}
.productrow{border-color:#e5e9ed;border-radius:13px;padding:10px 11px;background:#fff;transition:.15s ease}
.productrow:hover{border-color:#cfd6dc;box-shadow:0 5px 16px rgba(17,24,32,.055);transform:translateY(-1px)}
.productimgwrap{border-color:#e8ecef;border-radius:11px}
.productinfo strong{font-size:.91rem;line-height:1.28}
.productinfo small{font-size:.74rem;line-height:1.25}
.productprice{font-size:.88rem}
.favbtn,.qtymini,.secondary{border:1px solid #dde3e7}
.addbtn{background:var(--dark);border-radius:10px}

.orderstats{background:#f2f5f7;color:#384550;border:1px solid #e3e8eb}
th{font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:#75818c;font-weight:800}
td{font-size:.86rem}
.actions button{border-radius:10px}
#saveBtn{background:var(--dark)}

.cartbar{background:var(--dark);border-radius:14px;padding:13px 17px}

@media(max-width:1000px){
  .topbar{grid-template-columns:1fr auto;gap:10px}
  .topbrand{grid-column:1}.userbox{grid-column:2}.globalsearch{grid-column:1/3;grid-row:2}
  .grid{grid-template-columns:1fr}
  .grid>section.card:nth-child(2){position:static;max-height:none}
}
@media(max-width:640px){
  .shell{padding:10px 12px 86px}
  .topbar{margin:0 -12px 12px;padding:10px 12px;grid-template-columns:1fr auto}
  .topbrand strong{display:none}
  .userbox #userLabel{display:none}
  .globalsearch input{height:50px;padding-left:44px;padding-right:14px;font-size:.94rem}
  .searchhint{display:none}
  .card{padding:16px;border-radius:15px}
  .searchnotice{display:none}
  .tabs{width:100%}.tab{flex:1}
}

/* Version 19: eigenes Produktbild im Adminbereich hochladen */
.imageuploadbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:-2px;margin-bottom:8px;padding:11px 12px;border:1px solid #e3e8ec;background:#f8fafb;border-radius:11px}.imageuploadbtn{font-weight:800}.editimagepreview{width:100%;display:flex;align-items:center;gap:12px;margin-top:4px;padding-top:10px;border-top:1px solid #e5eaed}.editimagepreview img{width:82px;height:82px;object-fit:contain;background:#fff;border:1px solid #e2e7ea;border-radius:10px}.modalbox #editImage{font-size:.78rem}.modalbox #editImage[value^="data:image/"]{color:#65717b}

/* ===== Version 20 – modernes Admin-Cockpit ===== */
:root{--ink:#0f1b2d;--sub:#66758a;--line:#e5eaf0;--panel:#ffffff;--soft:#f7f9fc;--blue:#1746b6;--blue-soft:#eef3ff;--gold:#b78200}
body{background:linear-gradient(180deg,#f7f9fc 0,#f3f6f9 100%);color:var(--ink)}
.shell{max-width:1560px;padding:18px 26px 34px}
.card{border-color:var(--line);border-radius:18px;box-shadow:0 10px 34px rgba(23,36,55,.055)}
.topbar{display:grid;grid-template-columns:260px minmax(420px,820px) 260px;gap:28px;align-items:center;padding:0 4px 18px;margin:0 0 16px;border-bottom:1px solid var(--line)}
.topbrand{display:flex;align-items:baseline;gap:12px}.topbrand strong{color:var(--sub);font-size:.86rem}.brand{color:#07111f}
.globalsearch{position:relative;width:100%}.globalsearch input{height:52px;margin:0;padding:0 82px 0 46px;border-radius:15px;background:#fff;border:1px solid #dce3ea;box-shadow:0 5px 18px rgba(27,45,68,.07);font-size:1rem}.searchicon{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#55677c}.searchhint{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:9px 12px;border-radius:10px;background:#f3f6f9;color:#536274;font-size:.78rem;font-weight:800}.userbox{justify-content:flex-end;font-size:.85rem}.userbox button{background:#fff;border:1px solid #dde4eb}
.tabs{display:none}
.admincockpit{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.ordersidebar{position:sticky;top:16px;min-width:0}.orderworkspace{min-width:0}.sidecaption{font-size:.78rem;letter-spacing:.11em;font-weight:850;color:#5f6f82;margin:4px 0 10px}.branchfocus{padding:16px;margin-bottom:14px}.branchfocus label{margin:0;color:#7a8795;font-size:.74rem}.branchfocus select{margin-top:6px;border:0;padding:5px 3px 2px;background:transparent;font-weight:800;color:var(--ink);box-shadow:none}.sidenav{display:flex;flex-direction:column;gap:6px;margin:4px 0 22px}.sidenavbtn{display:flex;align-items:center;gap:12px;width:100%;background:transparent;color:#273447;text-align:left;padding:12px 14px;border:1px solid transparent;font-size:.9rem}.sidenavbtn.active{background:var(--blue-soft);color:var(--blue);border-color:#e0e8ff}.sidenavbtn:hover{background:#f1f4f8}.recentordersbox{padding:14px;margin-top:230px}.recentordersbox .quickhead{margin:0 0 8px}.tiny{padding:6px 8px;font-size:.68rem}.compactorder{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--ink);padding:11px 4px;border-radius:0;border-bottom:1px solid var(--line);text-align:left}.compactorder span{display:block}.compactorder strong,.compactorder small{display:block}.compactorder strong{font-size:.76rem}.compactorder small{margin-top:3px;color:var(--sub);font-weight:600;font-size:.69rem}.compactorder b{font-size:1.35rem;color:#738195}
.favoritescard{padding:20px}.favoritescard .quicklist{gap:12px}.favoritescard .quickitem{min-width:310px;border-radius:14px;padding:10px;background:#fff}.favoritescard .quickhead strong{font-size:1rem}.favoritescard .quickhead small{font-size:.78rem}
.newordercard{padding:22px;min-height:300px}.newordercard h2,.ordersummarycard h2,.historycard h2{margin:0 0 3px}.compacttext{margin:0;font-size:.82rem}.searchhelper{font-size:.75rem}.hiddenfilters{display:none}.searchnotice{margin-top:14px;padding:0;background:transparent;border:0}.categoryquick{margin:4px 0 10px}.catquick{border-radius:999px;padding:8px 14px;background:#f5f7f9}.productlist{max-height:560px}.productrow{border-radius:14px;padding:10px 12px;background:#fff}.notefield{margin-top:18px}.notefield textarea{background:#fbfcfd}
.ordersummarycard{padding:22px}.orderheading{align-items:flex-start}.orderheading>div{min-width:0}.orderstats{background:#f3f6f9;color:#243246;border:1px solid #e4e9ee}.emptyorder{min-height:110px;display:grid;place-items:center;color:#8591a0}.ordersummarycard .hint{margin:18px 0 0}.actions button{border-radius:10px}.historycard{padding:22px}
.modernorder{padding:0;overflow:hidden;background:#fff}.modernorder summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px}.modernorder summary::-webkit-details-marker{display:none}.modernorder summary>div:first-child{display:flex;flex-direction:column;gap:2px}.modernorder summary span{font-size:.78rem;color:var(--sub)}.modernorder summary small{font-size:.72rem;color:#7b8795}.orderbadges{display:flex;align-items:center;gap:8px}.statusbadge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-weight:800;font-size:.7rem;white-space:nowrap}.statusbadge.ok{background:#eaf8ef;color:#23753c}.statusbadge.missing{background:#fff2e7;color:#a45112}.statusbadge.warn{background:#fff4d7;color:#8c6400}.linkedinvoice{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.textbutton{padding:0;background:transparent;color:var(--blue);text-decoration:underline;font-weight:750}
.invoicepage{max-width:1280px;margin:0 auto}.invoicehero{padding:8px 2px 18px}.invoicehero h1{margin:3px 0 5px;font-size:1.75rem}.eyebrow{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--blue)}.invoicefilters{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px;padding:16px}.invoicefilters label{margin:0;font-size:.75rem;color:var(--sub)}.invoicefilters select{margin-top:5px}.invoicetable{display:flex;flex-direction:column;gap:12px}.invoiceorderrow{display:grid;grid-template-columns:minmax(300px,1.2fr) auto;gap:12px 18px;padding:16px;border:1px solid var(--line);border-radius:14px}.invoiceordermain{display:flex;align-items:center;gap:12px}.invoiceordermain strong,.invoiceordermain small{display:block}.invoiceordermain small{color:var(--sub);margin-top:3px;font-size:.75rem}.branchpill{background:var(--blue-soft);color:var(--blue);border-radius:9px;padding:7px 8px;font-size:.7rem;font-weight:900}.invoicestatus{justify-self:end}.invoicefiles{grid-column:1/2;padding-left:0}.invoicefile{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:var(--soft);border-radius:10px;margin-top:7px}.invoicefile strong,.invoicefile small{display:block}.invoicefile small{font-size:.72rem;color:var(--sub);margin-top:2px}.invoiceaction{grid-column:2/3;grid-row:2;align-self:end;justify-self:end}.localnotice{font-size:.77rem;color:#6f7d8c;padding:10px 4px}.invoicemodalbox{width:min(680px,100%)}.formgrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.orderlinkinfo{margin:10px 0;padding:11px;border-radius:10px;background:var(--blue-soft);font-size:.8rem;color:#314f83}
@media(max-width:1050px){.topbar{grid-template-columns:1fr 2fr}.userbox{grid-column:1/3}.admincockpit{grid-template-columns:230px minmax(0,1fr)}.recentordersbox{margin-top:40px}.invoicefilters{grid-template-columns:1fr}.invoiceorderrow{grid-template-columns:1fr}.invoicefiles,.invoiceaction{grid-column:1}.invoiceaction{grid-row:auto;justify-self:start}.invoicestatus{justify-self:start}}
@media(max-width:760px){.shell{padding:12px}.topbar{display:flex;flex-wrap:wrap;gap:12px}.topbrand{width:100%}.globalsearch{order:3;width:100%}.userbox{margin-left:auto}.admincockpit{display:block}.ordersidebar{position:static}.sidenav{display:grid;grid-template-columns:1fr 1fr}.recentordersbox{margin-top:10px}.favoritescard,.newordercard,.ordersummarycard,.historycard{padding:16px}.formgrid2{grid-template-columns:1fr}.invoicefile{align-items:flex-start;flex-direction:column}.modernorder summary{align-items:flex-start;flex-direction:column}.orderbadges{width:100%;flex-wrap:wrap}}

/* ===== Version 21 – responsive Live-Suche ===== */
.globalsearch{z-index:80}.searchhint{border:1px solid #e0e5e9;cursor:pointer}.searchsuggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:100;background:#fff;border:1px solid #dfe5eb;border-radius:16px;box-shadow:0 20px 55px rgba(15,27,45,.18);max-height:min(62vh,560px);overflow:auto;padding:7px}.searchsuggestion{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px 10px;background:#fff;color:var(--ink);border:0;border-bottom:1px solid #edf0f3;border-radius:10px;text-align:left}.searchsuggestion:last-child{border-bottom:0}.searchsuggestion:hover,.searchsuggestion.active{background:#f2f6fb}.searchsuggestion img{width:50px;height:50px;object-fit:contain;border:1px solid #e7ebef;border-radius:9px;background:#fff}.searchsuggestion strong,.searchsuggestion small{display:block}.searchsuggestion strong{font-size:.88rem}.searchsuggestion small{margin-top:3px;color:var(--sub);font-size:.72rem}.suggestprice{font-size:.8rem;font-weight:850;white-space:nowrap}.searchmore{display:block;width:100%;padding:12px;background:#f5f7fa;color:#1746b6;border:0;border-radius:10px;font-weight:850;text-align:center}.searchresultspage{max-width:1280px;margin:0 auto}.searchresultscard{padding:22px}.searchresultshead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.searchresultshead h1{margin:3px 0 4px}.searchresultslist{display:flex;flex-direction:column;gap:9px}.searchresultitem{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.searchresultitem img{width:62px;height:62px;object-fit:contain;border:1px solid #e7ebef;border-radius:10px;background:#fff}.searchresultinfo strong,.searchresultinfo small{display:block}.searchresultinfo small{margin-top:4px;color:var(--sub)}.searchresultactions{display:flex;align-items:center;gap:8px}.searchresultactions .qtycontrol{margin:0}
@media(max-width:760px){.globalsearch{z-index:120}.searchsuggestions{position:fixed;left:10px;right:10px;top:126px;max-height:calc(100vh - 145px);border-radius:15px;padding:5px}.searchsuggestion{grid-template-columns:48px minmax(0,1fr);padding:9px 8px}.searchsuggestion img{width:44px;height:44px}.suggestprice{grid-column:2;margin-top:-5px}.searchresultscard{padding:13px}.searchresultshead{flex-direction:column}.searchresultshead button{width:100%}.searchresultitem{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:10px}.searchresultitem img{width:52px;height:52px}.searchresultactions{grid-column:1/3;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:9px}.searchresultactions .addbtn{flex:1;min-width:120px}.searchresultinfo strong{font-size:.88rem}.searchresultinfo small{font-size:.7rem}}

/* ===== Version 22 – Schwarz/Weiß/Grau + neue Navigation ===== */
body{background:#f5f6f7;color:#111820}.shell{max-width:1500px;padding:24px 34px}.card{border-color:#e2e5e8;box-shadow:0 8px 28px rgba(10,15,20,.045)}
:root{--ink:#111820;--sub:#68717b;--line:#e2e5e8;--soft:#f5f6f7;--blue:#111820;--blue-soft:#eef0f2;--dark:#111417}
.topbar{grid-template-columns:minmax(210px,310px) minmax(420px,820px) 170px}.topnavbrand{display:flex;align-items:center;gap:10px}.homebrand{appearance:none;border:0;background:transparent!important;color:inherit;padding:8px 10px;border-radius:12px;cursor:pointer;display:flex;align-items:baseline;gap:10px;text-align:left}.homebrand:hover{background:#eef0f2!important}.homebrand .brand{color:#0e1114}.appback{background:#111417;color:#fff;border:0;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:6px}.appback:hover{background:#2a2e32}
.sidenavbtn.active{background:#111417;color:#fff;border-color:#111417}.sidenavbtn:hover{background:#eceff1}.eyebrow{color:#515961}.branchpill{background:#eef0f2;color:#20262c}.textbutton{color:#20262c}.searchmore{color:#111417}.searchsuggestion:hover,.searchsuggestion.active{background:#f0f2f3}
.userbox #userLabel{display:none!important}

/* Zentrierte Login-Oberfläche */
.login-modern{max-width:620px;margin:6vh auto 2vh;padding:0;background:transparent;border:0;box-shadow:none;text-align:center}.login-brandmark{width:70px;height:70px;margin:0 auto 14px;border-radius:20px;background:#111417;color:#fff;display:grid;place-items:center;font-size:2.2rem;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.12)}.login-brand{font-size:2rem;letter-spacing:.12em;color:#111417}.login-subbrand{color:#6c747c;font-size:1.05rem;margin-top:2px}.login-welcome{margin:25px 0 18px}.login-welcome h1{font-size:1.25rem;margin:0 0 5px}.login-welcome p{margin:0;color:#727b84}.login-card{text-align:left;background:#fff;border:1px solid #e1e4e7;border-radius:20px;padding:26px 30px;box-shadow:0 20px 55px rgba(14,20,25,.08)}.login-card label{font-size:.78rem;color:#59636d}.login-card input{height:52px;background:#fbfbfc;border-color:#d9dde1}.login-submit{width:100%;margin-top:20px;height:52px;border-radius:11px;background:#111417;display:flex;justify-content:center;gap:12px;align-items:center}.secure-note{margin-top:16px;padding:13px 15px;border:1px solid #e1e4e7;border-radius:11px;display:flex;gap:10px;align-items:center;color:#343b42}.secure-note span,.secure-note strong,.secure-note small{display:block}.secure-note small{font-weight:500;color:#77808a;margin-top:2px}.login-version{font-size:.72rem;color:#858d95;margin-top:18px}
@media(max-width:760px){.shell{padding:10px 12px 86px}.topnavbrand{width:100%;justify-content:space-between}.homebrand{padding-left:0}.appback span{display:none}.login-modern{margin:4vh auto;padding:0 8px}.login-brandmark{width:60px;height:60px}.login-brand{font-size:1.65rem}.login-card{padding:20px}.topbar{grid-template-columns:1fr auto}}

/* ===== Version 23 – Admin-Dashboard & Kundenbestellungen ===== */
.ordersidebar{background:linear-gradient(180deg,#111417,#171a1d);border-radius:18px;padding:18px;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.10)}
.ordersidebar .sidecaption{color:#aab1b8}.ordersidebar .branchfocus{background:#202428;border-color:#2b3035;box-shadow:none}.ordersidebar .branchfocus label{color:#aeb5bc}.ordersidebar .branchfocus select{color:#fff}.ordersidebar .sidenavbtn{color:#e8ebed}.ordersidebar .sidenavbtn:hover{background:#272c31}.ordersidebar .sidenavbtn.active{background:#fff;color:#111417;border-color:#fff}.ordersidebar .recentordersbox{background:#202428;border-color:#2b3035;box-shadow:none}.ordersidebar .recentordersbox strong,.ordersidebar .compactorder{color:#fff}.ordersidebar .compactorder{border-color:#33383d}.ordersidebar .compactorder small{color:#aeb5bc}.ordersidebar .secondary{background:#2a2f34;color:#fff;border-color:#3a4046}
.dashboardquickcard{padding:20px;margin-bottom:16px}.dashboardquickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dashboardquickgrid button{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;text-align:left;background:#fff;color:#111820;border:1px solid #e1e4e7;padding:13px;border-radius:12px}.dashboardquickgrid button:hover{background:#f4f5f6}.dashboardquickgrid b{font-size:1.15rem}.dashboardquickgrid span{font-weight:800}.dashboardquickgrid small{display:block;font-weight:500;color:#727b84;margin-top:2px}.dashboardquickgrid i{font-style:normal;font-size:1.3rem;color:#69727a}
.customerpage{max-width:1280px;margin:0 auto}.customerhero{padding:8px 2px 18px}.customerhero h1{margin:3px 0 5px;font-size:1.75rem}.customergrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:18px}.customerform,.customerlistcard{padding:22px}.customerproductresults{border:1px solid #e1e4e7;border-radius:12px;max-height:240px;overflow:auto;margin:-6px 0 12px}.customerproductresults:empty{display:none}.customerproductchoice{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;background:#fff;color:#111820;border:0;border-bottom:1px solid #eceff1;border-radius:0;padding:10px 12px}.customerproductchoice:last-child{border-bottom:0}.customerproductchoice:hover{background:#f3f5f6}.customerproductchoice small{display:block;color:#737c85;margin-top:2px}.selectedcustomerproduct{padding:12px 14px;border-radius:11px;background:#f3f5f6;border:1px solid #e2e5e8;margin-bottom:14px;font-size:.85rem}.customerorderrow{border:1px solid #e1e4e7;border-radius:13px;padding:14px;margin-bottom:10px}.customerorderrowhead{display:flex;justify-content:space-between;gap:12px}.customerorderrow strong,.customerorderrow small{display:block}.customerorderrow small{color:#6f7881;margin-top:3px}.repeatbadge{display:inline-flex;border-radius:999px;background:#eef0f2;padding:5px 8px;font-size:.68rem;font-weight:850;white-space:nowrap}.customerorderactions{display:flex;gap:7px;margin-top:10px}.customerorderactions button{padding:7px 9px;font-size:.72rem}.emptycustomer{padding:34px 10px;text-align:center;color:#7a838c}
@media(max-width:1050px){.dashboardquickgrid{grid-template-columns:1fr 1fr}.customergrid{grid-template-columns:1fr}}
@media(max-width:760px){.ordersidebar{border-radius:14px}.dashboardquickgrid{grid-template-columns:1fr}.customerform,.customerlistcard{padding:16px}.customerhero{flex-direction:column;align-items:flex-start}}

/* Version 24 – vollständige Admin-Navigation */
.adminpagehead{margin:0 0 18px}.adminpagehead h1{margin:.2rem 0 .3rem}.ordersidebar .sidenav{gap:5px}.ordersidebar .sidenavbtn{min-height:44px}.ordersidebar .sidenavbtn span{white-space:nowrap}.ordersidebar .recentordersbox{margin-top:34px}
@media(max-width:760px){.ordersidebar .sidenav{grid-template-columns:1fr 1fr}.ordersidebar .sidenavbtn{padding:11px 10px;font-size:.82rem}.ordersidebar .sidenavbtn span{white-space:normal}}
/* Version 25 – eigenständige Bereiche */
.standalonepage{max-width:1280px;margin:0 auto;padding:16px 0 36px}.pagehero{margin:4px 0 16px}.pagehero h1{margin:3px 0}.pagefilters{display:flex;align-items:end;gap:18px;margin-bottom:14px}.pagefilters label{min-width:300px}.pagestats{font-weight:700;color:#364152;padding-bottom:10px}.reportkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.reportkpi{background:#fff;border:1px solid #e4e8ed;border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(16,24,40,.04)}.reportkpi small{display:block;color:#6b7280;margin-bottom:8px}.reportkpi strong{font-size:24px}.reporttable{width:100%;border-collapse:collapse}.reporttable th,.reporttable td{padding:13px 10px;border-bottom:1px solid #e7eaee;text-align:left}.reporttable th{font-size:12px;color:#6b7280;text-transform:uppercase}.favoriteempty{padding:30px;text-align:center;color:#6b7280}
@media(max-width:760px){.standalonepage{padding:10px}.pagehero{align-items:flex-start;gap:10px}.pagefilters{display:block}.pagefilters label{min-width:0}.pagestats{padding-top:12px}.reportkpis{grid-template-columns:1fr 1fr}.reportkpi strong{font-size:19px}}


/* Version 26 – Favoriten als eigene, klar getrennte Seite */
.favoritespagecard{background:transparent;border:0;box-shadow:none;padding:0}
.favoritescolumns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;max-height:none}
.favoritecolumn{background:#fff;border:1px solid #e4e8ed;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(16,24,40,.04)}
.favoritecolumnhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid #eef1f4;background:#fbfcfd}
.favoritecolumnhead h2{margin:0 0 3px;font-size:1.05rem}.favoritecolumnhead p{margin:0;color:#77818d;font-size:.75rem;line-height:1.35}.favoritecolumnhead span{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#15191d;color:#fff;font-size:.75rem;font-weight:800}
.favoritecolumnlist{display:flex;flex-direction:column;gap:10px;padding:12px;max-height:68vh;overflow:auto}
.favoritepageitem{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;gap:9px;align-items:center;padding:10px;border:1px solid #e8ebef;border-radius:14px;background:#fff}
.favoritepageimg{width:44px;height:52px;object-fit:contain;border-radius:7px;background:#f7f8f9}
.favoritepageinfo{min-width:0}.favoritepageinfo strong{display:block;font-size:.84rem;line-height:1.25}.favoritepageinfo small{display:block;color:#74808c;font-size:.7rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favoritepageinfo .priceinfo{white-space:normal}
.favoritepageitem .favbtn{margin:0}.favoritepageactions{grid-column:2/4;display:grid;grid-template-columns:58px 1fr;gap:7px}.favoritepageactions .qtybox{width:100%;margin:0;text-align:center}.favoritepageactions .addbtn{width:100%;padding:8px 10px}
@media(max-width:1050px){.favoritescolumns{grid-template-columns:1fr 1fr}.favoritecolumn:first-child{grid-column:1/-1}.favoritecolumnlist{max-height:none}}
@media(max-width:680px){.standalonepage{padding-top:4px}.pagehero{align-items:flex-start;gap:10px}.pagehero .secondary{white-space:nowrap}.favoritescolumns{grid-template-columns:1fr}.favoritecolumn:first-child{grid-column:auto}.favoritecolumnlist{max-height:none}.favoritecolumnhead{padding:15px}.favoritepageitem{grid-template-columns:46px minmax(0,1fr) 36px}}

/* Version 27 – Bestellaktionen: E-Mail, PDF, Storno, Löschen */
.orderactionbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;background:#fafbfc}
.orderactionbar button{font-size:.72rem;padding:8px 10px}
.emailaction{background:#15191d;color:#fff}.cancelaction{background:#fff3e5;color:#9a4b08;border:1px solid #f2d4b6}.deleteorderaction{background:#fff0f0;color:#9e2f2f;border:1px solid #efcaca}
.statusbadge.cancelled{background:#f1f2f3;color:#505862}.cancelledorder{opacity:.84}.cancelledorder summary{background:#fafafa}.cancellednote{margin:0 0 10px;padding:8px 10px;border-radius:9px;background:#f3f4f5;color:#5f6770;font-size:.75rem;font-weight:800}
@media(max-width:760px){.orderactionbar{justify-content:flex-start;padding:10px 12px}.orderactionbar button{flex:1 1 auto;min-width:115px}}
/* Version 30: Mitarbeiterrechte */
body.branch-mode .adminonly{display:none!important}
body.branch-mode .priceinfo,body.branch-mode .ekline,body.branch-mode .ektotal{display:none!important}
body.branch-mode .searchresultinfo small:last-of-type{display:none!important}
.employee-vk{display:block;margin-top:4px;color:#555;font-size:.86rem}
.permissioncard{padding:14px;border:1px solid #e6e6e6;border-radius:14px;margin:10px 0}
.permissioncard h3{margin:0 0 8px}.permissionchecks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.permissionchecks label{display:flex;gap:8px;align-items:center;font-weight:600}.permissionchecks input{width:auto}

/* Version 31 – Zugangsdatenverwaltung */
.credentialgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.credentialgrid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.credentialgrid input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d9dde3;border-radius:10px;background:#fff;font:inherit}.credential-admin{border:2px solid #20242a}.permissionchecks{margin-top:14px}@media(max-width:700px){.credentialgrid{grid-template-columns:1fr}}