/* Rechnungsverwaltung · Black-Copper. Mobil zuerst; Tabellen scrollen innerhalb ihres Rahmens. */
.scb{--scb-bg:#0b0b0b;--scb-panel:#141210;--scb-panel2:#1b1714;--scb-line:#3d2f25;--scb-line2:#5a4332;--scb-accent:#d9a477;--scb-accent2:#f0c79c;--scb-text:#f4ece5;--scb-muted:#b9ada3;--scb-ok:#7fc79a;--scb-warn:#e8b25c;--scb-bad:#ef8a7a;color:var(--scb-text);font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:grid;gap:12px;min-width:0}
.scb *,.scb-dialog *{box-sizing:border-box}
.scb>*,.scb-body>*,.scb-panel,.scb-editor>*,.scb-form>*{min-width:0;max-width:100%}
.scb-body{display:grid;gap:12px;min-width:0}
.scb h4,.scb-dialog h4{margin:4px 0 8px;font-size:15px;color:var(--scb-accent2,#f0c79c);letter-spacing:.01em}
.scb .btn,.scb-dialog .btn{min-height:44px;touch-action:manipulation}
.scb-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--scb-line);padding-bottom:10px}
.scb-tabs button{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid var(--scb-line);background:var(--scb-panel);color:var(--scb-muted);font:600 13px/1.2 inherit;cursor:pointer}
.scb-tabs button:hover{border-color:var(--scb-line2);color:var(--scb-text)}
.scb-tabs button.active{background:linear-gradient(115deg,#bd875c,#e0b68e);border-color:#edc6a1;color:#1d140d}
.scb-mobile-tab{display:none}
.scb-status{margin:0;min-height:1.2em;color:var(--scb-ok,#7fc79a);font-size:13px}
.scb-status.is-error,.scb-status[role=alert]{color:var(--scb-bad,#ef8a7a)}
.scb-note{color:var(--scb-muted,#b9ada3);font-size:12.5px;margin:6px 0}
.scb-empty{color:var(--scb-muted,#b9ada3);padding:14px;border:1px dashed var(--scb-line,#3d2f25);border-radius:12px;text-align:center;margin:0}
.scb-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.scb-toolbar>label{display:grid;gap:4px;font-size:12px;color:var(--scb-muted)}
.scb-grow{flex:1 1 220px;min-width:0}
.scb-count{flex:1 1 auto;color:var(--scb-muted);font-size:12.5px}
/* Rubriken der Rechnungsliste */
.scb-rubrics{display:flex;gap:8px;flex-wrap:wrap}
.scb-rubric{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--scb-line);background:var(--scb-panel);color:var(--scb-muted);font:600 13px/1.2 inherit;cursor:pointer;touch-action:manipulation;white-space:nowrap}
.scb-rubric:hover{border-color:var(--scb-line2);color:var(--scb-text)}
.scb-rubric i{font-style:normal;color:var(--scb-accent)}
.scb-rubric b{min-width:24px;padding:1px 7px;border-radius:999px;background:#2a221c;color:var(--scb-text);font-size:11.5px;text-align:center;font-variant-numeric:tabular-nums}
.scb-rubric.active{background:linear-gradient(115deg,#bd875c,#e0b68e);border-color:#edc6a1;color:#1d140d}
.scb-rubric.active i{color:#1d140d}.scb-rubric.active b{background:rgba(29,20,13,.18);color:#1d140d}
.scb-r-storno:not(.active) i,.scb-r-refund:not(.active) i{color:var(--scb-bad)}
.scb-rubric-info{margin:-4px 0 0}
.scb-sub{display:contents}.scb-sub[hidden]{display:none}
.scb-sub>label{display:grid;gap:4px;font-size:12px;color:var(--scb-muted)}
.scb-pair{border:1px solid #5a2d27;border-radius:14px;padding:8px;background:#170f0d;display:grid;gap:6px}
.scb-pair-label{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--scb-bad);padding:0 4px;overflow-wrap:anywhere}
.scb-refund{color:#ffb4a6;border-color:#8a4a3e;background:#2a1411}
.scb input,.scb select,.scb textarea,.scb-dialog input,.scb-dialog select,.scb-dialog textarea{width:100%;min-height:44px;padding:9px 11px;border-radius:10px;border:1px solid var(--scb-line,#3d2f25);background:#0f0e0d;color:var(--scb-text,#f4ece5);font:15px/1.35 inherit}
.scb textarea,.scb-dialog textarea{min-height:44px;resize:vertical}
.scb input:focus-visible,.scb select:focus-visible,.scb textarea:focus-visible,.scb button:focus-visible,.scb-dialog :is(input,select,textarea,button):focus-visible{outline:2px solid var(--scb-accent,#d9a477);outline-offset:2px}
.scb input[type=checkbox],.scb-dialog input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:#d9a477;flex:0 0 auto}
.scb-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.scb-kpi>div,.scb-kpi>button{display:grid;gap:3px;width:100%;height:100%;text-align:left;padding:14px;border-radius:14px;border:1px solid var(--scb-line);background:linear-gradient(150deg,#211a15,#111 80%);color:inherit;font:inherit}
.scb-kpi>button{cursor:pointer}.scb-kpi>button:hover{border-color:var(--scb-accent)}
.scb-kpi span{color:var(--scb-muted);font-size:12px}
.scb-kpi strong{font-size:21px;color:var(--scb-accent2);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.scb-kpi small{color:var(--scb-muted);font-size:11.5px}
.scb-kpi.overdue strong{color:var(--scb-warn)}
.scb-panel{border:1px solid var(--scb-line);border-radius:14px;background:var(--scb-panel);padding:14px;min-width:0}
.scb-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.scb-meter{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;margin:8px 0;font-size:13px}
.scb-meter i{height:10px;border-radius:6px;background:#2a221c;position:relative;overflow:hidden}
.scb-meter i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#b5794b,#e7bb8f);border-radius:6px}
.scb-meter b{font-variant-numeric:tabular-nums}
.scb-dl{display:grid;gap:6px;margin:0}
.scb-dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2a221c;padding:4px 0}
.scb-dl dt{color:var(--scb-muted,#b9ada3)}.scb-dl dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.scb-dl-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:20px}
.scb-dl-2>div{display:grid;justify-content:stretch}.scb-dl-2 dd{text-align:left}
.scb-sums{max-width:420px;margin-left:auto;width:100%}
.scb-sums .scb-total{border-top:1px solid var(--scb-line2,#5a4332);font-weight:700;font-size:16px}
.scb-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--scb-line,#3d2f25);border-radius:12px;-webkit-overflow-scrolling:touch}
.scb-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.scb-table th{position:sticky;top:0;background:#0e0d0c;color:var(--scb-accent2,#f0c79c);text-align:left;font-weight:600;padding:9px 10px;border-bottom:1px solid var(--scb-line,#3d2f25);white-space:nowrap}
.scb-table td{padding:8px 10px;border-bottom:1px solid #241d18;vertical-align:top;font-variant-numeric:tabular-nums}
.scb-table tr:last-child td{border-bottom:0}
.scb-legend{display:flex;gap:14px;font-size:12px;color:var(--scb-muted)}
.scb-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.scb-legend .a::before,.scb-bars i.a{background:#d9a477}.scb-legend .b::before,.scb-bars i.b{background:#7c6655}
.scb-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:170px;align-items:end;margin-top:10px}
.scb-bars>div{display:grid;grid-template-rows:1fr auto;height:100%;min-width:0}
.scb-bars span{display:flex;align-items:flex-end;justify-content:center;gap:2px;border-bottom:1px solid var(--scb-line)}
.scb-bars i{display:block;width:42%;max-width:14px;min-height:1px;border-radius:3px 3px 0 0}
.scb-bars small{font-size:10px;color:var(--scb-muted);text-align:center;white-space:nowrap;overflow:hidden;padding-top:4px}
.scb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.scb-list>li>button,.scb-cust{display:flex;width:100%;gap:12px;align-items:center;justify-content:space-between;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--scb-line);background:var(--scb-panel2);color:inherit;font:inherit;cursor:pointer;min-height:56px}
.scb-cust{cursor:default;flex-wrap:wrap}
.scb-cust.is-archived{opacity:.65}
.scb-list>li>button:hover{border-color:var(--scb-accent)}
.scb-l-main{display:grid;gap:3px;min-width:0;flex:1 1 220px}
.scb-l-main small,.scb-l-side small{color:var(--scb-muted);font-size:12px;overflow-wrap:anywhere}
.scb-l-side{display:grid;gap:3px;text-align:right;font-variant-numeric:tabular-nums;flex:0 0 auto}
.scb-cust-actions{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%}
.scb-small{min-height:40px!important;padding:6px 12px!important;font-size:12px!important}
.scb-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid;vertical-align:1px;white-space:nowrap}
.scb-draft{color:#c9c0b8;border-color:#6b625b}.scb-open{color:#f0c79c;border-color:#9c6f4b}.scb-partial{color:#e8d07c;border-color:#8a7b3b}.scb-overdue{color:#ff9d8c;border-color:#a2493d;background:#3a1612}.scb-paid{color:#8fdcab;border-color:#3f7a56;background:#11261a}.scb-cancelled{color:#a59b93;border-color:#544b45;text-decoration:line-through}.scb-cancellation{color:#d8b4ff;border-color:#6b4f8a}
.scb-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.scb-form>label,.scb-item>label{display:grid;gap:4px;font-size:12px;color:var(--scb-muted,#b9ada3);min-width:0}
.scb-form>label small{color:#8f847b}
.scb-wide{grid-column:1/-1}
.scb-check{display:flex!important;align-items:center;gap:10px;font-size:13px!important;color:var(--scb-text,#f4ece5)!important;min-height:44px}
.scb-row{display:flex;gap:8px}.scb-row select{flex:1;min-width:0}
.scb-editor{display:grid;gap:14px}
.scb-items{display:grid;gap:10px}
.scb-item{display:grid;grid-template-columns:28px minmax(220px,3fr) 80px 90px 130px 96px 110px auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--scb-line,#3d2f25);border-radius:12px;background:var(--scb-panel2,#1b1714)}
.scb-pos{align-self:center;color:var(--scb-accent,#d9a477);font-weight:700;text-align:center}
.scb-line{align-self:center;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.scb-item-tools{display:flex;gap:4px;align-self:center}
.scb-icon{width:40px;height:40px;border-radius:9px;border:1px solid var(--scb-line,#3d2f25);background:#0f0e0d;color:var(--scb-accent2,#f0c79c);cursor:pointer;font-size:15px}
.scb-icon:disabled{opacity:.35;cursor:default}
.scb-ed-sum{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:16px;align-items:start}
.scb-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.scb-sticky{position:static;bottom:0;z-index:2;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,#0b0b0b 70%,#0b0b0bcc 90%,transparent)}
.scb-danger{border-color:#8a3a31!important;color:#ffb4a8!important}
.scb-link{background:none;border:0;padding:0;color:var(--scb-accent2,#f0c79c);text-decoration:underline;cursor:pointer;font:inherit;min-height:0}
.scb-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.scb-inline label{display:grid;gap:4px;font-size:12px;color:var(--scb-muted,#b9ada3)}
.scb-pays,.scb-history{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.scb-pays li{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--scb-line,#3d2f25);border-radius:10px;background:#15120f}
.scb-pays li>span{flex:1 1 220px;min-width:0}.scb-pays small{display:block;color:var(--scb-muted,#b9ada3)}
.scb-pays li.is-void{opacity:.55}.scb-pays li.is-void>b{text-decoration:line-through}
.scb-history li{font-size:12.5px;color:var(--scb-muted,#b9ada3);border-bottom:1px solid #241d18;padding:4px 0}
.scb-detail-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px}
.scb-detail-head>b{font-size:22px;color:var(--scb-accent2,#f0c79c)}.scb-detail-head>span{color:var(--scb-muted,#b9ada3)}
/* Dialoge */
dialog.scb-dialog{--scb-line:#3d2f25;--scb-line2:#5a4332;--scb-accent:#d9a477;--scb-accent2:#f0c79c;--scb-text:#f4ece5;--scb-muted:#b9ada3;--scb-panel2:#1b1714;--scb-ok:#7fc79a;--scb-bad:#ef8a7a;padding:0;border:1px solid #5a4332;border-radius:16px;background:#0e0d0c;color:#f4ece5;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 24px 80px #000c;overflow:hidden}
dialog.scb-dialog.scb-wide{width:min(980px,calc(100vw - 24px))}
dialog.scb-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.scb-dialog-card{display:flex;flex-direction:column;max-height:inherit}
.scb-dialog-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #3d2f25;background:linear-gradient(110deg,#151110,#20160f)}
.scb-dialog-card>header h3{margin:0;font-size:17px;color:#f0c79c;overflow-wrap:anywhere}
.scb-x{flex:0 0 44px;width:44px;height:44px;border-radius:10px;border:1px solid #5a4332;background:#0f0e0d;color:#f0c79c;font-size:24px;line-height:1;cursor:pointer}
.scb-dialog-body{padding:16px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;gap:12px}
@media(min-width:761px){.scb-sticky{position:sticky}}
/* Tablet */
@media(max-width:1100px){
 .scb-item{grid-template-columns:28px repeat(4,minmax(0,1fr)) auto;}
 .scb-item .scb-desc{grid-column:2/-1}
 .scb-item .scb-line{grid-column:2/-2;text-align:left}
 .scb-ed-sum{grid-template-columns:1fr}
}
/* Handy */
@media(max-width:760px){
 .scb{font-size:15px}
 .scb-tabs{display:none}
 .scb-mobile-tab{display:grid;gap:4px;font-size:12px;color:var(--scb-muted)}
 .scb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .scb-kpi strong{font-size:18px}
 .scb-toolbar>label,.scb-toolbar>.btn{flex:1 1 calc(50% - 10px)}
 .scb-toolbar>.scb-grow{flex-basis:100%}
 .scb-toolbar>.scb-sub>label{flex:1 1 calc(50% - 10px)}
 .scb-rubrics{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -2px;padding:2px 2px 4px;scroll-snap-type:x proximity}
 .scb-rubrics::-webkit-scrollbar{display:none}
 .scb-rubric{flex:0 0 auto;scroll-snap-align:start}
 .scb-item{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 10px 8px}
 .scb-item .scb-pos{grid-column:1/-1;text-align:left}
 .scb-item .scb-desc{grid-column:1/-1}
 .scb-item .scb-line{grid-column:1/2;text-align:left;font-size:16px}
 .scb-item .scb-item-tools{grid-column:2/3;justify-content:flex-end}
 .scb-list>li>button{flex-wrap:wrap}
 .scb-l-side{text-align:left;flex:1 1 100%}
 .scb-actions>.btn{flex:1 1 calc(50% - 8px)}
 .scb-meter{grid-template-columns:80px 1fr auto}
 .scb-bars{height:130px;gap:3px}
 .scb-bars small{font-size:9px}
 .scb-row{flex-wrap:wrap}.scb-row>.btn{flex:1 1 100%}
 html:root body dialog.scb-dialog:modal{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - var(--sc-safe-top,0px) - var(--sc-safe-bottom,0px) - 12px);max-height:calc(100dvh - var(--sc-safe-top,0px) - var(--sc-safe-bottom,0px) - 12px)!important;border-radius:14px}
 .scb-dialog-card{height:100%;max-height:100%}
 .scb-dialog-card>header{padding:8px 10px 8px 14px}
 .scb-dialog-body{padding:14px 12px 24px;flex:1}
}
@media(max-width:380px){.scb-kpis{grid-template-columns:1fr}.scb-actions>.btn{flex-basis:100%}}
/* Admin-Hauptnavigation: Platz für „Rechnungen“, ohne leere Zellen bei Zugängen ohne Finanzrecht. */
html body .sc-aw-frame>.sc-aw-nav{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
@media(max-width:760px){html body .sc-aw-frame>.sc-aw-nav{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}}
/* Schaltflächen in Dialogen (liegen außerhalb des Admin-Containers). */
dialog.scb-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid #5a4332;background:#15110e;color:#f0dcc8;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;text-align:center}
dialog.scb-dialog .btn:hover{border-color:#d9a477;color:#fff3e6}
dialog.scb-dialog .btn.gold{background:linear-gradient(115deg,#bd875c,#e0b68e);border-color:#edc6a1;color:#1d140d}
dialog.scb-dialog .btn:disabled,.scb .btn:disabled{opacity:.5;cursor:default}
.scb-l-main>.scb-badge,.scb-l-main>b{justify-self:start}
.scb-form [hidden]{display:none!important}
/* Angebote, Preisliste, Export */
.scb-quote{color:#f0c79c;border-color:#9c6f4b;background:#241a12}
.scb-converted{color:#8fdcab;border-color:#3f7a56;background:#11261a}
.scb-expired{color:#b9aea4;border-color:#5b4f46}
.scb-price-tpl{border:1px solid var(--scb-line,#3d2f25);border-radius:12px;padding:10px 12px;margin:0 0 10px;min-width:0}
.scb-price-tpl legend{padding:0 6px;color:#f0c79c;font-weight:700;font-size:13px}
.scb-price-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;align-items:center;padding:5px 0;border-top:1px solid rgba(255,255,255,.05)}
.scb-price-row:first-of-type{border-top:0}
.scb-price-row span{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.scb-price-row input{text-align:right}
@media (max-width:560px){.scb-price-row{grid-template-columns:minmax(0,1fr) 96px}}

/* ---------- v166 · Drei Preisbereiche, Symbol-Navigation, Schnellstart ---------- */
.scb,.scb-dialog{--scb-a-community:#e0b07f;--scb-a-workshop:#8fb7d6;--scb-a-tuner:#e07a5f}
.scb-tabs button{display:inline-flex;align-items:center;gap:8px}
.scb-tabs button i{font-style:normal;font-size:15px;line-height:1;opacity:.85}
.scb-tabs button[data-tab=new]:not(.active){border-color:var(--scb-line2);color:var(--scb-accent2)}
@media(max-width:760px){
 .scb .scb-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -2px;padding:2px 2px 10px}
 .scb .scb-tabs::-webkit-scrollbar{display:none}
 .scb .scb-tabs button{flex:0 0 auto;flex-direction:column;gap:3px;min-width:76px;padding:8px 10px;font-size:11.5px;scroll-snap-align:start}
 .scb .scb-tabs button i{font-size:18px}
 .scb .scb-mobile-tab{display:none}
}
.scb-area-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.6;border:1px solid currentColor;color:var(--scb-muted);white-space:nowrap;vertical-align:1px}
.scb-area-tag.scb-a-community{color:var(--scb-a-community)}.scb-area-tag.scb-a-workshop{color:var(--scb-a-workshop)}.scb-area-tag.scb-a-tuner{color:var(--scb-a-tuner)}
.scb h4 .scb-area-tag{font-size:13px;padding:3px 12px}
.scb-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.scb-area-card{--c:var(--scb-accent);position:relative;display:grid;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--scb-line);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%),linear-gradient(160deg,#1c1612,#0e0d0c 85%);overflow:hidden}
.scb-area-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c),transparent)}
.scb-area-card.scb-a-community{--c:var(--scb-a-community)}.scb-area-card.scb-a-workshop{--c:var(--scb-a-workshop)}.scb-area-card.scb-a-tuner{--c:var(--scb-a-tuner)}
.scb-area-card header{display:flex;gap:12px;align-items:center}
.scb-area-card header i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-style:normal;font-size:22px;color:#140e0a;background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff))}
.scb-area-card h4{margin:0;font-size:18px;color:var(--scb-text)}
.scb-area-card small{color:var(--scb-muted);font-size:12px}
.scb-area-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.scb-area-card dl div{padding:8px;border-radius:10px;background:#0b0a09;border:1px solid #2a221c;min-width:0}
.scb-area-card dt{font-size:11px;color:var(--scb-muted)}
.scb-area-card dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--scb-accent2);overflow-wrap:anywhere}
.scb-area-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
/* Bereichs- und Tarifwahl als Karten */
.scb-area-pick,.scb-plan-pick{border:0;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.scb-area-pick legend,.scb-plan-pick legend{font-size:12px;color:var(--scb-muted);padding:0 0 6px}
.scb-area-pick label{--c:var(--scb-muted);position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--scb-line);background:#100e0c;cursor:pointer;min-height:64px}
.scb-area-pick label.scb-a-community{--c:var(--scb-a-community)}.scb-area-pick label.scb-a-workshop{--c:var(--scb-a-workshop)}.scb-area-pick label.scb-a-tuner{--c:var(--scb-a-tuner)}
.scb-area-pick input{position:absolute;opacity:0;pointer-events:none}
.scb-area-pick i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-style:normal;font-size:19px;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}
.scb-area-pick b{font-size:15px}.scb-area-pick small{font-size:11.5px;color:var(--scb-muted)}
.scb-area-pick label:has(input:checked){border-color:var(--c);background:linear-gradient(150deg,color-mix(in srgb,var(--c) 18%,#100e0c),#100e0c 70%);box-shadow:0 0 0 1px var(--c) inset}
.scb-area-pick label:has(input:checked) i{background:var(--c);color:#140e0a}
.scb-area-pick label:has(input:focus-visible){outline:2px solid var(--scb-accent);outline-offset:2px}
.scb-plan-pick{grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px}
.scb-plan-pick[hidden]{display:none}
.scb-plan-pick label{position:relative;cursor:pointer}
.scb-plan-pick input{position:absolute;opacity:0;pointer-events:none}
.scb-plan-pick span{display:grid;place-items:center;min-height:44px;border-radius:999px;border:1px solid var(--scb-line);background:#100e0c;font-weight:700;color:var(--scb-muted)}
.scb-plan-pick input:checked+span{background:linear-gradient(115deg,#bd875c,#e0b68e);color:#1d140d;border-color:#edc6a1}
.scb-plan-pick input:focus-visible+span{outline:2px solid var(--scb-accent);outline-offset:2px}
.scb-plist{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:#2a1f16;color:var(--scb-accent2,#f0c79c);font-size:10.5px;font-weight:700;letter-spacing:.02em}
.scb-old summary{cursor:pointer;color:var(--scb-muted);min-height:32px}
.scb-tpl-community h4,.scb-tpl-workshop h4,.scb-tpl-tuner h4{margin-bottom:10px}
/* Chiptuning-Auswahl */
.scp{display:grid;gap:12px}
.scp h4{margin:4px 0 0}
.scp-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.scp-area{--c:var(--scb-muted);display:grid;gap:2px;text-align:left;padding:12px;min-height:64px;border-radius:14px;border:1px solid var(--scb-line,#3d2f25);background:#100e0c;color:var(--scb-text,#f4ece5);font:inherit;cursor:pointer}
.scp-area.scp-community{--c:var(--scb-a-community)}.scp-area.scp-workshop{--c:var(--scb-a-workshop)}.scp-area.scp-tuner{--c:var(--scb-a-tuner)}
.scp-area b{color:var(--c);font-size:15px}.scp-area small{color:var(--scb-muted,#b9ada3);font-size:11.5px}
.scp-area[aria-checked=true]{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 18%,#100e0c),#100e0c 70%)}
.scp-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.scp-chips span{font-size:12px;color:var(--scb-muted,#b9ada3);margin-right:4px}
.scp-chips button{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--scb-line,#3d2f25);background:#100e0c;color:var(--scb-muted,#b9ada3);font:600 13px/1 inherit;cursor:pointer}
.scp-chips button[aria-checked=true]{background:linear-gradient(115deg,#bd875c,#e0b68e);color:#1d140d;border-color:#edc6a1}
.scp-stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.scp-stage{display:grid;gap:4px;padding:12px;min-height:70px;border-radius:12px;border:1px solid var(--scb-line,#3d2f25);background:linear-gradient(160deg,#1c1612,#0e0d0c);color:var(--scb-text,#f4ece5);font:inherit;text-align:left;cursor:pointer}
.scp-stage span{color:var(--scb-accent2,#f0c79c);font-weight:700;font-variant-numeric:tabular-nums}
.scp-stage[aria-pressed=true]{border-color:#edc6a1;box-shadow:0 0 0 1px #edc6a1 inset;background:linear-gradient(150deg,#3a2818,#120e0b)}
.scp-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.scp-opt{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;min-height:48px;border-radius:12px;border:1px solid #2a221c;background:#0f0e0d;cursor:pointer}
.scp-opt:has(input:checked){border-color:var(--scb-accent,#d9a477);background:#1a130e}
.scp-opt b{font-size:12.5px;color:var(--scb-accent2,#f0c79c);white-space:nowrap;font-variant-numeric:tabular-nums}
.scp-foot{position:sticky;bottom:-1px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px;margin:4px -4px 0;border-radius:14px;border:1px solid var(--scb-line2,#5a4332);background:#140f0b;box-shadow:0 -10px 24px #000a}
.scp-foot div{display:grid;gap:2px;min-width:0;flex:1 1 200px}
.scp-foot span,.scp-foot small{color:var(--scb-muted,#b9ada3);font-size:12px}
.scp-foot strong{font-size:22px;color:var(--scb-accent2,#f0c79c);font-variant-numeric:tabular-nums}
@media(max-width:560px){.scp-areas{grid-template-columns:1fr}.scp-area{min-height:52px}.scb-area-actions{grid-template-columns:1fr 1fr}.scp-foot .btn{flex:1 1 100%}}