/* ============================================================
   Salesclub Studio — Design-System (1:1 aus Prototyp v1.0, 2026-06-14).
   Felix' Design verbatim übernommen (nicht neu hergeleitet). Dark = Default,
   Light via [data-theme="light"]. Inter (Produkt: self-hosten, DSGVO — TODO woff2).
   ============================================================ */
:root{
  --grund:#1B1D20;--flaeche:#232629;--flaeche2:#2B2F33;--nav:#121417;--linie:#2E3236;--studio-bg:#221C18;
  --text:#ECEEEF;--text2:#9AA1A8;--text3:#6B7177;
  --orange:#FF6A1A;--orange-dim:rgba(255,106,26,.14);--gruen:#3ECF8E;--gruen-dim:rgba(62,207,142,.14);--rot:#E5564F;--rot-dim:rgba(229,86,79,.14);
  --e1:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.28);--e2:0 8px 30px rgba(0,0,0,.45);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r:12px;
  --t-cap:12px;--t-bs:13px;--t-b:15px;--t-h3:18px;--t-h2:22px;--t-h1:28px;
}
[data-theme="light"]{
  --grund:#F1F2F5;--flaeche:#FFFFFF;--flaeche2:#F7F8FA;--nav:#E0E4EA;--linie:#DDE1E7;--studio-bg:#FCEFE7;
  --text:#1B1D20;--text2:#5C6166;--text3:#8A9099;
  --orange:#E85D10;--orange-dim:rgba(232,93,16,.10);--gruen:#1F9D63;--gruen-dim:rgba(31,157,99,.12);--rot:#C8392F;--rot-dim:rgba(200,57,47,.10);
  --e1:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.10);--e2:0 12px 36px rgba(16,24,40,.16);
}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{font-family:'Inter',-apple-system,system-ui,sans-serif;background:var(--grund);color:var(--text);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;transition:background .25s,color .25s;overflow:hidden}
button{font-family:inherit}
.app{display:grid;grid-template-columns:212px 1fr 330px;height:calc(100vh - 40px);transition:grid-template-columns .22s;color:var(--text)}
.app.nav-collapsed{grid-template-columns:64px 1fr 330px}
.zone{overflow-y:auto;overflow-x:hidden}
.zone::-webkit-scrollbar{width:8px}.zone::-webkit-scrollbar-thumb{background:var(--linie);border-radius:8px}

.nav{background:var(--nav);border-right:1px solid var(--linie);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:2px}
.nav .top{display:flex;align-items:center;gap:9px;margin-bottom:var(--s5);padding:0 4px}
.nav .logo{width:28px;height:28px;min-width:28px;border-radius:7px;background:var(--orange);display:grid;place-items:center;color:#fff;font-weight:600;font-size:15px}
.nav .wm{font-weight:600;font-size:var(--t-b);white-space:nowrap}.nav .wm b{color:var(--orange)}
.nav .burger{margin-left:auto;background:none;border:none;color:var(--text2);cursor:pointer;font-size:18px;padding:4px;border-radius:6px}
.nav .burger:hover{color:var(--text);background:var(--flaeche2)}
.nav a{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:9px;color:var(--text2);font-size:var(--t-b);text-decoration:none;cursor:pointer;white-space:nowrap}
.nav a .ic{width:18px;min-width:18px;height:18px;display:grid;place-items:center;font-size:16px;opacity:.8}
.nav a .ic svg{display:block;width:18px;height:18px}
.nav a:hover .ic,.nav a.active .ic{opacity:1}
.nav a .badgeN{margin-left:auto;font-size:11px;background:var(--orange);color:#fff;border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px;font-weight:600}
.nav a .v1{margin-left:auto;font-size:10px;color:var(--text3);border:1px solid var(--linie);border-radius:5px;padding:1px 5px}
.nav a:hover{background:var(--flaeche2);color:var(--text)}
.nav a.active{background:var(--flaeche2);color:var(--text);box-shadow:inset 3px 0 0 var(--orange)}
.nav a.active .ic{color:var(--orange)}
.app.nav-collapsed .wm,.app.nav-collapsed a .label,.app.nav-collapsed a .v1,.app.nav-collapsed a .badgeN{display:none}
.app.nav-collapsed .nav a{justify-content:center;padding:9px 0}
.nav .foot{margin-top:auto;padding-top:var(--s4)}
.nav .me{display:flex;align-items:center;gap:10px;padding:8px 4px;font-size:var(--t-bs);color:var(--text2)}
.nav .me .av{width:30px;height:30px;min-width:30px;border-radius:50%;background:var(--flaeche2);display:grid;place-items:center;font-weight:600;font-size:12px;color:var(--text)}

.work{background:var(--grund);padding:var(--s5) var(--s6)}
.view{display:none}.view.active{display:block}
.work .hd{display:flex;align-items:center;gap:10px;margin-bottom:var(--s4)}
.work .hd h2{font-size:var(--t-bs);color:var(--text2);font-weight:500;letter-spacing:.4px;text-transform:uppercase}
.work .hd .schema{margin-left:auto;font-size:var(--t-cap);color:var(--text3);border:1px solid var(--linie);border-radius:6px;padding:4px 10px;cursor:pointer}
.work .hd .schema:hover{color:var(--orange);border-color:var(--orange)}
.work .date{font-size:var(--t-cap);color:var(--text3);letter-spacing:.4px;text-transform:uppercase;margin-bottom:var(--s2)}
.work .big{font-size:var(--t-h1);font-weight:600;margin-bottom:var(--s1);line-height:1.15}
.work .big .g{color:var(--gruen)}
.work .sub{color:var(--text2);font-size:var(--t-b);margin-bottom:var(--s5)}
.seclab{font-size:var(--t-cap);color:var(--text3);letter-spacing:.5px;text-transform:uppercase;margin:var(--s5) 0 var(--s3)}
.seclab:first-of-type{margin-top:0}
.card{background:var(--flaeche);border-radius:var(--r);box-shadow:var(--e1);padding:var(--s4);margin-bottom:var(--s3);cursor:pointer;outline:2px solid transparent;transition:outline-color .18s,transform .18s,opacity .3s}
.card.link{outline-color:var(--orange);transform:translateY(-1px)}
.card.done{opacity:.55}
.card .top{display:flex;align-items:center;gap:9px;margin-bottom:var(--s2)}
.badge{font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;border-radius:6px;text-transform:uppercase}
.b-kalt{background:var(--rot-dim);color:var(--rot)}.b-neu{background:var(--orange-dim);color:var(--orange)}.b-ok{background:var(--gruen-dim);color:var(--gruen)}
.card .meta{font-size:var(--t-cap);color:var(--text3);margin-left:auto;text-align:right}
.card .chev{color:var(--text3);transition:transform .2s;font-size:14px}.card.open .chev{transform:rotate(180deg)}
.card .ttl{font-size:var(--t-h3);font-weight:600;margin-bottom:4px}
.card .money{color:var(--orange);font-weight:600}
.card .desc{font-size:14px;color:var(--text2);line-height:1.5}
.detail{max-height:0;overflow:hidden;transition:max-height .3s ease}.card.open .detail{max-height:600px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s5);margin-top:var(--s4)}
.kv .k{font-size:11px;color:var(--text3);letter-spacing:.3px;text-transform:uppercase;margin-bottom:2px}.kv .val{font-size:14px}
.ai-prep{background:var(--orange-dim);border-left:3px solid var(--orange);border-radius:0 8px 8px 0;padding:12px 14px;margin:var(--s4) 0;font-size:13px;color:var(--text2);line-height:1.55}
.ai-prep b{color:var(--text)}.ai-prep .lab{display:flex;align-items:center;gap:7px;color:var(--orange);font-weight:600;font-size:11px;letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px}
.actions{display:flex;gap:10px;margin-top:var(--s4);flex-wrap:wrap}
.cta{font-size:14px;font-weight:600;border:none;border-radius:9px;padding:10px 16px;cursor:pointer}
.cta.primary{background:var(--orange);color:#fff}.cta.primary:hover{filter:brightness(1.08)}
.cta.ghost{background:transparent;color:var(--text2);border:1px solid var(--linie)}.cta.ghost:hover{color:var(--text);border-color:var(--text3)}
.cta:disabled{opacity:.45;cursor:default}
.calm{text-align:center;color:var(--text3);font-size:14px;padding:var(--s6) var(--s4);line-height:1.7}.calm b{color:var(--text2)}

/* Pipeline (Vertrieb) */
.board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.col{background:var(--flaeche2);border-radius:var(--r);padding:var(--s3);min-height:120px}
.col h4{font-size:var(--t-bs);font-weight:600;margin-bottom:var(--s3);display:flex;justify-content:space-between;color:var(--text2)}
.col h4 .n{color:var(--text3);font-weight:500}
.deal{background:var(--flaeche);border-radius:9px;box-shadow:var(--e1);padding:11px 12px;margin-bottom:var(--s2);font-size:13px;cursor:grab}
.deal .dn{font-weight:600;margin-bottom:3px}.deal .dm{color:var(--orange);font-weight:600}.deal .dl{color:var(--text3);font-size:12px}

/* Zahlen */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3);margin-bottom:var(--s5)}
.kpi{background:var(--flaeche2);border-radius:var(--r);padding:var(--s4)}
.kpi .l{font-size:var(--t-bs);color:var(--text2);margin-bottom:var(--s2)}
.kpi .v{font-size:26px;font-weight:600}.kpi .v.g{color:var(--gruen)}.kpi .v.o{color:var(--orange)}
.kpi .d{font-size:12px;color:var(--text3);margin-top:4px}
.bars{background:var(--flaeche2);border-radius:var(--r);padding:var(--s4)}
.bar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3);font-size:13px}
.bar .lb{width:120px;color:var(--text2)}.bar .tr{flex:1;background:var(--linie);border-radius:6px;height:12px;overflow:hidden}
.bar .fl{height:100%;background:var(--orange);border-radius:6px;display:block}.bar .vv{width:64px;text-align:right;font-weight:600}
.stub{text-align:center;color:var(--text3);padding:var(--s6);font-size:14px;line-height:1.7}
.back{color:var(--text2);cursor:pointer;font-weight:500}.back:hover{color:var(--orange)}
.akte-head{display:flex;align-items:flex-start;gap:var(--s4);background:var(--flaeche);border-radius:var(--r);box-shadow:var(--e1);padding:var(--s4) var(--s5);margin-bottom:var(--s5)}
.akte-head .ah-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;padding:3px 8px;border-radius:6px;margin-bottom:8px}
.akte-head .ah-name{font-size:var(--t-h2);font-weight:600}.akte-head .ah-sub{color:var(--text2);font-size:13px;margin-top:2px}
.akte-head .ah-r{margin-left:auto;text-align:right}.akte-head .ah-money{font-size:var(--t-h2);font-weight:600;color:var(--orange)}.akte-head .ah-stage{font-size:12px;color:var(--text3);margin-top:2px}
.akte-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--s5)}@media(max-width:760px){.akte-grid{grid-template-columns:1fr}}
.timeline{position:relative;padding-left:var(--s4)}.timeline::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--linie)}
.tl{display:flex;gap:var(--s3);margin-bottom:var(--s4);position:relative}
.tl .tdot{position:absolute;left:-15px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--text3);border:2px solid var(--grund)}.tl .tdot.ai{background:var(--orange)}
.tlh{font-weight:600;font-size:14px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.tlh .tt{font-size:12px;color:var(--text3);font-weight:400}
.tlb{font-size:13px;color:var(--text2);line-height:1.5;margin-top:2px}
.memo{background:var(--flaeche2);border-radius:10px;padding:4px var(--s4);margin-bottom:var(--s4)}
.memo .mf{font-size:13px;color:var(--text2);padding:9px 0;line-height:1.45;border-bottom:1px solid var(--linie)}.memo .mf:last-child{border-bottom:none}.memo .mf b{color:var(--text)}
.docrow{font-size:13px;color:var(--text2);padding:9px 12px;background:var(--flaeche);border-radius:9px;box-shadow:var(--e1);margin-bottom:var(--s2);cursor:pointer}.docrow:hover{color:var(--text)}
/* Sub-Nav + generische Listen */
.subnav{display:flex;gap:6px;margin-bottom:var(--s4);flex-wrap:wrap}
.subnav button{background:transparent;border:1px solid var(--linie);color:var(--text2);border-radius:8px;padding:6px 13px;font-size:13px;cursor:pointer}
.subnav button:hover{color:var(--text)}.subnav button.on{background:var(--flaeche2);color:var(--text);border-color:var(--text3);box-shadow:inset 0 -2px 0 var(--orange)}
.list{display:flex;flex-direction:column;gap:var(--s2)}
.row{display:flex;align-items:center;gap:var(--s3);background:var(--flaeche);border-radius:10px;box-shadow:var(--e1);padding:12px 14px;font-size:14px;cursor:pointer;transition:transform .15s}
.row:hover{transform:translateY(-1px)}
.row .ri{width:18px;text-align:center;color:var(--text3)}
.row .rt{font-weight:600}.row .rs{color:var(--text3);font-size:12.5px}
.row .rm{margin-left:auto;font-weight:600;white-space:nowrap}.row .ro{color:var(--orange)}.row .rg{color:var(--gruen)}
.rbadge{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:5px}
.adsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s3)}
.adscard{background:var(--flaeche);border-radius:var(--r);box-shadow:var(--e1);padding:var(--s4)}
.adscard .at{font-weight:600;margin-bottom:6px}.adscard .av{font-size:22px;font-weight:600}.adscard .al{font-size:12px;color:var(--text3);margin-top:4px}
.plan{display:flex;flex-direction:column;gap:var(--s2)}
.slot{display:flex;gap:var(--s3);background:var(--flaeche);border-radius:10px;box-shadow:var(--e1);padding:12px 14px}
.slot .tm{font-weight:600;color:var(--orange);min-width:54px}

/* Studio AI */
.studio{background:var(--studio-bg);border-left:3px solid var(--orange);padding:var(--s5) var(--s4);display:flex;flex-direction:column}
.studio .shead{display:flex;align-items:center;gap:11px;margin-bottom:var(--s5)}
.studio .spark{width:32px;height:32px;border-radius:9px;background:var(--orange-dim);display:grid;place-items:center;color:var(--orange);font-size:16px;position:relative}
.studio .spark::after{content:"";position:absolute;inset:-4px;border-radius:12px;border:2px solid var(--orange);opacity:.55;animation:pulse 2.2s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.4);opacity:0}100%{opacity:0}}
.studio .sname{font-weight:600;font-size:var(--t-b)}.studio .sstat{font-size:var(--t-cap);color:var(--text2)}
.studio .dot{width:9px;height:9px;border-radius:50%;background:var(--gruen);margin-left:auto}
.slab{font-size:11px;color:var(--text3);letter-spacing:.5px;text-transform:uppercase;margin:var(--s4) 0 var(--s2)}
.run{display:flex;gap:9px;font-size:13px;color:var(--text2);padding:7px 0;line-height:1.4}.run .ck{color:var(--gruen)}.run .cl{color:var(--text3)}
.feedwrap{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px}
.msg{background:var(--flaeche);border-left:3px solid var(--orange);border-radius:0 9px 9px 0;padding:11px 13px;font-size:13px;color:var(--text2);line-height:1.55;margin-bottom:var(--s2)}
.msg.you{border-left-color:var(--text3)}.msg b{color:var(--text)}
.chips{display:flex;flex-direction:column;gap:7px;padding-top:var(--s3)}
.chip{text-align:left;background:transparent;border:1px solid var(--linie);color:var(--text2);font-size:13px;border-radius:9px;padding:8px 11px;cursor:pointer}
.chip:hover{border-color:var(--orange);color:var(--text)}
.cbar{display:flex;gap:8px;margin-top:var(--s2)}
.cbar input{flex:1;background:var(--flaeche);border:1px solid var(--linie);border-radius:9px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit;min-width:0}
.cbar input:focus{outline:none;border-color:var(--orange)}
.cbar .send{background:var(--orange);border:none;color:#fff;border-radius:9px;width:42px;min-width:42px;cursor:pointer;font-size:16px}

.banner{position:fixed;top:0;left:0;right:0;text-align:center;font-size:13px;padding:8px;z-index:30;display:none}
.banner.show{display:block}.banner.offline{background:var(--flaeche2);color:var(--text2)}.banner.fehler{background:var(--rot-dim);color:var(--rot)}
.toast{position:fixed;bottom:54px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--flaeche);color:var(--text);border:1px solid var(--gruen);border-left:3px solid var(--gruen);border-radius:10px;padding:11px 16px;font-size:13px;box-shadow:var(--e2);z-index:35;opacity:0;transition:.25s;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.tour{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40;display:none}.tour.show{display:block}
.coach{position:absolute;background:var(--flaeche);color:var(--text);border:1px solid var(--orange);border-radius:10px;padding:11px 13px;font-size:13px;max-width:210px;box-shadow:var(--e2);line-height:1.45}
.coach b{color:var(--orange);display:block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:3px}
.tour .c1{top:90px;left:24px}.tour .c2{top:130px;left:40%}.tour .c3{top:90px;right:24px}
.tour .close{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fff;border:none;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:45;display:none;align-items:center;justify-content:center;padding:20px}
.modal.show{display:flex}
.modal .box{background:var(--flaeche);border-radius:var(--r);padding:var(--s5);max-width:520px;width:100%;box-shadow:var(--e2);border:1px solid var(--linie)}
.modal pre{background:var(--grund);border-radius:9px;padding:var(--s4);font-family:ui-monospace,monospace;font-size:12.5px;color:var(--text2);overflow:auto;line-height:1.5;margin-top:var(--s3)}
.modal h3{font-size:var(--t-h3);margin-bottom:4px}.modal .x{float:right;cursor:pointer;color:var(--text3);font-size:18px;background:none;border:none}
.fab{display:none}.mtop{display:none}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media(max-width:1080px){
  .app{grid-template-columns:64px 1fr 0}.app .wm,.nav a .label,.nav a .v1,.nav a .badgeN{display:none}.nav a{justify-content:center;padding:9px 0}
  .studio{position:fixed;top:0;right:0;bottom:40px;width:330px;box-shadow:var(--e2);z-index:25;transform:translateX(100%);transition:transform .25s;display:flex}
  .app.studio-open .studio{transform:translateX(0)}.board{grid-template-columns:repeat(2,1fr)}
  .fab{display:grid;position:fixed;right:16px;bottom:54px;width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;border:none;place-items:center;font-size:20px;cursor:pointer;z-index:24;box-shadow:var(--e2)}
}
@media(max-width:680px){
  .app{grid-template-columns:1fr}.nav{position:fixed;top:0;left:0;bottom:40px;width:212px;z-index:26;transform:translateX(-100%);transition:transform .25s}
  .app .wm,.nav a .label,.nav a .v1,.nav a .badgeN{display:revert}.nav a{justify-content:flex-start;padding:9px 11px}.app.nav-open .nav{transform:translateX(0)}
  .work{padding:var(--s4) var(--s4) 70px}.work .big{font-size:var(--t-h2)}.board{grid-template-columns:1fr}.studio{width:88vw}
  .mtop{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--nav);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:10}.mtop .mb{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer}.mtop .wm{font-weight:600}.mtop .wm b{color:var(--orange)}
}

/* ============================================================
   Lead-Karten + Pipeline — Design aus Prototyp v0.6 übernommen (Felix 14.06.),
   auf v1.0-Tokens gemappt. .lcard = reiche Lead-Karte; .kanban = Pipeline.
   ============================================================ */
.lcard{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);margin-bottom:14px;overflow:hidden;box-shadow:var(--e1)}
.lcard.open{border-color:var(--text3)}
.lcard.done{opacity:.55}
@keyframes reinkommen{from{transform:translateY(-8px);opacity:0;border-color:var(--orange)}to{transform:none;opacity:1}}
.lcard.frisch{animation:reinkommen .5s ease;border-color:var(--orange)}
.card-head{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;cursor:pointer;user-select:none;background:none;border:none;width:100%;text-align:left;color:inherit;font:inherit}
.card-head:hover{background:var(--flaeche2)}
.sig{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;margin-top:2px;font-size:16px}
.sig.akt{background:var(--orange-dim);color:var(--orange)}
.sig.risk{background:var(--rot-dim);color:var(--rot)}
.sig.plan{background:var(--flaeche2);color:var(--text2)}
.sig.gut{background:var(--gruen-dim);color:var(--gruen)}
.card-head .cbody{flex:1;min-width:0}
.meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.tag{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px;border-radius:99px}
.tag.hot{background:var(--orange);color:#fff}
.tag.risk{background:var(--rot-dim);color:var(--rot);border:1px solid var(--linie)}
.tag.plan{background:var(--flaeche2);color:var(--text2);border:1px solid var(--linie)}
.tag.gut{background:var(--gruen-dim);color:var(--gruen);border:1px solid var(--linie)}
.when{font-size:.73rem;color:var(--text3);font-weight:500;margin-left:auto}
.card-title{display:block;font-size:.98rem;font-weight:600;letter-spacing:-.01em;line-height:1.35}
.card-sum{display:block;font-size:.85rem;color:var(--text2);margin-top:3px;line-height:1.45}
.card-sum .money{color:var(--orange);font-weight:600}
.chev{color:var(--text3);flex-shrink:0;margin-top:6px;transition:transform .2s ease}
.lcard.open .chev{transform:rotate(180deg)}
.card-detail{display:none;border-top:1px solid var(--linie)}
.lcard.open .card-detail{display:block}
.detail-inner{padding:15px 17px 17px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;margin-bottom:13px}
.fact .fk{color:var(--text3);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:block;margin-bottom:2px}
.fact .fv{color:var(--text);font-weight:500;font-size:.82rem}
.ai{background:var(--grund);border:1px solid var(--linie);border-left:3px solid var(--orange);border-radius:8px;padding:12px 14px;margin-bottom:13px}
.ai-head{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);margin-bottom:7px}
.ai p{font-size:.85rem;color:var(--text2);line-height:1.55}.ai p b{color:var(--text);font-weight:600}
.draft{margin-top:10px;background:var(--flaeche);border:1px solid var(--linie);border-radius:7px;padding:11px 13px;font-size:.83rem;line-height:1.6;color:var(--text2);white-space:pre-line}
.done-note{display:flex;align-items:center;gap:8px;padding:12px 17px;font-size:.83rem;color:var(--gruen);border-top:1px solid var(--linie);font-weight:600}

/* Kanban (Pipeline) — v0.6 */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:10px;align-items:start;overflow-x:auto;padding-bottom:6px}
.kcol{background:var(--flaeche2);border:1px solid var(--linie);border-radius:var(--r);padding:10px;min-height:120px}
.kcol.dragover{border-color:var(--orange);background:var(--grund)}
.kcol-head{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:2px 4px 6px}
.kcol-head .n{margin-left:auto;font-variant-numeric:tabular-nums}
.kcol-sum{font-size:.72rem;color:var(--text3);padding:0 4px 8px;font-variant-numeric:tabular-nums}
.kcard{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:grab;box-shadow:var(--e1)}
.kcard:hover{border-color:var(--text3);background:var(--flaeche2)}
.kcard.dragging{opacity:.4}
.kcard.frisch{animation:reinkommen .5s ease;border-color:var(--orange)}
.kcard .kc-betrag{font-size:.95rem;font-weight:700;color:var(--orange);font-variant-numeric:tabular-nums}
.kcard .kc-betrag.gewonnen{color:var(--gruen)}
.kcard .kc-betrag.verloren{color:var(--text3);text-decoration:line-through;font-weight:600}
.kcard .kc-kunde{font-size:.83rem;font-weight:600;margin-top:2px}
.kcard .kc-projekt{font-size:.75rem;color:var(--text2);margin-top:1px}
.kcard .kc-meta{font-size:.7rem;color:var(--text3);margin-top:5px}
.kcard .kc-meta .alt{color:var(--rot);font-weight:600}
.dnd-hint{font-size:.73rem;color:var(--text3);margin:8px 2px 0}

/* Vertrieb-Dashboard — Widget-Grid */
.wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:12px}
.widget{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);box-shadow:var(--e1);padding:16px 18px}
.widget.wide{grid-column:span 2}
.widget h5{font-size:.7rem;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.widget .wbig{font-size:1.7rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.widget .wbig.o{color:var(--orange)}.widget .wbig.g{color:var(--gruen)}
.widget .wsub{font-size:.75rem;color:var(--text3);margin-top:3px}
.widget .bars{background:none;padding:0}
.minirow{display:flex;justify-content:space-between;font-size:.82rem;padding:6px 0;border-bottom:1px solid var(--linie);color:var(--text2)}
.minirow:last-child{border-bottom:none}.minirow b{color:var(--text);font-weight:600}.minirow .o{color:var(--orange);font-weight:600}
@media(max-width:760px){.widget.wide{grid-column:span 1}}

/* Coming-Soon (Betrieb-Launch on hold) — geplante Inhalte verschwommen + Botschaft */
.coming{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden}
.coming-blur{filter:blur(7px);opacity:.45;pointer-events:none;user-select:none}
.coming-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:28px;background:radial-gradient(ellipse at center, color-mix(in srgb,var(--grund) 55%, transparent), color-mix(in srgb,var(--grund) 80%, transparent))}
.cs-badge{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);background:var(--orange-dim);border:1px solid var(--orange);border-radius:99px;padding:5px 14px}
.coming-overlay h3{font-size:var(--t-h1);font-weight:600;letter-spacing:-.01em}
.coming-overlay p{color:var(--text2);font-size:var(--t-b);max-width:440px;line-height:1.6}
.coming-overlay .feat{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.coming-overlay .feat span{font-size:.78rem;color:var(--text2);background:var(--flaeche2);border:1px solid var(--linie);border-radius:99px;padding:6px 13px}

/* Lead-Tabelle (v0.6 .table-card) — die bessere Leadansicht */
.table-card{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);overflow:hidden;box-shadow:var(--e1)}
.table-card table{width:100%;border-collapse:collapse}
.table-card th{text-align:left;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:11px 14px;border-bottom:1px solid var(--linie)}
.table-card td{font-size:.85rem;padding:11px 14px;border-bottom:1px solid var(--linie);color:var(--text)}
.table-card tr:last-child td{border-bottom:none}
.table-card tbody tr.klick{cursor:pointer}
.table-card tbody tr.klick:hover{background:var(--flaeche2)}
.table-card td.num,.table-card th.num{text-align:right;font-variant-numeric:tabular-nums}
.table-card td.geld{color:var(--orange);font-weight:700}
.table-card td.risiko{color:var(--rot);font-weight:600}.table-card td.ok{color:var(--gruen);font-weight:600}
.table-card tr.summe td{border-top:1px solid var(--linie);font-weight:700;background:var(--flaeche2)}
.tstufe{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 9px;border-radius:99px;background:var(--flaeche2);border:1px solid var(--linie);color:var(--text2)}
.tstufe.gewonnen{background:var(--gruen-dim);color:var(--gruen);border-color:transparent}
.tstufe.angebot{background:var(--orange-dim);color:var(--orange);border-color:transparent}

/* Akte = Lead-Cockpit: Composer (Studio-Entwurf), Quali, Sequenz-Stepper */
.akte-card{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);box-shadow:var(--e1);padding:15px 17px;margin-bottom:var(--s4)}
.akte-label{font-size:.7rem;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px}
.composer{background:var(--orange-dim);border:1px solid var(--orange);border-radius:var(--r);padding:14px 15px;margin-bottom:var(--s4)}
.composer .ai-head{display:flex;align-items:center;gap:7px;color:var(--orange);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}
.composer .c-kontext{font-size:.78rem;color:var(--text2);margin-bottom:8px}.composer .c-kontext b{color:var(--text)}
.composer .crow{display:flex;gap:9px;align-items:center;margin:8px 0}
.composer select{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;color:var(--text);font-family:inherit;font-size:.8rem;padding:7px 10px}
.composer .when{font-size:.74rem;color:var(--text3)}
.composer textarea{width:100%;background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;color:var(--text);font-family:inherit;font-size:.85rem;line-height:1.6;padding:11px 13px;min-height:118px;resize:vertical;box-sizing:border-box}
.quali-pill{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:99px}
.quali-pill.ok{background:var(--gruen-dim);color:var(--gruen)}.quali-pill.todo{background:var(--orange-dim);color:var(--orange)}
.qframe{margin-top:12px}.qq{font-size:.92rem;font-weight:600;margin-bottom:3px}.qh{font-size:.78rem;color:var(--text3);margin-bottom:11px}
.qa{display:flex;gap:8px;flex-wrap:wrap}.qa button{background:var(--flaeche2);border:1px solid var(--linie);color:var(--text);border-radius:8px;padding:8px 13px;font-size:.82rem;cursor:pointer;font-family:inherit}.qa button:hover{border-color:var(--orange);color:var(--text)}
.qprog{display:flex;gap:5px;margin:8px 0 4px}.qprog i{width:22px;height:4px;border-radius:2px;background:var(--linie)}.qprog i.an{background:var(--orange)}
.stepper{display:flex;flex-direction:column}
.step{display:flex;gap:11px;align-items:flex-start;padding:7px 0}
.step .sdot{width:13px;height:13px;border-radius:50%;flex-shrink:0;margin-top:3px;border:2px solid var(--linie);background:var(--flaeche)}
.step.done .sdot{background:var(--gruen);border-color:var(--gruen)}
.step.aktiv .sdot{background:var(--orange);border-color:var(--orange)}
.step.stopp{opacity:.38}
.step .sname{font-size:.83rem;font-weight:600}.step.aktiv .sname{color:var(--orange)}
.step .sinfo{font-size:.73rem;color:var(--text3)}
.seq-rule{font-size:.74rem;color:var(--text3);margin-top:8px;font-style:italic}

/* ===== Akte v4 — 3 Spalten: Stammdaten · Feed · Sequenz/Memory ===== */
.akte-grid{grid-template-columns:260px minmax(0,1fr) 300px}
@media(max-width:1100px){.akte-grid{grid-template-columns:1fr}}
.akte-info{display:flex;flex-direction:column;gap:var(--s4)}
.qa-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.qa-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border-radius:11px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text2);font-size:.72rem;font-weight:600;cursor:pointer;box-shadow:var(--e1);transition:transform .08s,border-color .12s,color .12s}
.qa-btn span{font-size:1.05rem;line-height:1}
.qa-btn:hover{transform:translateY(-1px);color:var(--text)}
.qa-btn.call:hover{border-color:var(--gruen);color:var(--gruen)}
.qa-btn.mail:hover{border-color:var(--orange);color:var(--orange)}
.qa-btn.wa:hover{border-color:#25d366;color:#25d366}
.info-card{margin-bottom:0}
.info-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--linie);font-size:.8rem}
.info-row:last-child{border-bottom:none}
.info-row .ik{color:var(--text3);white-space:nowrap}
.info-row .iv{color:var(--text);text-align:right;word-break:break-word}
.info-row a.lk{color:var(--text);text-decoration:none}
.info-row a.lk:hover{color:var(--orange);text-decoration:underline}

/* Mailverlauf — Richtungs-Punkte + Chips */
.tl .tdot.in{background:var(--gruen)}
.tl .tdot.out{background:var(--orange)}
.tl .tdot.call{background:#7c9cff}
.tlh .dir{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:6px;margin-right:7px;vertical-align:middle}
.tlh .dir.in{background:color-mix(in srgb,var(--gruen) 18%,transparent);color:var(--gruen)}
.tlh .dir.out{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange)}
.tlh .dir.call{background:color-mix(in srgb,#7c9cff 20%,transparent);color:#7c9cff}
.tlh .dir.ai{background:color-mix(in srgb,var(--orange) 14%,transparent);color:var(--orange)}

/* rechte Spalte: Sequenz-Karte + Nächster Schritt */
.seq-card{margin-bottom:0}
.seq-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:.78rem;color:var(--text3)}
.seq-top b{font-size:.9rem;color:var(--text)}
.seq-card .stepper{max-height:none}
.next-card{margin-bottom:0}

/* ===== Klickbare KPI-Zusammensetzung (überall) ===== */
.kpi.klick{cursor:pointer;transition:border-color .12s,transform .08s;border:1px solid transparent}
.kpi.klick:hover{transform:translateY(-1px)}
.kpi.klick.sel,.kpi.klick:hover{border-color:var(--linie)}
.kpi.klick.sel{box-shadow:var(--e1)}
.kpi-hint{font-size:.68rem;color:var(--text3);margin-top:8px;font-weight:600}
.kpi.sel .kpi-hint,.widget.sel .kpi-hint{color:var(--orange)}
.widget.klick{cursor:pointer;transition:transform .08s,border-color .12s}
.widget.klick:hover{transform:translateY(-1px);border-color:var(--text3)}
.widget.klick.sel{border-color:var(--orange)}
.big.klick-wert{cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.wert-hint{font-size:.7em;color:var(--text3)}
.kpi-break{background:var(--flaeche2);border:1px solid var(--linie);border-radius:var(--r);padding:14px 16px;margin-bottom:var(--s5);animation:kpfade .14s ease}
@keyframes kpfade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.kb-head{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.kb-note{font-size:.66rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text3)}
.kb-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;font-size:.83rem;border-bottom:1px solid var(--linie)}
.kb-row:last-child{border-bottom:none}
.kb-row.klick{cursor:pointer}
.kb-row.klick:hover{background:var(--flaeche)}
.kb-n{flex:1;color:var(--text2)}
.kb-row.klick:hover .kb-n{color:var(--text)}
.kb-v{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);white-space:nowrap}
.kb-go{font-size:.7rem;color:var(--orange);opacity:0;white-space:nowrap;min-width:48px;text-align:right}
.kb-row.klick:hover .kb-go{opacity:1}

/* ===== Akte-Mailverlauf — filterbarer Karten-Feed (v0.6-Stil) ===== */
.afeed-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.afeed-filter .chip{padding:5px 12px;font-size:.78rem;border-radius:999px}
.afeed-filter .chip.an{border-color:var(--orange);color:var(--text);background:color-mix(in srgb,var(--orange) 10%,transparent)}
.afeed{display:flex;flex-direction:column;gap:9px}
.afeed-item{border:1px solid var(--linie);background:var(--flaeche);border-radius:11px;padding:11px 13px;box-shadow:var(--e1)}
.afeed-item.in{border-left:3px solid var(--gruen)}
.afeed-item.out{border-left:3px solid var(--orange)}
.afeed-item.call{border-left:3px solid #7c9cff}
.afeed-item.ai{border-left:3px solid var(--orange);background:color-mix(in srgb,var(--orange) 5%,var(--flaeche))}
.af-kopf{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.af-icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;background:var(--flaeche2);color:var(--text2)}
.af-icon.in{background:color-mix(in srgb,var(--gruen) 16%,transparent);color:var(--gruen)}
.af-icon.out{background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--orange)}
.af-icon.call{background:color-mix(in srgb,#7c9cff 20%,transparent);color:#7c9cff}
.af-icon.ai{background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--orange)}
.af-titel{font-size:.86rem;font-weight:600;color:var(--text);flex:1;min-width:0}
.af-zeit{font-size:.72rem;color:var(--text3);font-variant-numeric:tabular-nums;white-space:nowrap}
.af-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:var(--flaeche2);color:var(--text3);white-space:nowrap}
.af-tag.ein{background:color-mix(in srgb,var(--gruen) 16%,transparent);color:var(--gruen)}
.af-tag.aus{background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--orange)}
.af-tag.ai{background:color-mix(in srgb,var(--orange) 14%,transparent);color:var(--orange)}
.af-tag.call{background:color-mix(in srgb,#7c9cff 18%,transparent);color:#7c9cff}
.af-text{font-size:.83rem;color:var(--text2);line-height:1.5;margin-top:7px;padding-left:33px}
.leer-slot{font-size:.83rem;color:var(--text3);padding:18px;text-align:center;border:1px dashed var(--linie);border-radius:11px}

/* ===== Akte v5 — Aktionsleiste oben + Angebot/Auftrag rechts (Dr.-Hansen-Referenz) ===== */
.akte-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.aa-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text2);font-size:.84rem;font-weight:600;cursor:pointer;box-shadow:var(--e1);transition:transform .08s,border-color .12s,color .12s}
.aa-btn:hover{transform:translateY(-1px);color:var(--text);border-color:var(--text3)}
.aa-btn.primary{background:var(--orange);border-color:var(--orange);color:#1a1205}
.aa-btn.primary:hover{filter:brightness(1.06);color:#1a1205}
.offer-card{margin-bottom:0}
.oc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.oc-nr{font-size:.8rem;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}
.oc-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:6px}
.oc-tag.ok{background:color-mix(in srgb,var(--gruen) 16%,transparent);color:var(--gruen)}
.oc-tag.warm{background:var(--flaeche2);color:var(--text3)}
.oc-tag.kalt{background:color-mix(in srgb,var(--rot) 16%,transparent);color:var(--rot)}
.oc-betrag{font-size:1.5rem;font-weight:700;color:var(--orange);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.auftrag-card{margin-bottom:0}

/* Quali-Verdict A/B/C */
.verdict{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:11px;border:1px solid var(--linie)}
.verdict.ok{background:color-mix(in srgb,var(--gruen) 8%,var(--flaeche));border-color:color-mix(in srgb,var(--gruen) 30%,var(--linie))}
.verdict.warm{background:color-mix(in srgb,var(--orange) 8%,var(--flaeche));border-color:color-mix(in srgb,var(--orange) 30%,var(--linie))}
.verdict.kalt{background:var(--flaeche2)}
.vd-stufe{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;background:var(--flaeche);color:var(--text)}
.verdict.ok .vd-stufe{background:var(--gruen);color:#06210f}
.verdict.warm .vd-stufe{background:var(--orange);color:#1a1205}
.vd-titel{font-size:.9rem;font-weight:700;color:var(--text)}
.vd-text{font-size:.8rem;color:var(--text2);line-height:1.45;margin-top:2px}

/* ===== Tenant-Self-Config (Naming + Brandvoice) ===== */
.settings{max-width:880px}
.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}@media(max-width:760px){.cfg-grid{grid-template-columns:1fr}}
.cfg-card{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);box-shadow:var(--e1);padding:16px 18px}
.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--linie)}
.cfg-row:last-child{border-bottom:none}
.cfg-k{font-size:.82rem;color:var(--text3);white-space:nowrap}
.cfg-in{background:var(--flaeche2);border:1px solid var(--linie);border-radius:8px;padding:7px 11px;color:var(--text);font-size:.84rem;font-family:inherit;min-width:0;flex:1;max-width:220px;text-align:right}
.cfg-in:focus{outline:none;border-color:var(--orange)}
.cfg-seg{display:inline-flex;gap:4px;background:var(--flaeche2);border-radius:9px;padding:3px}
.cfg-seg button{border:none;background:transparent;color:var(--text2);font-size:.8rem;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;font-family:inherit}
.cfg-seg button.on{background:var(--orange);color:#1a1205}
.cfg-preview{white-space:pre-wrap;font-size:.83rem;color:var(--text2);line-height:1.55;background:var(--flaeche2);border-radius:10px;padding:13px 15px;border:1px solid var(--linie)}
.cfg-names{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:4px}@media(max-width:760px){.cfg-names{grid-template-columns:1fr}}
.cfg-name{display:flex;align-items:center;justify-content:space-between;gap:10px}

/* ===== P0: Stopp-Regel · Inline-Edit · Memory-Korrektur · Kanban-Alarme ===== */
.seq-card.seq-paused{border-color:color-mix(in srgb,var(--orange) 40%,var(--linie))}
.seq-stop-banner{font-size:.8rem;color:var(--text);line-height:1.5;background:color-mix(in srgb,var(--orange) 12%,var(--flaeche2));border-radius:9px;padding:10px 12px;margin-bottom:10px}
.step.stopp{opacity:.45}
.step.stopp .sdot{background:var(--text3);border-color:var(--grund)}
.step.stopp .sname{text-decoration:line-through;color:var(--text3)}
.edit-hint{font-size:.62rem;font-weight:500;color:var(--text3);text-transform:none;letter-spacing:0}
.iv.editable{cursor:pointer;border-bottom:1px dashed transparent;border-radius:3px}
.iv.editable:hover{border-bottom-color:var(--orange);color:var(--orange)}
.edit-in{background:var(--flaeche2);border:1px solid var(--orange);border-radius:6px;padding:3px 7px;color:var(--text);font-size:.82rem;font-family:inherit;text-align:right;max-width:150px}
.edit-in:focus{outline:none}
.memo .mf{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.mf-x{flex-shrink:0;background:none;border:none;color:var(--text3);cursor:pointer;font-size:.8rem;padding:0 2px;line-height:1.4;opacity:.5}
.mf-x:hover{color:var(--rot);opacity:1}
.kc-meta .paused{color:var(--orange);font-weight:600}

/* ===== P1: aufklappbare Touch-Mails im Sequenz-Stepper ===== */
.step-head{display:flex;align-items:flex-start;gap:0;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;color:inherit}
.step-head .sdot{margin-top:5px}
.step-head .step-chev{margin-left:auto;color:var(--text3);font-size:.7rem;padding-left:8px}
.step.open .step-chev{color:var(--orange)}
.step-mail{margin:7px 0 4px 22px;border-left:2px solid var(--linie);padding:8px 0 8px 12px}
.sm-head{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);margin-bottom:5px}
.sm-body{white-space:pre-wrap;font-size:.79rem;color:var(--text2);line-height:1.5}

/* Fix: Step block-Layout für aufklappbare Mail (überschreibt flex-Basis) */
.step{display:block !important;padding:7px 0}
.step-head{gap:11px}
.step-head .sdot{margin-top:6px}

/* ===== P1 #8: Angebot Gut/Besser/Best — Verkaufsdokument ===== */
.angebot-box{max-width:680px;width:92vw;max-height:88vh;overflow:auto}
.ang-kopf h3{margin-bottom:2px}
.ang-sub{font-size:.82rem;color:var(--text3);margin-bottom:12px}
.ang-intro{font-size:.86rem;color:var(--text2);line-height:1.55;margin-bottom:16px}
.ang-varianten{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}
.ang-var{position:relative;border:1px solid var(--linie);border-radius:11px;padding:14px 12px;text-align:center;background:var(--flaeche2)}
.ang-var.empf{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--flaeche2))}
.ang-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--orange);color:#1a1205;padding:2px 9px;border-radius:6px}
.ang-vname{font-size:.78rem;color:var(--text3);font-weight:600;margin-bottom:5px}
.ang-vpreis{font-size:1.3rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.ang-var.empf .ang-vpreis{color:var(--orange)}
.ang-vhint{font-size:.72rem;color:var(--text3);margin-top:5px;line-height:1.4}
.ang-poslab{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);margin-bottom:8px}
.ang-pos{width:100%;border-collapse:collapse}
.ang-pos td{padding:10px 0;border-bottom:1px solid var(--linie);vertical-align:top}
.ap-l b{font-size:.86rem;color:var(--text)}
.ap-nutzen{font-size:.78rem;color:var(--text3);margin-top:2px}
.ap-p{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);white-space:nowrap;padding-left:14px}
.ang-summe td{border-bottom:none;padding-top:12px;font-weight:700}
.ang-extras{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.ang-extra{font-size:.81rem;color:var(--text2);line-height:1.5;background:var(--flaeche2);border-radius:9px;padding:10px 12px}
.ang-extra b{color:var(--text)}

/* ===== Integrationen / Postfach ===== */
.integ-row{display:flex;gap:8px;flex-wrap:wrap}
.integ-on{font-size:.84rem;color:var(--gruen);background:color-mix(in srgb,var(--gruen) 9%,var(--flaeche2));border-radius:9px;padding:11px 13px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}

/* ===== P1 #9: aufklappbarer Feed-Volltext + Anfrage-Formular ===== */
.af-more{background:none;border:none;color:var(--orange);font-size:.74rem;font-weight:600;cursor:pointer;padding:6px 0 0 33px;font-family:inherit;text-align:left}
.af-full{white-space:pre-wrap;font-size:.81rem;color:var(--text2);line-height:1.55;margin:8px 0 2px 33px;border-left:2px solid var(--linie);padding:6px 0 6px 12px}
.af-form{margin:8px 0 2px 33px;border-left:2px solid var(--linie);padding-left:12px}
.aff-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--linie);font-size:.8rem}
.aff-row:last-child{border-bottom:none}
.aff-q{color:var(--text3)}
.aff-a{color:var(--text);text-align:right}

/* ===== P2: Live-Loop-Karte im Studio-Panel ===== */
.loop-card{background:color-mix(in srgb,var(--orange) 12%,var(--flaeche));border:1px solid color-mix(in srgb,var(--orange) 40%,var(--linie));border-radius:11px;padding:12px 13px;margin:10px 0}
.lc-phase{font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:9px}
.lc-btn{width:100%;background:var(--orange);color:#1a1205;border:none;border-radius:9px;padding:9px 12px;font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit}
.lc-btn:hover{filter:brightness(1.06)}