/* Layout: one narrow column, sticky header with tabs, thumb-sized controls at the bottom half of each card */
:root{
  --bg:#edf0f3; --surface:#ffffff; --surface-2:#f4f6f8; --ink:#13202b; --muted:#566472; --line:#d8dee4;
  --c-nd:#6b7682; --c-ki:#cf3239; --c-kg:#d9822b; --c-ge:#2560c4; --c-ab:#15874a; --on-color:#ffffff; --c-kunde:#7a4cc2; --c-sperre:#2d3640;
  --red:#cf3239; --red-soft:#fbe3e4; --green:#15874a; --green-soft:#dcf2e5; --amber:#c25a00; --amber-soft:#fcefd8;
  --night:#15212c; --night-ink:#eef2f6; --night-muted:#9fb0c0; --focus:#2560c4;
  --blue:#2560c4; --blue-soft:#e3ecfb; --gold:#c4921a; --gold-soft:#fbf1d9; --purple:#7a4cc2; --purple-soft:#efe7fa; --orange:#d9822b; --orange-soft:#fcecdc; --head1:#173a73; --head2:#2560c4;
  --font:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Barlow Semi Condensed','Barlow',system-ui,sans-serif;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0c1116; --surface:#151d25; --surface-2:#1b252f; --ink:#e5ebf0; --muted:#94a2af; --line:#27323d;
  --c-nd:#5b6672; --c-ki:#cc3a41; --c-kg:#e08a33; --c-ge:#2c69d0; --c-ab:#178f4f; --c-kunde:#8a5fd6; --c-sperre:#4a5561;
  --red:#ff6d72; --red-soft:#3a1b1e; --green:#4fd38c; --green-soft:#132d1e; --amber:#ff9a3c; --amber-soft:#33260e;
  --night:#1e2b37; --night-ink:#eef2f6; --night-muted:#9fb0c0; --focus:#6aa0ff; color-scheme:dark;
  --blue:#6aa0ff; --blue-soft:#16243a; --gold:#e3b341; --gold-soft:#2e2510; --purple:#b08cf0; --purple-soft:#241a35; --orange:#f0a25a; --orange-soft:#33230f; --head1:#0f1f3a; --head2:#1c3f7a;
}}
:root[data-theme="dark"]{
  --bg:#0c1116; --surface:#151d25; --surface-2:#1b252f; --ink:#e5ebf0; --muted:#94a2af; --line:#27323d;
  --c-nd:#5b6672; --c-ki:#cc3a41; --c-kg:#e08a33; --c-ge:#2c69d0; --c-ab:#178f4f; --c-kunde:#8a5fd6; --c-sperre:#4a5561;
  --red:#ff6d72; --red-soft:#3a1b1e; --green:#4fd38c; --green-soft:#132d1e; --amber:#ff9a3c; --amber-soft:#33260e;
  --night:#1e2b37; --night-ink:#eef2f6; --night-muted:#9fb0c0; --focus:#6aa0ff; color-scheme:dark;
  --blue:#6aa0ff; --blue-soft:#16243a; --gold:#e3b341; --gold-soft:#2e2510; --purple:#b08cf0; --purple-soft:#241a35; --orange:#f0a25a; --orange-soft:#33230f; --head1:#0f1f3a; --head2:#1c3f7a;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent}
button,input{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.wrap{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:12px 140px;display:flex;flex-direction:column;gap:14px}

/* Header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.hrow{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:10px 8px;display:flex;align-items:center;gap:10px}
.brand{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:.01em;margin:0;flex:1;min-width:0}
.save{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:4px 10px;white-space:nowrap}
.save i{width:8px;height:8px;border-radius:50%;background:var(--muted);display:block}
.save[data-s="ok"] i{background:var(--green)} .save[data-s="ok"]{color:var(--green)}
.save[data-s="saving"] i{background:var(--amber);animation:blink 1s infinite}
.save[data-s="local"] i{background:var(--amber)} .save[data-s="local"]{color:var(--amber)}
.save[data-s="err"] i{background:var(--red)} .save[data-s="err"]{color:var(--red)}
@keyframes blink{50%{opacity:.3}}
.iconbtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;flex:none}
.iconbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tabs{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tab{position:relative;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:1rem}
.tab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.badge{position:absolute;top:-7px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:var(--on-color);font-size:.78rem;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums;border:2px solid var(--bg)}
:root[data-theme="dark"] .badge{background:var(--c-ki)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .badge{background:var(--c-ki)}}

/* Cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.card h2{font-family:var(--display);font-size:1.2rem;margin:0;text-wrap:balance}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.btn{min-height:54px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:1.05rem;padding:0 16px;width:100%}
.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.go{background:var(--c-ab);color:var(--on-color);border-color:transparent}
.btn.quiet{min-height:48px;font-weight:600;font-size:.95rem;background:transparent}
.btn.armed{background:var(--red);color:var(--on-color);border-color:var(--red)}
.btn:disabled{opacity:.4;cursor:default}
.btn:active:not(:disabled){transform:scale(.98)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* Shift card */
.shift{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:end}
.status{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem}
.status i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.status.pause i{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}
.shift .meta{color:var(--muted);font-size:.95rem;display:flex;flex-direction:column;gap:2px}
.eff{text-align:right}
.eff b{display:block;font-family:var(--display);font-size:2.9rem;line-height:1;font-variant-numeric:tabular-nums}
.eff span{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ready h2{font-size:1.5rem}
.sumlist{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0;font-size:1rem}
.sumlist dt{color:var(--muted)} .sumlist dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.note{font-size:.88rem;color:var(--amber);background:var(--amber-soft);border-radius:10px;padding:8px 10px;margin:0}

/* Stats */
.big2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bignum{font-family:var(--display);font-weight:700;font-size:3.4rem;line-height:.95;font-variant-numeric:tabular-nums}
.bignum.g{color:var(--green)}
.dist{display:flex;height:16px;border-radius:8px;overflow:hidden;background:var(--surface-2);gap:2px}
.dist span{display:block;height:100%;transition:width .25s}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:.88rem;margin:0;padding:0;list-style:none}
.legend li{display:flex;align-items:center;gap:6px;min-width:0}
.legend i{width:10px;height:10px;border-radius:3px;flex:none}
.legend b{margin-left:auto;font-variant-numeric:tabular-nums}
.facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:1.05rem}
.facts li{padding-left:14px;position:relative}
.facts li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--muted)}
.tip{background:var(--amber-soft);color:var(--ink);border-radius:10px;padding:10px 12px;font-weight:600;display:flex;gap:10px;align-items:flex-start}
.tip small{display:block;font-weight:500;color:var(--muted)}
.tip svg{width:20px;height:20px;flex:none;stroke:var(--amber);fill:none;stroke-width:2.2;stroke-linecap:round;margin-top:2px}

/* Count grid */
.grid4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cbtn{border:0;border-radius:18px;min-height:128px;color:var(--on-color);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px 16px;text-align:left;transition:transform .08s;position:relative;overflow:hidden}
.cbtn:active{transform:scale(.96)}
.cbtn .l{font-weight:700;font-size:1.15rem;line-height:1.15}
.cbtn .n{font-family:var(--display);font-weight:700;font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}
.cbtn.flash::after{content:"";position:absolute;inset:0;background:var(--on-color);opacity:.35;animation:fl .35s forwards}
@keyframes fl{to{opacity:0}}

/* Objection bars */
.objtotal{display:flex;align-items:baseline;gap:10px}
.objtotal b{font-family:var(--display);font-size:3rem;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bar-row{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr) 2.2em;align-items:center;gap:10px;width:100%;background:none;border:0;padding:4px 0;text-align:left;font-size:.95rem}
button.bar-row{border-radius:8px}
button.bar-row .bar-label{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.bar-label{overflow-wrap:anywhere}
.bar-row.custom .bar-label{font-style:italic}
.bar-track{height:12px;border-radius:6px;background:var(--red-soft);overflow:hidden}
.bar-fill{display:block;height:100%;background:var(--red);border-radius:6px}
.bar-n{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.empty{color:var(--muted);font-size:.95rem;margin:0}

/* Motivation */

/* History */
.chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}
.col{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.col .v{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}
.col .stick{width:100%;max-width:34px;height:140px;display:flex;align-items:flex-end;background:var(--surface-2);border-radius:6px;overflow:hidden}
.col .stick span{display:block;width:100%;background:var(--c-ge);border-radius:6px 6px 0 0}
.col.today .stick span{background:var(--ink)}
.col .wd{font-size:.8rem;font-weight:700;margin-top:2px}
.col .dt{font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}
.col .ab{font-size:.8rem;font-weight:700;color:var(--green);font-variant-numeric:tabular-nums}
.col .ab.z{color:var(--muted);font-weight:500}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kpi{background:var(--surface-2);border-radius:10px;padding:8px 10px;min-width:0}
.kpi b{display:block;font-family:var(--display);font-size:1.6rem;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi span{font-size:.78rem;color:var(--muted)}
.kpi.g b{color:var(--green)}
.besthour b{font-family:var(--display);font-size:2.4rem;line-height:1}
.day{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.day:first-child{border-top:0;padding-top:0}
.dayhead{display:flex;justify-content:space-between;font-weight:700}
.dayhead span{color:var(--red)}
.tablewrap{overflow-x:auto;margin-inline:-4px}
table{border-collapse:collapse;width:100%;font-size:.88rem;font-variant-numeric:tabular-nums}
th,td{padding:7px 5px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
th{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}

/* Objections tab */
.answer{gap:14px}
.answer h2{font-size:1.6rem;line-height:1.15}
.answer .heard{font-size:.9rem;color:var(--muted)}
.answer dl{margin:0;display:flex;flex-direction:column;gap:10px}
.answer dt{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.answer dd{margin:2px 0 0;font-size:1.08rem}
.bubble{position:relative;background:var(--c-ge);color:var(--on-color);border-radius:18px 18px 18px 4px;padding:14px 16px;font-size:1.15rem;font-weight:600;line-height:1.3}
.ogrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.otile{min-height:62px;border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:8px 10px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;font-size:.95rem;line-height:1.2}
.otile span{min-width:0}
.otile b{flex:none;min-width:30px;height:26px;border-radius:13px;background:var(--surface-2);display:grid;place-items:center;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.otile b.has{background:var(--red-soft);color:var(--red)}
.otile[aria-pressed="true"]{border:2px solid var(--ink);background:var(--surface-2)}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:s}
.steps li{background:var(--surface-2);border-radius:10px;padding:10px;font-weight:700;counter-increment:s;display:flex;gap:8px;align-items:center}
.steps li::before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:.85rem;flex:none}
.rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.tips li{padding:10px 0;border-top:1px solid var(--line)}
.tips li:first-child{border-top:0;padding-top:0}

/* Sheet */
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);max-height:82vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px);animation:up .2s ease-out}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.sheet-in{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:0 16px;display:flex;flex-direction:column;gap:10px}
.timer{height:5px;background:var(--surface-2);border-radius:0 0 4px 4px;overflow:hidden;margin-inline:-16px}
.timer span{display:block;height:100%;width:100%;background:var(--red)}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}
.sheet-head h3{margin:0;font-family:var(--display);font-size:1.4rem}
.sheet-head p{margin:0;font-size:.85rem;color:var(--muted)}
.skip{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;flex:none}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pbtn{min-height:46px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font-weight:600;font-size:.95rem;padding:4px 8px;line-height:1.15}
.pbtn:active{background:var(--red-soft)}
.pbtn.other{border-style:dashed}
.cform{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.cform input{height:50px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:0 12px;font-size:1rem;min-width:0}
.cform button{height:50px;border-radius:12px;border:0;background:var(--ink);color:var(--bg);font-weight:700;padding:0 16px}
.sugg{display:flex;flex-wrap:wrap;gap:6px}
.sugg button{min-height:38px;border-radius:19px;border:1px solid var(--line);background:var(--surface-2);padding:0 12px;font-style:italic;font-size:.9rem}
.sugg button b{font-style:normal;color:var(--muted);margin-left:4px;font-weight:600}
.held{font-size:.8rem;color:var(--muted);margin:0}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* ---------- Team-App ---------- */
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px)}
[hidden]{display:none!important}
header{top:0;padding-top:env(safe-area-inset-top,0px)}
.tabs.four{grid-template-columns:repeat(4,1fr)}
.tabs.four .tab{font-size:.92rem}
.who{font-size:.78rem;color:var(--muted);font-weight:600;display:block;line-height:1.1}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:.85rem;font-weight:700;color:var(--muted)}
.inp{height:52px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:0 14px;font-size:1.05rem;width:100%;min-width:0}
.err{color:var(--red);background:var(--red-soft);border-radius:10px;padding:10px 12px;margin:0;font-weight:600}
.ok{color:var(--green);background:var(--green-soft);border-radius:10px;padding:10px 12px;margin:0;font-weight:600}
.auth{max-width:440px;margin:0 auto;padding-inline:16px;padding-block:28px 60px;display:flex;flex-direction:column;gap:16px}
.auth .logo{font-family:var(--display);font-weight:700;font-size:2.2rem;margin:0}
.auth .lead{margin:0;color:var(--muted);font-size:1.05rem}
.linkbtn{background:none;border:0;color:var(--c-ge);font-weight:700;padding:8px 0;text-align:left;font-size:1rem}
.seg{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:4px;background:var(--surface-2);border-radius:12px;padding:4px}
.seg button{height:42px;border:0;border-radius:9px;background:transparent;font-weight:700;font-size:.95rem}
.seg button[aria-pressed="true"]{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.teamtot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.member{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.member:first-of-type{border-top:0;padding-top:0}
.mhead{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;text-align:left}
.mname{font-weight:700;font-size:1.08rem;flex:1;min-width:0}
.mname small{display:block;font-weight:500;color:var(--muted);font-size:.82rem}
.dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--line)}
.dot.running{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.dot.paused{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}
.mstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-variant-numeric:tabular-nums}
.mstats div{background:var(--surface-2);border-radius:9px;padding:6px 8px;min-width:0}
.mstats b{display:block;font-family:var(--display);font-size:1.3rem;line-height:1.1}
.mstats span{font-size:.72rem;color:var(--muted)}
.mstats .g b{color:var(--green)}
.mdetail{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border-radius:12px;padding:12px}
.pill{display:inline-block;font-size:.75rem;font-weight:700;border-radius:99px;padding:2px 8px;background:var(--surface-2);color:var(--muted)}
.pill.junior{background:var(--amber-soft);color:var(--amber)}
.pill.off{background:var(--red-soft);color:var(--red)}
.linkbox{display:flex;flex-direction:column;gap:8px;background:var(--green-soft);border-radius:12px;padding:12px}
.linkbox code{font-size:.82rem;overflow-wrap:anywhere;user-select:all}
.invite{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}
.invite:first-child{border-top:0}
.invite span{min-width:0}
.smallbtn{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:700;padding:0 12px;font-size:.9rem;flex:none}
.hint{background:var(--surface-2);border-radius:12px;padding:12px;font-size:.92rem;display:flex;gap:10px;align-items:flex-start}
.hint p{margin:0;flex:1}
.center{min-height:70vh;display:grid;place-items:center;text-align:center;color:var(--muted)}

/* ---------- Straßen & Klingeln ---------- */
.tabs.five{grid-template-columns:repeat(5,1fr);gap:4px}
.tabs.five .tab{font-size:.8rem;padding:0 2px}
.tabs.four .tab,.tabs.five .tab{min-width:0}
.street{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.street:first-of-type{border-top:0;padding-top:0}
.street h3{margin:0;font-size:1.05rem;display:flex;justify-content:space-between;gap:8px}
.street h3 span{font-weight:500;color:var(--muted);font-size:.85rem}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.hchip{min-height:56px;border-radius:12px;border:2px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px;font-variant-numeric:tabular-nums}
.hchip b{font-family:var(--display);font-size:1.25rem;line-height:1}
.hchip small{font-size:.7rem;color:var(--muted)}
.hchip.teil{border-color:var(--amber);background:var(--amber-soft)}
.hchip.fertig{border-color:var(--green);background:var(--green-soft)}
.hchip.mark{box-shadow:inset 0 -4px 0 var(--c-ge)}
.back{background:none;border:0;font-weight:700;font-size:1rem;padding:6px 0;text-align:left;color:var(--c-ge)}
.photo{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.photo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.bell{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2)}
.bellhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.bell-name{height:44px;border-radius:10px;border:1px solid transparent;background:transparent;font-weight:700;font-size:1.05rem;padding:0 8px;min-width:0;width:100%}
.bell-name:focus{border-color:var(--line);background:var(--surface)}
.stbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.stbtn{min-height:46px;border-radius:10px;border:2px solid var(--line);background:var(--surface);font-weight:700;font-size:.85rem;line-height:1.1;padding:4px}
.stbtn[aria-pressed="true"]{background:var(--sc);border-color:var(--sc);color:var(--on-color)}
.bellmeta{font-size:.8rem;color:var(--muted);margin:0}
.bellextra{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bellextra .inp{height:44px;font-size:.95rem}
.xbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:700;color:var(--muted)}
.xbtn.armed{background:var(--red);color:var(--on-color);border-color:var(--red)}
.addrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.area{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:var(--surface-2);border:0;border-radius:12px;padding:12px}
.area b{font-size:1.02rem;overflow-wrap:anywhere}
.area small{color:var(--muted)}
.prog{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.prog span{display:block;height:100%;background:var(--green)}
.srow{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.srow:first-child{border-top:0}
.srow .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,10em);gap:8px;align-items:center}
.sel{height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface);padding:0 8px;font-size:.95rem;min-width:0;width:100%}
details summary{cursor:pointer;color:var(--c-ge);font-weight:600;font-size:.9rem}
.hrow2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,10em);gap:8px;align-items:center;padding:4px 0}
.prev{display:flex;flex-wrap:wrap;gap:4px}
.prev button{min-height:34px;border-radius:17px;border:1px solid var(--line);background:var(--surface);padding:0 10px;font-size:.85rem}
textarea.inp{height:110px;padding:10px 14px;resize:vertical}
.pnum{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden}
.pnum .numinp{border:0;border-radius:0;width:4.2em;height:34px}
.pnum button{border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;min-height:34px;padding:0 9px}
.numinp{width:4.5em;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center;font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums}

/* ---------- Provision ---------- */
.tabs.six{grid-template-columns:repeat(6,1fr);gap:3px}
.tabs.six .tab{font-size:.72rem;padding:0 1px;min-width:0}
.tabs.five .tab,.tabs.six .tab{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dealsheet{position:fixed;inset:0;z-index:50;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.deal-in{max-width:560px;width:100%;margin:0 auto;padding-inline:16px;padding-block:8px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;height:100%}
.deal-in .sheet-head h3{font-family:var(--display);font-size:1.4rem;margin:0}
.dsel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:8px}
.selrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:.95rem}
.dsum{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:8px}
.dsum b{font-family:var(--display);font-size:1.6rem;color:var(--green)}
.churn{display:flex;gap:10px;align-items:flex-start;background:var(--amber-soft);border-radius:10px;padding:10px}
.churn input{width:22px;height:22px;flex:none;margin-top:2px}
.churn small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.plist{display:flex;flex-direction:column;gap:6px}
.prow{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:4px}
.padd{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:52px;font-size:.92rem}
.padd span{min-width:0;font-weight:600}
.padd small{display:block;font-weight:400;color:var(--muted);font-size:.75rem}
.padd b{flex:none;font-variant-numeric:tabular-nums}
.neg{color:var(--red)}
.star{border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:1.3rem;color:var(--muted)}
.star.on{color:var(--amber);background:var(--amber-soft);border-color:var(--amber)}
details.cat{background:var(--surface-2);border-radius:10px;padding:8px}
details.cat summary{color:var(--ink);font-weight:700;padding:6px 2px}
details.cat .prow{margin-top:6px}
.dfoot{display:flex;flex-direction:column;gap:8px;position:sticky;bottom:0;background:var(--bg);padding-top:8px}
.stf{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.stf:first-of-type{border-top:0}
.stfhead{display:flex;justify-content:space-between;gap:8px}
.stfhead span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}
.stfbar{position:relative;height:12px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.stfbar span{display:block;height:100%;background:var(--green);border-radius:6px}
.stfbar i{position:absolute;top:0;bottom:0;width:2px;background:var(--line);margin-left:-1px}
.stfline,.nexthint{margin:0;font-size:.92rem}
.nexthint{color:var(--c-ge)}
.oncerow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;align-items:flex-start}
.oncerow small{display:block;color:var(--muted);font-size:.8rem}
.gtxt{color:var(--green)}
.kpi.warn b{color:var(--red)}
.dealrow{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.dealrow:first-of-type{border-top:0}
.dealrow.storno{opacity:.6}
.dealtop{display:flex;justify-content:space-between;gap:10px;font-size:.92rem}
.dealtop small{display:block;color:var(--muted)}
.dealtop b{flex:none}
.dealbtns{display:flex;gap:6px;flex-wrap:wrap}
.armedbtn{background:var(--red)!important;color:var(--on-color)!important;border-color:var(--red)!important}
.mprov{margin:0;font-size:.88rem;color:var(--muted)}
.mprov b{color:var(--green)}
.igrow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:10px 12px}
.igrow small{display:block;color:var(--muted);font-size:.8rem}
.igbtns{display:flex;align-items:center;gap:10px}
.igbtns b{font-family:var(--display);font-size:1.6rem;min-width:2ch;text-align:center}
.igbtns .smallbtn{width:48px;height:48px;font-size:1.4rem}
.stornotag{color:var(--red)!important;font-weight:700}
.viewbanner{max-width:560px;margin:0 auto 10px;margin-inline:auto;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--amber-soft);color:var(--ink);border-radius:12px;font-size:.9rem;width:calc(100% - 32px)}
.vvmtag{display:block;color:var(--amber);font-size:.75rem;font-weight:600}
.vvmrow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--amber-soft);border-radius:10px;padding:8px 10px;font-size:.88rem}
.vvmrow small{display:block;color:var(--muted)}
.go2{background:var(--c-ab)!important;color:var(--on-color)!important;border-color:transparent!important}
.itemst{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.itemst .smallbtn{min-height:34px;font-size:.8rem;font-weight:600}
.itemst small{width:100%;font-size:.75rem}
.teamquote{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:12px;padding:10px 12px;background:var(--green-soft)}
.teamquote.warn{background:var(--amber-soft)}
.teamquote.bad{background:var(--red-soft)}
.teamquote small{display:block;color:var(--muted);font-size:.78rem}
.teamquote .tq{text-align:right;flex:none}
.teamquote .tq b{font-family:var(--display);font-size:1.8rem;line-height:1}
.teamquote.bad .tq b{color:var(--red)}
.teamquote.good .tq b{color:var(--green)}
.teamquote.warn .tq b,.kpi.q-warn b,.qtxt-warn{color:var(--amber)}
.kpi.q-bad b,.qtxt-bad{color:var(--red)}
.qtxt-warn,.qtxt-bad{font-weight:700}
.ocrbox{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:12px;padding:10px}
.ocrrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px;border-radius:10px;background:var(--surface)}
.ocrrow.unsure{background:var(--amber-soft)}
.ocrrow .inp{height:44px;font-size:.98rem}
.ocrbtns{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end}
.ocrbtns .smallbtn{min-height:34px}
.ncount{font-size:.75rem;font-weight:700;color:var(--c-ge);white-space:nowrap}
.bnwrap{display:flex;flex-direction:column;min-width:0}
.bnwrap .ncount{padding-left:8px}
.conndate{display:flex;gap:6px;align-items:center;flex:none}
.conndate .inp{height:38px;width:9.5em;font-size:.85rem;padding:0 6px}
.vfgrid{display:flex;flex-direction:column;gap:6px}
.vfrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}
.vfin{display:flex;align-items:center;gap:6px;flex:none}
.vfin .inp{width:6.5em;height:44px;text-align:right}

/* ---------- Übersichtlicher: Navigation unten, aufklappbare Bereiche ---------- */
.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(var(--n,4),1fr);padding:4px max(8px,calc((100% - 560px)/2)) calc(4px + env(safe-area-inset-bottom,0px))}
.bottomnav .tab{position:relative;height:56px;border:0;background:none;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;font-weight:600;color:var(--muted);min-width:0}
.bottomnav .tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bottomnav .tab[aria-selected="true"]{color:var(--ink);background:var(--surface-2)}
.bottomnav .tab[aria-selected="true"] svg{stroke-width:2.4}
.bottomnav .badge{top:2px;right:calc(50% - 22px)}
.wrap{padding-block:12px 110px}
.viewbanner{margin-bottom:8px}
details.card>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--ink)}
details.card>summary::-webkit-details-marker{display:none}
details.card>summary::after{content:"▾";color:var(--muted);transition:transform .15s}
details.card[open]>summary::after{transform:rotate(180deg)}
details.card>summary small{font-weight:500;color:var(--muted);font-size:.85rem;margin-left:auto}
.dcard>.card,.dcard .card.inner{border:0;padding:0;background:none}
.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.resume{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.resume b{font-size:1.05rem}
.resume small{display:block;color:var(--muted)}
.resume .arrow{font-size:1.4rem;color:var(--muted)}
.menu{display:flex;flex-direction:column}
.menu button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:14px 2px;font-size:1.02rem;font-weight:700}
.menu button:first-child{border-top:0}
.menu small{display:block;font-weight:500;color:var(--muted);font-size:.85rem}
.nextstep{background:var(--green-soft);border-radius:12px;padding:10px 12px;font-weight:600}
.nextstep small{display:block;font-weight:500;color:var(--muted)}
.teamseg{position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px);z-index:5}
.teamseg button{font-size:.82rem}

/* ---------- Coachingbogen ---------- */
.crow{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--line)}
.crow span{font-size:.95rem}
.cscale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sbtn{height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:1rem}
.sbtn[aria-pressed="true"]{color:var(--on-color);border-color:transparent}
.sbtn.s1[aria-pressed="true"]{background:var(--c-ki)} .sbtn.s2[aria-pressed="true"]{background:var(--amber)}
.sbtn.s3[aria-pressed="true"]{background:var(--c-nd)} .sbtn.s4[aria-pressed="true"]{background:var(--c-ge)} .sbtn.s5[aria-pressed="true"]{background:var(--c-ab)}
.sbtn:disabled{opacity:1}
.ctotal{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.ctotal small{display:block;color:var(--muted);font-size:.8rem}
.cpct{font-family:var(--display);font-size:2rem;color:var(--green)}
.crec{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:6px}
.crec small{display:block;color:var(--muted);font-size:.8rem}
.ctext{margin:0;white-space:normal;background:var(--surface-2);border-radius:10px;padding:8px 10px}
.goal{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:12px;padding:10px}
textarea.inp{height:auto;min-height:60px}
.qxform{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.qxform #qxName,.qxform .btn{grid-column:1/-1}
/* Abschluss-Karte: Status je Produkt */
.deal2{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-left:4px solid var(--c-ge);border-radius:14px;background:var(--surface-2)}
.deal2+.deal2{margin-top:14px}
.deal2.gone{border-left-color:var(--red)}
.deal2 .d2head{padding-bottom:8px;border-bottom:1px dashed var(--line)}
.deal2 .d2head b{font-size:1.05rem}
.deal2 .d2item{background:var(--surface)}
.d2item.pair .nm small{white-space:normal}
.deal2.gone .d2items{opacity:.55}
.d2head{display:flex;justify-content:space-between;gap:10px;font-size:.95rem}
.d2head small{display:block;color:var(--muted);font-size:.8rem}
.d2sum{text-align:right;flex:none}
.d2items{display:flex;flex-direction:column;gap:6px}
.d2item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;min-height:48px;padding:6px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}
.d2item .nm{font-weight:600;font-size:.9rem;min-width:0}
.d2item .nm small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.d2item .chip{flex:none;font-size:.78rem;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}
.d2item.st-wait .chip{background:var(--amber-soft);color:var(--amber)}
.d2item.st-ok .chip{background:var(--green-soft);color:var(--green)}
.d2item.st-storno .chip,.d2item.st-bon .chip{background:var(--red-soft);color:var(--red)}
.d2item.st-storno .nm,.d2item.st-bon .nm{text-decoration:line-through;text-decoration-thickness:1px}
.d2item.open{border-color:var(--ink)}
.d2pick{display:flex;flex-direction:column;gap:6px;padding:4px 2px 6px}
.d2pick .seg button{font-size:.8rem}
.d2pick small{font-size:.78rem}
.d2date{display:flex;align-items:center;gap:8px;font-size:.85rem}
.d2date .inp{height:38px;width:10em;font-size:.85rem;padding:0 6px}
.d2ded{margin:0;font-size:.78rem;color:var(--muted)}
.d2hint{margin:0;font-size:.75rem;color:var(--muted)}
.d2whole{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:10px;padding:8px 10px;background:var(--red-soft);font-size:.88rem}
.d2whole small{display:block;color:var(--muted);font-size:.78rem}
.d2foot,.d2more{display:flex;gap:6px;flex-wrap:wrap}
.pastebox .steps{margin:0;padding-left:1.3em;font-size:.88rem;display:flex;flex-direction:column;gap:4px}
.pastebox textarea{min-height:90px;resize:vertical;font-size:.9rem;padding:8px}
.movebanner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:calc(8px + env(safe-area-inset-top)) auto 8px;max-width:560px;width:calc(100% - 32px);padding:10px 12px;background:var(--amber-soft);color:var(--ink);border-radius:12px;font-size:.88rem}
.movebanner[hidden]{display:none}
.movebanner .smallbtn{display:inline-flex;align-items:center;text-decoration:none}
/* Übersicht: Rangliste, kompakte Mitarbeiter, Monatskarte (16.10.2026) */
.kpi small{display:block;font-size:.72rem;color:var(--muted)}
.dealrow small,.d2sum small{display:block}
.gtxt{color:var(--green)}
.rank{display:flex;flex-direction:column}
.rrow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:10px 0;color:var(--ink);font:inherit}
.rrow:first-child{border-top:0}
.rpos{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:700;font-size:.85rem}
.rrow:nth-child(1) .rpos{background:#d4a72c;color:#1b1400}
.rname small,.rnum small{display:block;color:var(--muted);font-size:.78rem;font-weight:500}
.rnum{text-align:right}
.rnum b{font-family:var(--display);font-size:1.4rem;line-height:1}
.member .mhead{align-items:flex-start}
.member .mhead .dot{margin-top:7px}
.mname{flex:1;min-width:0}
.mname .msub{display:block;color:var(--muted);font-size:.8rem;font-weight:500;margin-top:2px}
.mright{text-align:right;flex:none}
.mright b{color:var(--green);font-size:1rem}
.mright small{display:block;color:var(--muted);font-size:.75rem;font-weight:500}
.mcard{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;color:var(--ink);font:inherit}
.mcard b{display:block;font-family:var(--display);font-size:1.8rem;line-height:1.15}
.mcard small{display:block;color:var(--muted);font-size:.85rem}
.mcard .mstep{color:var(--green);font-weight:600;margin-top:4px}
.mcard .arrow{font-size:1.4rem;color:var(--muted)}
details.dcard summary small.gtxt{color:var(--green);font-weight:700}
/* Rangliste, Tagessieger, Profilbild (16.10.2026) */
.ava{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;display:inline-grid;place-items:center;background:var(--surface-2);color:var(--muted);font-weight:700;font-size:.9rem;border:1px solid var(--line)}
.ava.big{width:56px;height:56px;font-size:1.3rem}
.ava.huge{width:96px;height:96px;font-size:2.2rem;border:3px solid #d4a72c}
.rrow{grid-template-columns:28px 32px minmax(0,1fr) auto}
.lb{display:flex;flex-direction:column}
.lbrow{display:grid;grid-template-columns:28px 32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.lbrow:first-child{border-top:0}
.lbrow:first-child .rpos{background:#d4a72c;color:#1b1400}
.lbrow.me .lbname{font-weight:700}
.lbrow b{font-family:var(--display);font-size:1.3rem}
.lbname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wincard{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(212,167,44,.22),rgba(212,167,44,.06));border:1px solid rgba(212,167,44,.55);border-radius:14px;padding:12px}
.wincard b{display:block;font-family:var(--display);font-size:1.3rem}
.wincard small{display:block;color:var(--muted);font-size:.8rem}
.trophy{font-size:1.8rem}
.trophy.big{font-size:3.4rem;line-height:1}
.winavas{display:flex}
.winavas .ava+.ava{margin-left:-12px}
.winsoon{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:10px 12px}
.winsoon small{display:block;color:var(--muted);font-size:.8rem}
.avarow{display:flex;align-items:center;gap:12px}
.avarow small{display:block;color:var(--muted);font-size:.82rem}
.avabtns{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.avabtns .smallbtn{display:inline-flex;align-items:center;cursor:pointer}
.winov{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px}
.winov[hidden]{display:none}
.winbox{position:relative;overflow:hidden;width:min(400px,100%);background:var(--surface);color:var(--ink);border-radius:20px;padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:2px solid #d4a72c;animation:winpop .45s cubic-bezier(.2,1.4,.4,1)}
.winbox h2{font-size:1.8rem;margin:0}
.winbox .btn{margin-top:8px;width:100%}
@keyframes winpop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.confetti{position:absolute;inset:0;pointer-events:none}
.confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;background:#d4a72c;animation:fall 2.6s linear infinite}
.confetti i:nth-child(3n){background:var(--green)}
.confetti i:nth-child(3n+1){background:#e2462f}
.confetti i:nth-child(4n){background:#3b82f6}
@keyframes fall{to{transform:translateY(480px) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){.confetti,.winbox{animation:none}.confetti i{animation:none;display:none}}
.confetti i:nth-child(1){left:43%;animation-delay:2.27s;animation-duration:2.63s}
.confetti i:nth-child(2){left:8%;animation-delay:0.17s;animation-duration:2.86s}
.confetti i:nth-child(3){left:48%;animation-delay:1.40s;animation-duration:3.46s}
.confetti i:nth-child(4){left:29%;animation-delay:0.09s;animation-duration:2.69s}
.confetti i:nth-child(5){left:10%;animation-delay:0.58s;animation-duration:2.88s}
.confetti i:nth-child(6){left:9%;animation-delay:1.98s;animation-duration:2.20s}
.confetti i:nth-child(7){left:30%;animation-delay:1.51s;animation-duration:2.93s}
.confetti i:nth-child(8){left:9%;animation-delay:1.39s;animation-duration:2.63s}
.confetti i:nth-child(9){left:30%;animation-delay:0.11s;animation-duration:3.37s}
.confetti i:nth-child(10){left:39%;animation-delay:1.01s;animation-duration:2.87s}
.confetti i:nth-child(11){left:75%;animation-delay:0.74s;animation-duration:3.31s}
.confetti i:nth-child(12){left:25%;animation-delay:0.25s;animation-duration:2.91s}
.confetti i:nth-child(13){left:26%;animation-delay:0.89s;animation-duration:2.88s}
.confetti i:nth-child(14){left:10%;animation-delay:1.35s;animation-duration:2.99s}
.confetti i:nth-child(15){left:65%;animation-delay:1.63s;animation-duration:2.68s}
.confetti i:nth-child(16){left:42%;animation-delay:1.12s;animation-duration:3.48s}
.confetti i:nth-child(17){left:48%;animation-delay:0.72s;animation-duration:3.27s}
.confetti i:nth-child(18){left:91%;animation-delay:1.87s;animation-duration:2.13s}
.confetti i:nth-child(19){left:40%;animation-delay:1.26s;animation-duration:3.40s}
.confetti i:nth-child(20){left:95%;animation-delay:1.08s;animation-duration:2.97s}
.confetti i:nth-child(21){left:11%;animation-delay:0.28s;animation-duration:2.67s}
.confetti i:nth-child(22){left:45%;animation-delay:0.36s;animation-duration:2.78s}
.confetti i:nth-child(23){left:7%;animation-delay:2.31s;animation-duration:2.12s}
.confetti i:nth-child(24){left:73%;animation-delay:1.38s;animation-duration:3.40s}
.windate{margin:-6px 0 0;font-weight:700;font-size:1.05rem}
.pill.tl{background:#d4a72c;color:#1b1400;border-color:transparent;font-weight:700}
.waitline{margin:-4px 0 2px;font-size:1rem;color:var(--amber)}
.waitline b{font-size:1.1rem}
.waitline small{display:block;font-size:.8rem;color:var(--muted)}

/* Quoten / Trichter (16.10.2026) */
.grid5 .cbtn{min-height:104px}
.grid5 .cbtn:last-child{grid-column:1 / -1;min-height:88px}
.fchain{display:flex;flex-direction:column;gap:6px}
.fchain div{display:grid;grid-template-columns:minmax(0,1fr) 3.2em 9.5em;align-items:center;gap:8px;font-size:.88rem}
.fchain span{height:12px;border-radius:6px;background:var(--c-nd);display:block}
.fchain span.r{background:var(--c-ge)}
.fchain span.a{background:var(--c-ab)}
.fchain b{text-align:right;font-variant-numeric:tabular-nums}
.fchain small{color:var(--muted)}
.ftable{display:flex;flex-direction:column}
.fhead,.frow{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(var(--n,1),minmax(0,1fr));gap:8px;align-items:center}
.ftable.c2{--n:2}.ftable.c3{--n:3}
.fhead{font-size:.75rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px}
.fhead span,.frow span{text-align:right}
.fhead span:first-child,.frow span:first-child{text-align:left}
.frow{padding:8px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:700}
.frow span:first-child{font-weight:600}
.frow small{display:block;color:var(--muted);font-size:.75rem;font-weight:500}
.fbetter{color:var(--green)}
.fworse{color:var(--red)}
.stbtns .stbtn:last-child{grid-column:1 / -1}

/* ===== Farbe und klare Trennung (16.10.2026) ===== */
body{background:radial-gradient(1200px 400px at 50% -200px,var(--blue-soft),transparent 70%) no-repeat,var(--bg)}
header{background:linear-gradient(120deg,var(--head1),var(--head2));border-bottom:0;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
header .brand{color:#fff}
header .who{color:rgba(255,255,255,.75)}
header .save{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
header .iconbtn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
header .viewbanner{color:var(--ink)}
/* Karten mit farbigem Rand links und farbigem Punkt vor der Überschrift */
.acc-green{--acc:var(--green);--acc-soft:var(--green-soft)}
.acc-blue{--acc:var(--blue);--acc-soft:var(--blue-soft)}
.acc-gold{--acc:var(--gold);--acc-soft:var(--gold-soft)}
.acc-purple{--acc:var(--purple);--acc-soft:var(--purple-soft)}
.acc-orange{--acc:var(--orange);--acc-soft:var(--orange-soft)}
.card[class*="acc-"],.mcard[class*="acc-"]{border-left:5px solid var(--acc);background:linear-gradient(180deg,var(--acc-soft),var(--surface) 90px)}
.card[class*="acc-"]>h2,.card[class*="acc-"]>summary,.card[class*="acc-"]>div>h2{color:var(--ink)}
.card[class*="acc-"]>h2::before,.card[class*="acc-"]>summary::before,.card[class*="acc-"]>div>h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--acc);margin-right:8px;vertical-align:.08em}
.card[class*="acc-"] .kpi{background:var(--acc-soft)}
.card[class*="acc-"] .seg button[aria-pressed="true"]{color:var(--acc)}
.wrap{gap:16px}
/* Navigation unten: jeder Reiter mit eigener Farbe */
.bottomnav .tab[data-t="heute"]{--tc:var(--green)}
.bottomnav .tab[data-t="strassen"]{--tc:var(--blue)}
.bottomnav .tab[data-t="rang"]{--tc:var(--gold)}
.bottomnav .tab[data-t="provi"]{--tc:var(--green)}
.bottomnav .tab[data-t="team"]{--tc:var(--purple)}
.bottomnav .tab[data-t="mehr"]{--tc:var(--orange)}
.bottomnav .tab[aria-selected="true"]{color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent)}
.bottomnav .tab[aria-selected="true"]::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--tc)}
.bottomnav .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
header .save,header .save[data-s]{color:#fff!important}
header .save[data-s="ok"] i{background:#5ee59a}
details.card[class*="acc-"]>summary::before{flex:none;margin-right:0}
/* Prime Time, Tipps, Klingelliste (16.10.2026) */
.prime{display:flex;flex-direction:column;gap:2px}
.prime b{font-family:var(--display);font-size:2rem;line-height:1.1;color:var(--blue)}
.prime span{color:var(--muted);font-size:.9rem}
.pbars{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;align-items:end;height:90px}
.pb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.pb span{display:block;width:100%;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--blue) 30%,var(--surface-2))}
.pb.best span{background:var(--blue)}
.pb small{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}
.pb.now small{color:var(--ink);font-weight:700}
.pb.now span{outline:2px solid var(--gold);outline-offset:1px}
.tiprow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);font:inherit}
.tiprow b{grid-column:1}
.tiprow small{grid-column:1;color:var(--muted);font-size:.85rem;line-height:1.35}
.tiprow .arrow{grid-column:2;grid-row:1 / span 2;color:var(--muted);font-size:1.3rem}
.hsum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.hsum span{background:var(--surface-2);border-radius:10px;padding:6px 4px;text-align:center;font-size:.72rem;color:var(--muted);line-height:1.2}
.hsum b{display:block;font-family:var(--display);font-size:1.3rem;color:var(--ink)}
.hsum .g b{color:var(--green)}
.besttime{margin:0;font-size:.88rem;background:var(--blue-soft);border-radius:10px;padding:8px 10px}
.besttime small{color:var(--muted)}
.bell{border:1px solid var(--line);border-left:5px solid var(--line);background:var(--surface)}
.bell.has{border-left-color:var(--sc)}
.bellhead{grid-template-columns:minmax(0,1fr) auto auto}
.bchip{font-size:.75rem;font-weight:700;border-radius:99px;padding:3px 9px;background:color-mix(in srgb,var(--sc) 18%,transparent);color:var(--sc);white-space:nowrap}
.bchip.new{--sc:var(--muted)}
.visits{display:flex;flex-direction:column;gap:3px;font-size:.82rem}
.vlabel{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.visit{display:flex;align-items:center;gap:6px;color:var(--ink)}
.visit i{width:8px;height:8px;border-radius:50%;flex:none}
.bellrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;width:100%;text-align:left;background:var(--surface-2);border:0;border-radius:10px;padding:10px 12px;color:var(--ink);font:inherit}
.bellrow .bname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bellrow small{color:var(--muted);font-size:.75rem}
.stbtns{grid-template-columns:repeat(2,1fr)}
.stbtns .stbtn:last-child{grid-column:1 / -1}
.stbtn{min-height:42px}
/* Hebel und Tagessieger-Leiste (16.10.2026) */
.hebel{border-radius:18px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#ff4d2e,#ff8a00);box-shadow:0 6px 18px rgba(255,90,30,.35);display:flex;flex-direction:column;gap:8px}
.hebel small{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.hebel>b{font-family:var(--display);font-size:1.75rem;line-height:1.1}
.hebel p{margin:0;font-size:.95rem;line-height:1.35}
.hebel .hgain{font-size:1.05rem}
.hebel .hgain b{font-size:1.2rem}
.hcmp{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hcmp span{background:rgba(255,255,255,.18);border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:600}
.hcmp b{display:block;font-size:1.05rem;margin-top:2px}
.hebel.good{background:linear-gradient(135deg,#0f9d58,#2bc48a);box-shadow:0 6px 18px rgba(20,160,90,.3)}
.hebel.small{border-radius:12px;padding:10px 12px;box-shadow:none;gap:4px}
.hebel.small>b{font-size:1.15rem}
.hebel.small p{font-size:.85rem}
.winbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:16px;padding:10px 14px;color:#1b1400;background:linear-gradient(135deg,#ffd75e,#f5b301);box-shadow:0 4px 14px rgba(245,179,1,.35);font:inherit}
.winbar .wt{font-size:1.7rem}
.winbar .wtxt small{display:block;font-size:.72rem;font-weight:700;opacity:.75}
.winbar .wtxt b{display:block;font-family:var(--display);font-size:1.15rem;line-height:1.15}
.winbar .arrow{font-size:1.4rem;opacity:.6}
.winbar .ava{border-color:#fff}
.hebel .hnext{font-size:.85rem;opacity:.92;border-top:1px solid rgba(255,255,255,.3);padding-top:8px}
/* Team-Kalender (16.10.2026) */
.ev{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.card h2+.ev,.card .eyebrow+.ev{border-top:0}
.evtime b{display:block;font-family:var(--display);font-size:1.15rem}
.evtime small{color:var(--muted);font-size:.78rem}
.evbody b{display:block;font-size:1.02rem}
.evbody small{display:block;color:var(--muted);font-size:.85rem;margin-top:2px;white-space:pre-line}
.evbtns{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.evbtns .smallbtn{min-height:34px;font-size:.8rem}
.evform{display:flex;flex-direction:column;gap:12px}
.evform textarea{min-height:80px;padding:10px;resize:vertical}
.check{display:flex;align-items:center;gap:8px;font-weight:600}
.check input{width:20px;height:20px}
.evbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-radius:14px;padding:10px 14px;background:var(--blue-soft);color:var(--ink);font:inherit;border-left:5px solid var(--blue)}
.evbar>span:first-child{font-size:1.4rem}
.evbar small{display:block;color:var(--muted);font-size:.75rem;font-weight:700}
.evbar b{display:block;font-size:1.02rem}
.evbar .arrow{color:var(--muted);font-size:1.3rem}
a.btn{color:var(--ink)}
.vis{display:inline-block;font-size:.72rem;font-weight:700;border-radius:99px;padding:2px 8px;margin-top:3px;background:var(--surface-2);color:var(--muted)}
.vis-team{background:var(--green-soft);color:var(--green)}
.vis-auswahl{background:var(--blue-soft);color:var(--blue)}
.pickppl{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:10px;padding:10px 12px}
.evbody .vis{margin-right:4px}
.pvlist{display:flex;flex-wrap:wrap;gap:6px}
.pvlist .smallbtn{min-height:40px}
.evhome .evhead{display:flex;justify-content:space-between;align-items:center}
.evhome .evhead .linkbtn{padding:0}
.evline{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:10px;align-items:center;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:var(--ink);font:inherit}
.evday b{display:block;font-size:.88rem}
.evday small{color:var(--muted);font-size:.78rem}
.evday.today b{color:var(--orange)}
.evt b{display:block;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evt small{display:block;color:var(--muted);font-size:.78rem}
/* Gebiete: mehrere Berater, von–bis (16.10.2026) */
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mchip{min-height:36px;border-radius:99px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;padding:0 12px}
.mchip.on{background:var(--purple);border-color:var(--purple);color:#fff}
.mchip.part{border-color:var(--purple);border-style:dashed;color:var(--purple)}
.mchip small{font-size:.72rem;opacity:.8}
.mchips.sm .mchip{min-height:30px;font-size:.78rem;padding:0 9px}
.gmbtns{display:flex;gap:6px;flex-wrap:wrap}
.gmbtns .smallbtn{min-height:34px;font-size:.82rem}
.rangebox{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border-radius:12px;padding:12px}
.hlist{display:flex;flex-direction:column;gap:6px}
.hrow3{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--line)}
.hrow3:first-child{border-top:0}
.hnum{display:flex;align-items:center;gap:8px}
.srow{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.team-note{margin:0;font-size:.88rem;background:var(--purple-soft);border-radius:10px;padding:8px 10px}
.hchip .shared{font-style:normal;font-size:.7rem;margin-left:3px}
.updbanner{background:var(--blue-soft)}
/* Einarbeitung, Wochenziele, Bericht, Bewerber, Karte (16.10.2026) */
.onb{display:flex;flex-direction:column;gap:6px}
.onbit{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--ink);font:inherit;font-size:.9rem}
.onbit i{width:22px;height:22px;border-radius:6px;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;flex:none}
.onbit.on i{background:var(--green);border-color:var(--green)}
.onbit.on span{color:var(--muted)}
.onbit small{display:block;font-size:.72rem;color:var(--muted)}
.onbit.auto{border-style:dashed}
.onbwrap{background:var(--surface-2);border-radius:12px;padding:10px 12px}
.onbwrap>summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.onbwrap>summary::-webkit-details-marker{display:none}
.onbwrap[open]>summary{margin-bottom:8px}
.goalbox{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:12px;padding:10px 12px}
.goalin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.goalin label{display:flex;flex-direction:column;gap:3px;font-size:.75rem;font-weight:700;color:var(--muted)}
.goalin .inp{height:40px}
.gbar{display:flex;flex-direction:column;gap:4px}
.gbar>span:first-child{display:flex;justify-content:space-between;font-size:.88rem}
.gtrack{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden;display:block}
.goalbox .gtrack{background:var(--surface)}
.gtrack span{display:block;height:100%;background:var(--blue);border-radius:5px}
.gtrack span.done{background:var(--green)}
.report{white-space:pre-wrap;font-family:inherit;font-size:.85rem;line-height:1.45;background:var(--surface-2);border-radius:10px;padding:10px 12px;margin:0;max-height:420px;overflow:auto}
.segbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:.7rem;padding:0 4px}
.teamseg button{font-size:.8rem}
.appcard{border-left:5px solid var(--gold)}
.appcard.st-angerufen{border-left-color:var(--blue)}
.appcard.st-gespraech{border-left-color:var(--purple)}
.appcard.st-eingestellt{border-left-color:var(--green)}
.appcard.st-abgesagt{border-left-color:var(--muted);opacity:.75}
.apphead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.apphead b{font-size:1.1rem}
.apphead small{display:block;color:var(--muted);font-size:.8rem}
.appst{font-size:.75rem;font-weight:700;border-radius:99px;padding:3px 10px;background:var(--surface-2)}
.appcontact{display:flex;gap:6px;flex-wrap:wrap}
.appcontact .smallbtn{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink)}
.appmsg{margin:0;font-size:.88rem;background:var(--surface-2);border-radius:10px;padding:8px 10px;white-space:pre-line}
.appseg button{font-size:.72rem;padding:0 2px}
.mapcard{padding:10px}
.geomap{height:62vh;min-height:320px;border-radius:12px;overflow:hidden;background:var(--surface-2);z-index:0}
.maplegend{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--muted)}
.maplegend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px;vertical-align:-1px}
.maplegend i.ring{border:3px solid #ff6a00;background:transparent;width:10px;height:10px}
.leaflet-popup-content{font-family:var(--font);font-size:.9rem}
.btn.wa{display:grid;place-items:center;text-decoration:none;background:#25d366;border-color:#25d366;color:#fff;font-weight:700}
.winbox .btn.wa{width:100%;margin-top:8px}
.idbox{display:grid;grid-template-columns:1fr 1fr;gap:8px}.idbox label{display:flex;flex-direction:column;gap:3px;font-size:.75rem;font-weight:700;color:var(--muted)}.idbox .inp{height:40px}

/* ---------- tz-68: Home aufgeräumt, Rückgängig, Nächstes Haus, Kombis ---------- */
.ready .resume{margin-top:2px;background:var(--surface-2);border-color:transparent}
.glance{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px}
.gl{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0;border:1px solid var(--line);border-top:4px solid var(--gc,var(--green));border-radius:14px;padding:10px 11px;background:var(--surface);color:var(--ink);font:inherit}
.gl small{font-size:.72rem;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl b{font-family:var(--display);font-size:1.35rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl b span{font-size:.9rem;color:var(--muted)}
.gl-green{--gc:var(--green)} .gl-green b{color:var(--green)}
.gl-gold{--gc:var(--gold)} .gl-blue{--gc:var(--blue)} .gl-orange{--gc:var(--orange)}
.gltrack{display:block;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:4px}
.gltrack i{display:block;height:100%;background:var(--gold);border-radius:3px}
.morebtn{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:1px dashed var(--line);border-radius:var(--r);padding:12px 16px;color:var(--ink);font:inherit;font-weight:700}
.morebtn small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.morebtn .arrow{color:var(--muted)}
.toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 62px);z-index:200;width:min(440px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 16px;border-radius:14px;background:#1f2633;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:.95rem;transition:opacity .2s,transform .2s}
.toast.out{opacity:0;transform:translate(-50%,-8px)}
.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast button{flex:none;border:0;border-radius:10px;background:#ffd75e;color:#1b1400;font:inherit;font-weight:800;padding:10px 14px;min-height:44px}
.nexth{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:var(--r);padding:14px 16px;background:#2560c4;color:#fff;font:inherit}
.nexth small{display:block;opacity:.85;font-size:.8rem}
.nexth b{font-size:1.1rem}
.nexth .arrow{font-size:1.5rem}
.nexth.done{background:#15874a;margin-top:4px}
.combos{display:grid;gap:8px;margin-bottom:6px}
.combo{display:flex;flex-direction:column;gap:2px;text-align:left;border:2px solid var(--green);border-radius:12px;padding:10px 12px;background:var(--green-soft,var(--surface-2));color:var(--ink);font:inherit}
.combo b{font-size:1rem}
.combo small{color:var(--muted);font-size:.8rem}
.grouph{margin:10px 4px -4px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.resume.go{background:#2560c4;border-color:#2560c4;color:#fff}
.resume.go small,.resume.go .arrow{color:rgba(255,255,255,.85)}

/* ---------- tz-69: Wiedervorlagen ---------- */
.wvrow{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.wvrow:first-of-type{border-top:0;padding-top:0}
.wvmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:0;color:var(--ink);font:inherit}
.wvmain b{font-size:1.05rem}
.wvmain small{color:var(--muted);font-size:.82rem}
.wvmain .wvnote{color:var(--ink);font-size:.85rem}
.wvlate{color:var(--red);font-weight:700}
.wvcount{background:var(--orange);color:#fff}
.wvsoon{margin:0;font-size:.82rem}
.wvset{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wvset span{font-size:.8rem;font-weight:700;color:var(--muted);margin-right:2px}
.wvset .smallbtn.on{background:var(--orange);border-color:var(--orange);color:#fff}
.flashbell{animation:flashbell 1.4s ease-out}
@keyframes flashbell{0%,30%{box-shadow:0 0 0 3px var(--orange)}100%{box-shadow:0 0 0 0 transparent}}