/* Kundenportal mf-metall.com – aus deinglas.de übernommen (src/style.portal.css), Farben = MF-Blau */
.kp-app,.kp-ov{--akzent:var(--blau);--akzent-d:var(--blau-d);--akzent-dd:var(--blau-dd);--akzent-hell:var(--blau-hell);--akzent-btn:var(--blau-btn)}
.kp-app .af-reihe{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kp-app .af-reihe.r-adr{grid-template-columns:3fr 1fr}
.kp-app .af-reihe.r-ort{grid-template-columns:1fr 2fr}
.kp-app .af-feld{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.kp-app .af-feld>span{font-weight:650;font-size:.92rem;color:var(--ink-2)}
.kp-app .af-feld i,.kp-app .af-check i{color:var(--akzent-d);font-style:normal}
.kp-app .af-feld input,.kp-app .af-feld select,.kp-app .af-feld textarea{font:inherit;font-size:16px;padding:14px 15px;border:1.5px solid var(--linie-2);border-radius:12px;background:#fff;color:var(--ink);width:100%;transition:border-color .15s,.kp-app box-shadow .15s}
.kp-app .af-feld input:focus,.kp-app .af-feld select:focus,.kp-app .af-feld textarea:focus,.kp-ov input:focus,.kp-ov select:focus{outline:0;border-color:var(--blau);box-shadow:0 0 0 4px rgba(0,158,227,.2)}
.kp-app .af-feld textarea{min-height:110px;resize:vertical}
@media (max-width:640px){.kp-app .af-reihe{grid-template-columns:1fr}}
/* Kundenportal deinglas.de/kundenportal/ (29.10.2026) */
.kp-app{min-height:420px}
.kp-karte{background:var(--hg);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:clamp(18px,3vw,28px);margin-bottom:20px}
.kp-karte h2,.kp-karte h3{margin:0 0 12px;font-family:var(--f-head)}
.kp-grau{color:var(--grau)}
.kp-klein{color:var(--grau);font-size:.86rem;margin:.6em 0 0}
.kp-laedt{padding:40px;text-align:center;color:var(--grau)}
.kp-login{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:28px;align-items:start}
.kp-login form{display:grid;gap:14px;margin-top:14px}
.kp-vorteile{padding:clamp(18px,3vw,28px);background:var(--hg-soft);border-radius:var(--radius)}
.kp-vorteile h3{margin-top:0}
.kp-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;cursor:pointer}
.kp-check input{margin-top:.25em;width:18px;height:18px;flex:none;accent-color:var(--akzent-d)}
.kp-meldung{padding:12px 14px;border-radius:var(--radius-s);margin:10px 0;font-weight:500}
.kp-meldung.ok{background:var(--akzent-hell);color:var(--akzent-dd)}
.kp-meldung.fehler{background:#fdecea;color:var(--fehler)}
.kp-meldung.hinweis{background:#fff7e0;color:#7a5600}
.kp-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.kp-kopf h2{margin:.1em 0 .2em}
.kp-kopf p{margin:0}
.kp-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--linie);margin-bottom:18px}
.kp-tabs button{background:none;border:0;padding:12px 16px;font:600 1rem var(--f-text);color:var(--ink-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.kp-tabs button[aria-current=page]{color:var(--akzent-dd);border-bottom-color:var(--akzent)}
.kp-tabs button:hover{color:var(--ink)}
.kp-neu{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.kp-neu>section:nth-child(2){grid-column:1}
.kp-summe{grid-column:2;grid-row:1 / span 2;position:sticky;top:96px}
.kp-summe .btn{width:100%;justify-content:center;margin-top:14px}
.kp-pos{border:1px solid var(--linie);border-radius:var(--radius-s);padding:14px;margin-bottom:14px;background:var(--hg-soft)}
.kp-pos-kopf{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.kp-pos-kopf select{flex:1;min-width:220px;padding:9px 10px;border:1px solid var(--linie-2);border-radius:8px;font:inherit;background:#fff}
.kp-pos-summe{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px dashed var(--linie-2);margin-top:10px;padding-top:8px;color:var(--grau)}
.kp-pos-summe b{color:var(--ink);font-size:1.05rem}
.kp-x{background:none;border:1px solid var(--linie-2);border-radius:8px;width:34px;height:34px;cursor:pointer;color:var(--grau);font-size:15px;flex:none}
.kp-x:hover{color:var(--fehler);border-color:var(--fehler)}
.kp-link{background:none;border:0;color:var(--akzent-d);font:600 .95rem var(--f-text);cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.kp-add{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.kp-masse{width:100%;border-collapse:collapse}
.kp-masse th{text-align:left;font-size:.82rem;color:var(--grau);font-weight:600;padding:4px 6px}
.kp-masse td{padding:4px 6px}
.kp-masse input{width:100%;min-width:70px;padding:8px;border:1px solid var(--linie-2);border-radius:8px;font:inherit;background:#fff}
.kp-r{text-align:right;white-space:nowrap}
.kp-modelle{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:12px}
.kp-modell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;border:1px solid var(--linie-2);border-radius:10px;background:#fff;cursor:pointer;font:500 .82rem var(--f-text);color:var(--ink)}
.kp-modell small{color:var(--grau)}
.kp-modell.aktiv{border:2px solid var(--akzent-d);background:var(--akzent-hell);font-weight:700}
.kp-modell svg{max-width:100%;height:auto}
.kp-form-masse{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}
.kp-form-felder{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kp-skizze{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:6px;display:flex;justify-content:center}
.kp-skizze svg{max-width:100%;height:auto}
.kp-komm{margin-top:10px}
.kp-tab{width:100%;border-collapse:collapse;font-size:.95rem}
.kp-tab th{text-align:left;font-size:.82rem;color:var(--grau);font-weight:600;border-bottom:2px solid var(--linie);padding:8px}
.kp-tab td{border-bottom:1px solid var(--linie);padding:9px 8px;vertical-align:top}
.kp-tab tfoot td{border-bottom:0;padding:6px 8px}
.kp-tab .kp-fett td{font-weight:700;font-size:1.05rem;border-top:2px solid var(--linie)}
.kp-scroll{overflow-x:auto}
.kp-akt{white-space:nowrap;text-align:right}
.kp-akt .kp-link{margin-right:10px}
.kp-pre{white-space:pre-line;font-size:.88rem;color:var(--ink-2)}
.kp-badge{display:inline-block;background:var(--akzent-hell);color:var(--akzent-dd);border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:700;vertical-align:middle}
.kp-status{display:inline-block;border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:700;background:var(--hg-soft);color:var(--ink-2)}
.kp-st-in-Bearbeitung{background:#fff7e0;color:#7a5600}
.kp-st-geliefert,.kp-st-bezahlt{background:#e3f5ea;color:var(--gruen)}
.kp-st-berechnet{background:#e6eefc;color:#1d4ed8}
.kp-st-offen{background:#fdecea;color:var(--fehler)}
.kp-st-storniert{background:#eee;color:#777;text-decoration:line-through}
.kp-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:18px 0}
.kp-dl dt{color:var(--grau)}
.kp-dl dd{margin:0}
.kp-verbindlich{background:var(--hg-soft);border:1px solid var(--linie-2);border-radius:var(--radius-s);padding:14px;margin:12px 0 16px}
.kp-erfolg h3{color:var(--akzent-dd)}
.kp-schmal{max-width:520px}
.kp-schmal form{display:grid;gap:12px}
@media (max-width:960px){
  .kp-login,.kp-neu,.kp-form-masse{grid-template-columns:1fr}
  .kp-summe{grid-column:1;grid-row:auto;position:static}
}
@media (max-width:560px){
  .kp-masse th:nth-child(4),.kp-masse td:nth-child(4){display:none}
  .kp-tabs button{padding:10px 10px;font-size:.92rem}
}
.kp-bearb{margin-top:12px;padding:10px 12px;border:1px dashed var(--linie-2);border-radius:var(--radius-s);background:#fff}
.kp-bearb>b{display:block;font-size:.9rem;margin-bottom:6px}
.kp-bearb-zeile{display:grid;grid-template-columns:minmax(180px,1.3fr) 110px minmax(150px,1fr) 90px 34px;gap:8px;align-items:end;margin-bottom:8px}
.kp-bearb-zeile select,.kp-bearb-zeile input{width:100%;padding:8px;border:1px solid var(--linie-2);border-radius:8px;font:inherit;background:#fff}
.kp-bearb-zeile label span{display:block;font-size:.78rem;color:var(--grau);margin-bottom:2px}
.kp-bearb-summe{text-align:right;font-weight:600;padding-bottom:9px;white-space:nowrap}
.kp-tab tr.kp-unter td{color:var(--ink-2);font-size:.9rem;border-top:0}
@media (max-width:760px){.kp-bearb-zeile{grid-template-columns:1fr 1fr}.kp-bearb-zeile select,.kp-bearb-text{grid-column:1 / -1}}
.kp-sk-btn{border:1px dashed var(--akzent-d);background:#fff;color:var(--akzent-dd);border-radius:8px;padding:6px 10px;font:600 .82rem var(--f-text);cursor:pointer;white-space:nowrap}
.kp-sk-btn.gesetzt{border-style:solid;background:var(--akzent-hell)}
.kp-sk-btn:disabled{opacity:.45;cursor:not-allowed}
.kp-form-bearb{margin-top:10px}
.kp-gruen{color:var(--akzent-dd)}
.kp-ov{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px}
.kp-ov-box{background:#fff;border-radius:var(--radius);max-width:680px;width:100%;max-height:94vh;display:flex;flex-direction:column;box-shadow:var(--schatten-h)}
.kp-ov-kopf{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--linie)}
.kp-ov-inhalt{padding:12px 16px;overflow:auto}
.kp-ov-fuss{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--linie);flex-wrap:wrap}
.gb-kopf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:.9rem}
.gb-kopf select,.gb-loecher select,.gb-loecher input{padding:6px 8px;border:1px solid var(--linie-2);border-radius:8px;font:inherit;background:#fff}
.gb-kopf button,.gb-neu button,.gb-loch button{border:1px solid var(--linie-2);background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit}
.gb-neu button{border-color:var(--akzent-d);color:var(--akzent-dd);font-weight:600}
.gb-tipp{color:var(--grau);margin-right:auto}
.gb-bild{background:var(--hg-soft);border-radius:10px;padding:6px;display:flex;justify-content:center}
.gb-loecher{margin-top:10px;font-size:.9rem}
.gb-loch-kopf span{color:var(--grau);font-size:.82rem}
.gb-loch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--linie)}
.gb-loch input{width:90px}
.gb-nr{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fde2e2;color:#b91c1c;font-weight:700;font-size:.8rem}
.gb-neu{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}
.gb-summe{margin-top:10px;font-size:.92rem}
.gb-warn{margin-top:8px;background:#fff7e0;color:#7a5600;border-radius:8px;padding:8px 10px;font-size:.85rem}
.kp-ares{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:340px;overflow:auto}
.kp-atreffer{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;padding:9px 12px;border:1px solid var(--linie);border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:var(--ink)}
.kp-atreffer:hover{border-color:var(--akzent-d);background:var(--akzent-hell)}
.kp-atreffer small{display:block;color:var(--grau);font-size:.8rem}
.kp-atreffer>span:last-child{white-space:nowrap;font-weight:600}
.kp-agew{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0}
/* Summenbox steht auf weißem Grund (Konfigurator-Farben sind für dunklen Grund) */
.kp-summe .kf-zeile{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--linie);font-size:.93rem}
.kp-summe .kf-zeile span{color:var(--grau)}
.kp-summe .kf-zeile strong{text-align:right;font-weight:600;color:var(--ink)}
.kp-summe .kf-gesamt{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--linie-2)}
.kp-summe .kf-gesamt span{font-weight:700}
.kp-summe .kf-gesamt strong{font-family:var(--f-head);font-size:1.6rem;color:var(--akzent-dd)}
/* Listen: Suche, Jahr, Seiten; Lieferscheine; Erneut bestellen (29.10.2026) */
.kp-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 14px}
.kp-filter input,.kp-filter select{font:inherit;padding:9px 12px;border:1px solid var(--linie);border-radius:var(--radius-s);background:var(--hg);color:var(--ink)}
.kp-filter input{flex:1 1 280px;min-width:0}
.kp-filter input:focus,.kp-filter select:focus{outline:0;border-color:var(--akzent)}
.kp-seiten{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:16px;flex-wrap:wrap}
.kp-knoepfe{display:flex;gap:10px;flex-wrap:wrap}
.kp-offen{margin:0 0 12px}
.kp-st-versendet{background:#e3f5ea;color:var(--gruen)}
.kp-st-erstellt{background:#e6eefc;color:#1d4ed8}
/* MF: Schnellerfassung, Warenkorb, Meine Artikel, Katalog, Liste einfügen (29.10.2026) */
.kp-sf{display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:end;margin-bottom:12px}
.kp-sf .af-feld{margin:0}
.kp-sf-such{position:relative;min-width:0}
.kp-sf-res{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--hg);border:1px solid var(--linie);border-radius:10px;box-shadow:var(--schatten-h);padding:6px;max-height:380px;margin-top:4px}
.kp-atreffer.aktiv{border-color:var(--akzent);background:var(--akzent-hell)}
.kp-sf-btn{white-space:nowrap}
@media (max-width:640px){.kp-sf{grid-template-columns:1fr 96px}.kp-sf-btn{grid-column:1/-1}}
.kp-wk{margin:6px 0 14px}
.kp-wk-tab td{vertical-align:middle}
.kp-wk-m{white-space:nowrap}
.kp-wk-m input{width:92px;padding:7px 8px;border:1px solid var(--linie-2);border-radius:8px;font:inherit;text-align:right;background:var(--hg);color:var(--ink)}
.kp-wk-m input:focus,.kp-wk-txt:focus{outline:0;border-color:var(--akzent)}
.kp-wk-txt{display:block;width:100%;max-width:420px;margin-top:4px;padding:5px 8px;border:1px solid var(--linie);border-radius:6px;font:inherit;font-size:.85rem;background:transparent;color:var(--ink)}
.kp-ov-box.kp-ov-breit{max-width:1120px;height:92vh}
.kp-ov-breit .kp-ov-inhalt{flex:1;min-height:0}
.kp-kat{display:grid;grid-template-columns:290px 1fr;gap:16px;height:100%;min-height:0}
.kp-kat-baum{overflow:auto;border-right:1px solid var(--linie);padding-right:8px}
.kp-kat-baum ul{list-style:none;margin:0;padding:0 0 0 12px}
.kp-kat-baum>ul{padding-left:0}
.kp-kat-baum button{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:0;padding:6px 8px;border-radius:6px;font:inherit;font-size:.93rem;cursor:pointer;color:var(--ink)}
.kp-kat-baum button:hover{background:var(--hg-soft)}
.kp-kat-baum button.aktiv{background:var(--akzent-hell);color:var(--akzent-dd);font-weight:600}
.kp-kat-baum small{color:var(--grau);font-weight:400}
.kp-kat-inhalt{overflow:auto;min-width:0}
.kp-pfad{margin:0 0 12px;color:var(--grau);font-size:.9rem}
.kp-pfad .kp-link{font-size:.9rem;margin-right:2px}
.kp-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:16px}
.kp-kachel{display:flex;flex-direction:column;gap:4px;border:1px solid var(--linie);border-radius:10px;padding:14px;background:var(--hg);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.kp-kachel:hover{border-color:var(--akzent)}
.kp-kachel small{color:var(--grau)}
.kp-tab tr.kp-gruppe td{background:var(--hg-soft);font-weight:700;font-size:.9rem}
.kp-lt{width:100%;font:13px/1.5 ui-monospace,Consolas,monospace;padding:10px;border:1px solid var(--linie-2);border-radius:8px;resize:vertical}
@media (max-width:760px){.kp-kat{grid-template-columns:1fr;grid-template-rows:auto 1fr}.kp-kat-baum{border-right:0;border-bottom:1px solid var(--linie);max-height:32vh;padding:0 0 8px}}
.kp-nr{white-space:nowrap}
/* 3D-Konfigurator im Warenkorb (29.10.2026) */
.kp-konfig .kp-pos-kopf>span:nth-child(2){font-weight:600}
.kp-konfig .kp-scroll{margin:4px 0 10px}