.bnx{--ink:#e6ece6;--muted:#8a948a;--line:#26302a;--soft:#161c18;--bn:#3aa0c4;--dark:#1b6a86;--acc:#c8a83a;--gold:#c8a83a;--pos:#3ac47a;--warn:#d4a017;--neg:#e0564a;--bg:#0f1210;
  box-sizing:border-box;max-width:960px;margin:32px auto;padding:28px 24px;background:var(--bg);color:var(--ink);
  border:1px solid var(--line);border-radius:16px;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
.bnx *,.bnx *::before,.bnx *::after{box-sizing:inherit}
.bnx h2,.bnx h3,.bnx p{margin:0;color:inherit;font-family:inherit}
.bnx h2{font:700 clamp(1.4rem,3.5vw,1.85rem)/1.2 Georgia,"Times New Roman",serif}
.bnx h3{font:700 1rem/1.3 system-ui,sans-serif;margin:20px 0 10px}
.bnx .bn-sub{color:var(--muted);margin-top:6px;max-width:72ch}
.bnx .bn-tabs{display:flex;gap:6px;margin-top:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.bnx .bn-tabs button{font:inherit;font-weight:600;padding:10px 15px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);cursor:pointer}
.bnx .bn-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--bn)}
.bnx [hidden]{display:none !important}
.bnx .bn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.bnx label{display:block;font-size:.78rem;color:var(--muted)}
.bnx input,.bnx select{display:block;width:100%;margin-top:3px;padding:8px 9px;font:inherit;font-size:.95rem;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:8px;-moz-appearance:textfield}
.bnx input::-webkit-outer-spin-button,.bnx input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bnx input[type=checkbox]{width:20px;height:20px;accent-color:var(--bn);cursor:pointer}
.bnx button:focus-visible,.bnx input:focus-visible,.bnx select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.bnx .bn-seg{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.bnx .bn-seg button{font:inherit;font-size:.85rem;font-weight:600;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);cursor:pointer}
.bnx .bn-seg button[aria-pressed=true]{background:var(--bn);color:#08110b;border-color:var(--bn)}
.bnx .bn-hero{margin-top:16px;border-radius:14px;padding:18px;color:#08110b;background:linear-gradient(135deg,var(--bn),var(--dark))}
.bnx .bn-hero.pos{background:linear-gradient(135deg,var(--pos),#1f7a44)}
.bnx .bn-hero.neg{background:linear-gradient(135deg,var(--neg),#8a2a20);color:#fff}
.bnx .bn-hero.warn{background:linear-gradient(135deg,var(--warn),#8a6410)}
.bnx .bn-hero span{font-size:.82rem;opacity:.85}
.bnx .bn-hero .big{font:700 1.6rem/1.15 Georgia,serif;margin-top:2px}
.bnx .bn-hero small{display:block;font-size:.85rem;opacity:.85;margin-top:6px}
.bnx .bn-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.bnx .bn-kpi div{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bnx .bn-kpi div.me{background:linear-gradient(135deg,var(--dark),#0f3a4a);border-color:var(--bn)}
.bnx .bn-kpi span{display:block;font-size:.74rem;color:var(--muted)}
.bnx .bn-kpi b{font:700 1.15rem/1.2 Georgia,serif}
.bnx .bn-audit{display:grid;gap:8px;margin-top:14px}
.bnx .bn-arow{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:11px 13px}
.bnx .bn-arow .n{width:28px;height:28px;border-radius:50%;background:var(--dark);color:#08110b;font:700 .85rem/28px system-ui;text-align:center}
.bnx .bn-arow.done .n{background:var(--pos)}
.bnx .bn-arow .lbl b{display:block;font-weight:600;font-size:.9rem}.bnx .bn-arow .lbl span{font-size:.76rem;color:var(--muted)}
.bnx .bn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.bnx .bn-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft);text-align:center}
.bnx .bn-card.sel{border-color:var(--bn);box-shadow:0 0 0 1px var(--bn) inset}
.bnx .bn-card .tt{font-weight:700;font-size:.85rem}
.bnx .bn-card .ds{font-size:.72rem;color:var(--muted);margin-top:4px}
.bnx .bn-note{margin-top:14px;padding:13px 15px;border-left:4px solid var(--gold);background:var(--soft);border-radius:0 10px 10px 0;font-size:.93rem}
.bnx .bn-legal{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.bnx .bn-legal a{color:var(--muted)}
@media (max-width:760px){.bnx{padding:20px 14px}.bnx .bn-grid,.bnx .bn-kpi,.bnx .bn-cards{grid-template-columns:1fr}}

/* --- Einbettung & Mobile --- */
.bnx{contain:inline-size;width:100%;min-width:0;max-width:min(960px,100%)}
.bnx .bn-grid,.bnx .bn-kpi,.bnx .bn-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.bnx .bn-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bnx .bn-grid1{grid-template-columns:minmax(0,1fr);max-width:280px}
.bnx .bn-grid>*,.bnx .bn-kpi>*,.bnx .bn-cards>*,.bnx .bn-arow>*{min-width:0}
@media (max-width:760px){.bnx .bn-grid,.bnx .bn-grid2,.bnx .bn-kpi,.bnx .bn-cards{grid-template-columns:minmax(0,1fr)}.bnx .bn-grid1{max-width:none}}