/* Kaeufer-/Verkaeufer-Dashboard im DUB-Aufbau (Leiste: js/konto-leiste.js). Praefix dbx- */
.dbx{--dbx-blue:#1e3a5f;--dbx-dark:#152a45;--dbx-line:#e5e7eb;--dbx-grey:#5f6871;--dbx-text:#343a40;--dbx-soft:#f1f5f9;--dbx-light:#e8f4fc;
  --dbx-ok-bg:#dcfce7;--dbx-ok:#166534;--dbx-warn-bg:#fef3c7;--dbx-warn:#92400e;--dbx-info-bg:#dbeafe;--dbx-info:#1e40af;--dbx-red:#b91c1c;--dbx-red-bg:#fee2e2;
  background:#f8f9fa;font-size:15px;line-height:1.5;color:#212529}
.dbx *,.dbx *::before,.dbx *::after{box-sizing:border-box}
.dbx-wrap{max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem 3rem;display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;align-items:start}
.dbx-aside .kl-side{min-height:calc(100vh - 150px);position:sticky;top:1rem}
/* Mit den Kontoeintraegen (Profil, Sicherheit, Datenschutz, Paket) ist die Leiste hoeher als kleine
   Laptop-Bildschirme: dann in sich scrollbar statt unten abgeschnitten */
@media (min-width:861px){.dbx-aside .kl-side{max-height:calc(100vh - 2rem);overflow-y:auto}}
.dbx-main{background:#fff;border:1px solid var(--dbx-line);border-radius:16px;padding:2rem;min-height:calc(100vh - 150px);min-width:0}
.dbx-ph{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.dbx-ph h1{font-size:1.85rem;font-weight:700;color:var(--dbx-blue);line-height:1.2;margin:0}
.dbx-ph p{color:var(--dbx-grey);margin:.25rem 0 0}
.dbx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:10px;font:inherit;font-weight:600;font-size:.92rem;padding:.7rem 1.25rem;border:1px solid transparent;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer}
.dbx-btn-p{background:var(--dbx-blue);color:#fff}
.dbx-btn-p:hover{background:var(--dbx-dark);color:#fff}
.dbx-btn-l{background:#fff;color:var(--dbx-blue);border-color:#cbd5e1}
.dbx-btn-l:hover{border-color:var(--dbx-blue)}
.dbx-btn-sm{padding:.42rem .85rem;font-size:.85rem;border-radius:8px}
.dbx-btn-lock{background:var(--dbx-soft);color:#475569;border-color:var(--dbx-line)}
.dbx-btn:focus-visible,.dbx-tgl:focus-visible,.dbx-filter button:focus-visible{outline:2px solid var(--dbx-blue);outline-offset:2px}
.dbx-card{background:#fff;border:1px solid var(--dbx-line);border-radius:14px}
.dbx-card-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--dbx-line);flex-wrap:wrap}
.dbx-card-h h2{font-size:1.1rem;font-weight:600;color:var(--dbx-blue);margin:0;display:flex;align-items:center;gap:.45rem}
.dbx-card-h small{font-size:.8rem;color:var(--dbx-grey)}
.dbx-card-b{padding:.4rem 1.4rem 1rem}
.dbx-card-f{padding:0 1.4rem 1.2rem;display:flex;flex-wrap:wrap;gap:.5rem}
.dbx-empty{text-align:center;color:var(--dbx-grey);padding:1.75rem 1rem;font-size:.92rem;margin:0}
.dbx-empty a{color:#1d4ed8}
.dbx-tgl{display:flex;align-items:center;gap:.6rem;font:inherit;font-size:.85rem;color:var(--dbx-text);border:0;background:transparent;cursor:pointer;padding:0}
.dbx-tgl .dbx-sw{width:40px;height:22px;border-radius:999px;background:#64748b;position:relative;transition:background .2s;flex-shrink:0}
.dbx-tgl .dbx-sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.dbx-tgl[aria-checked="true"] .dbx-sw{background:var(--dbx-blue)}
.dbx-tgl[aria-checked="true"] .dbx-sw::after{left:21px}
.dbx-ov{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem;align-items:start}
.dbx-col{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.dbx-cnt{list-style:none;padding:.5rem 1.4rem 1rem;margin:0}
.dbx-cnt li{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem 0;font-size:.9rem;color:var(--dbx-text)}
.dbx-cnt li b{color:var(--dbx-blue)}
.dbx-cnt li.dbx-z b{color:var(--dbx-grey);font-weight:500}
.dbx-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--dbx-line)}
.dbx-row:last-child{border-bottom:0}
.dbx-av{width:40px;height:40px;border-radius:50%;background:var(--dbx-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}
.dbx-row .dbx-t{flex:1;min-width:0}
.dbx-row .dbx-t b,.dbx-row .dbx-t a.dbx-tt{display:block;color:var(--dbx-blue);font-weight:600;font-size:.92rem;overflow-wrap:break-word;text-decoration:none}
.dbx-row .dbx-t a.dbx-tt:hover{text-decoration:underline}
.dbx-row .dbx-t span{display:block;font-size:.84rem;color:var(--dbx-grey);overflow-wrap:break-word}
.dbx-acts{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.dbx-grp-h{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--dbx-grey);padding:.75rem 0 .15rem}
.dbx-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}
.dbx-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.dbx-ok{background:var(--dbx-ok-bg);color:var(--dbx-ok)}.dbx-warn{background:var(--dbx-warn-bg);color:var(--dbx-warn)}
.dbx-info{background:var(--dbx-info-bg);color:var(--dbx-info)}.dbx-grey{background:var(--dbx-soft);color:#475569}
.dbx-red{background:var(--dbx-red-bg);color:var(--dbx-red)}
.dbx-score{font-size:.78rem;font-weight:700;color:var(--dbx-info);background:var(--dbx-info-bg);border-radius:6px;padding:.1rem .45rem;white-space:nowrap}
.dbx-ki{background:linear-gradient(180deg,#f5f8ff,#fff);border-color:#c7d7f5}
.dbx-teaser{border:1px dashed #cbd5e1;border-radius:14px;padding:1.1rem 1.4rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.dbx-teaser .dbx-t{flex:1;min-width:200px}
.dbx-teaser b{color:var(--dbx-blue)}
.dbx-teaser p{font-size:.88rem;color:var(--dbx-grey);margin:.15rem 0 0}
.dbx-lockpage{text-align:center;max-width:460px;margin:3rem auto;color:var(--dbx-grey)}
.dbx-ico{width:56px;height:56px;border-radius:50%;background:var(--dbx-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--dbx-blue)}
.dbx-lockpage h2{color:var(--dbx-blue);font-size:1.2rem;margin:0 0 .4rem}
.dbx-lockpage p{margin:0 0 1.25rem}
.dbx-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.dbx-filter button{border:1px solid var(--dbx-line);background:#fff;border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.86rem;font-weight:500;color:var(--dbx-text);display:flex;gap:.45rem;align-items:center;cursor:pointer}
.dbx-filter button span{font-weight:600;color:var(--dbx-grey)}
.dbx-filter button[aria-pressed="true"]{background:var(--dbx-blue);border-color:var(--dbx-blue);color:#fff}
.dbx-filter button[aria-pressed="true"] span{color:#fff}
.dbx-note{font-size:.8rem;color:var(--dbx-grey);margin:1rem 0 0}
.dbx-err{color:var(--dbx-red);font-size:.9rem;padding:1rem 0;margin:0}
/* Paket-Etikett statt Schloss (Sehen ja - Handeln ab Paket) */
.dbx-etk{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;color:#475569;background:var(--dbx-soft);border:1px solid #e2e8f0;border-radius:999px;padding:0 .5rem;line-height:1.6;white-space:nowrap;vertical-align:middle}
.dbx-btn-p .dbx-etk{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.dbx-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;background:var(--dbx-light);border:1px solid #bfdbfe;border-radius:12px;padding:.9rem 1.2rem;margin:0 0 1.25rem;color:var(--dbx-blue)}
.dbx-banner p{margin:0;font-size:.92rem;flex:1 1 280px}
.dbx-hint{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--dbx-line);border-radius:10px;padding:.75rem 1rem;margin:.6rem 0 .4rem}
.dbx-hint p{margin:0;font-size:.88rem;color:var(--dbx-text);flex:1 1 240px}
.dbx-main > .dbx-hint{margin:0 0 1rem}
.dbx-av-anon{background:var(--dbx-soft);color:#475569;border:1px dashed #94a3b8}
@media (max-width:1100px){.dbx-ov{grid-template-columns:1fr}}
/* Ueberblick: Zaehler-Karten unter den Hauptinhalten in voller Breite, nebeneinander (08.10.2026) */
.dbx-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.25rem;margin-top:1.25rem;align-items:start}
.dbx-zahlen .dbx-cnt{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));column-gap:1.75rem}
.dbx-zahlen .dbx-cnt li{border-bottom:1px solid var(--dbx-soft)}
@media (max-width:860px){
  .dbx-wrap{grid-template-columns:1fr;padding:1rem 16px 2rem}
  .dbx-aside .kl-side{position:static;min-height:0}
  .dbx-main{padding:1.25rem 1rem;min-height:0}
}
@media (max-width:560px){
  .dbx-ph h1{font-size:1.45rem}
  .dbx-card-h,.dbx-card-b,.dbx-card-f{padding-left:1rem;padding-right:1rem}
  .dbx-cnt{padding:.5rem 1rem 1rem}
  .dbx-row{flex-wrap:wrap}
  .dbx-row .dbx-acts{width:100%;padding-left:calc(40px + .9rem)}
  .dbx-banner .dbx-btn,.dbx-hint .dbx-btn,.dbx-ph > .dbx-btn{width:100%;white-space:normal}
  .dbx-row.dbx-noav .dbx-acts{padding-left:0}
}