/* Plattform – Aussehen (aus design/plattform/entwurf.html übernommen) */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--app-font);font-size:var(--app-text);line-height:1.5;color:var(--app-text-color);background:var(--app-bg);-webkit-font-smoothing:antialiased;overflow:hidden}
button,input,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--app-accent-text);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}

/* ---------- Grundgerüst ---------- */
.app{display:flex;height:100dvh}
.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--app-bg)}
.scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}

/* ---------- Seitenleiste ---------- */
.sb{width:var(--app-sidebar-open);flex:none;display:flex;flex-direction:column;background:var(--app-sidebar);padding:calc(var(--app-space-3) + env(safe-area-inset-top)) var(--app-space-3) calc(var(--app-space-3) + env(safe-area-inset-bottom)) calc(var(--app-space-3) + env(safe-area-inset-left));transition:width var(--app-speed) var(--app-ease);overflow:hidden}
.sb-top{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2);margin-bottom:var(--app-space-3)}
.brand{display:flex;align-items:center;min-height:var(--app-tap);min-width:0;padding:0 var(--app-space-1);border-radius:var(--app-radius-sm)}
.logo{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.logo.tile{background:var(--app-logo-tile)}
.logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.expand-ic{display:none}
.icon-btn{width:var(--app-tap);height:var(--app-tap);flex:none;display:grid;place-items:center;border-radius:var(--app-radius-sm);color:var(--app-text-muted)}
.icon-btn:hover{background:var(--app-hover);color:var(--app-text-color)}
.nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav-label{display:flex;align-items:center;gap:var(--app-space-2);font-size:var(--app-text-xs);font-weight:500;color:var(--app-text-faint);padding:var(--app-space-4) var(--app-space-3) var(--app-space-1);white-space:nowrap}
.nav-label:first-child{padding-top:var(--app-space-1)}
.nav-label.intern{margin-top:var(--app-space-3);border-top:1px solid var(--app-line);padding-top:var(--app-space-4)}
.nav-label .tag{font-size:11px;padding:1px 7px;border-radius:var(--app-radius-pill);border:1px solid var(--app-line);color:var(--app-text-faint)}
.nav-sep{height:1px;background:var(--app-line);margin:var(--app-space-2) var(--app-space-2)}
.nav-item{display:flex;align-items:center;gap:var(--app-space-3);min-height:var(--app-tap);padding:0 var(--app-space-3);border-radius:var(--app-radius-sm);color:var(--app-text-color);font-size:var(--app-text-sm);text-align:left;white-space:nowrap;width:100%}
.nav-item svg{color:var(--app-text-muted)}
.nav-item:hover{background:var(--app-hover)}
.nav-item.active{background:color-mix(in srgb,var(--app-accent) 14%,transparent);color:var(--app-accent-text);font-weight:500}
.nav-item.active svg{color:var(--app-accent-text)}
.sb-bottom{position:relative;padding-top:var(--app-space-2);border-top:1px solid var(--app-line)}
.avatar-btn{display:flex;align-items:center;gap:var(--app-space-3);width:100%;min-height:52px;padding:0 var(--app-space-2);border-radius:var(--app-radius-sm);text-align:left}
.avatar-btn:hover{background:var(--app-hover)}
.avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--app-accent);color:var(--app-on-accent);display:grid;place-items:center;font-size:var(--app-text-xs);font-weight:600}
.who{min-width:0;line-height:1.25}
.who b{display:block;font-size:var(--app-text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who span{font-size:var(--app-text-xs);color:var(--app-text-muted);white-space:nowrap}

/* eingeklappt = schmale Icon-Leiste */
.app.collapsed .sb{width:var(--app-sidebar-closed);padding-left:calc(var(--app-space-2) + env(safe-area-inset-left));padding-right:var(--app-space-2)}
.app.collapsed .nav-item span,.app.collapsed .who,.app.collapsed #collapse-btn{display:none}
.app.collapsed .sb-top{justify-content:center}
.app.collapsed .brand:hover .logo{display:none}
.app.collapsed .brand:hover .expand-ic{display:block;margin:8px}
.app.collapsed .nav-label{font-size:0;gap:0;padding:0;margin:var(--app-space-2) var(--app-space-2);border-top:1px solid var(--app-line)}
.app.collapsed .nav-label:first-child{display:none}
.app.collapsed .nav-label .tag{display:none}
.app.collapsed .nav-item{justify-content:center;padding:0}
.app.collapsed .avatar-btn{justify-content:center;padding:0}

/* ---------- Kopfzeile ---------- */
.topbar{display:flex;align-items:center;min-height:56px;padding:env(safe-area-inset-top) calc(var(--app-space-3) + env(safe-area-inset-right)) 0 calc(var(--app-space-3) + env(safe-area-inset-left))}

/* ---------- Inhalt ---------- */
.page{display:none;max-width:var(--app-content-max);margin:0 auto;padding:var(--app-space-4) var(--app-pad-x-desktop) var(--app-space-12)}
.page.show{display:block}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);flex-wrap:wrap;margin-bottom:var(--app-space-6)}
h1{font-size:var(--app-h1);font-weight:600;letter-spacing:var(--app-tracking-tight);line-height:1.2}
h2{font-size:var(--app-text);font-weight:500;color:var(--app-text-muted)}
.lead{color:var(--app-text-muted);font-size:var(--app-text-sm);margin-top:var(--app-space-1)}
.actions{display:flex;gap:var(--app-space-2);flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--app-space-2);min-height:var(--app-tap);padding:0 var(--app-space-5);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);font-weight:500;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--app-accent);color:var(--app-on-accent)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{border:1px solid var(--app-line);background:var(--app-surface)}
.btn-ghost:hover{background:var(--app-hover)}

/* ---------- Startseite ---------- */
.page[data-page="start"]{max-width:760px;min-height:100%;flex-direction:column;justify-content:center;padding-bottom:12vh}
.page[data-page="start"].show{display:flex}
.hero{display:flex;align-items:center;justify-content:center;gap:var(--app-space-3);font-size:var(--app-hero);font-weight:600;letter-spacing:var(--app-tracking-tight);line-height:1.15;text-align:center;margin-bottom:var(--app-space-8)}
.hero-logo{width:1.15em;height:1.15em;border-radius:.28em}
.composer-wrap{container-type:inline-size}
.composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"plus input right";align-items:end;transition:border-radius var(--app-speed) var(--app-ease);gap:var(--app-space-1);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);padding:var(--app-space-2);box-shadow:var(--app-shadow)}
.c-plus{grid-area:plus}
.composer textarea{grid-area:input;align-self:center;min-width:0;width:100%;border:0;outline:0;background:none;color:inherit;font:inherit;font-size:var(--app-text);line-height:1.5;resize:none;overflow-y:auto;min-height:var(--app-tap);max-height:calc(6 * 1.5em + 20px);padding:10px var(--app-space-2);scrollbar-width:thin}
.composer textarea::placeholder{color:var(--app-text-faint)}
.composer.gross{border-radius:var(--app-radius-card)}
/* Anzeige beim Zuhören */
.c-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-2);margin:0 var(--app-space-4) var(--app-space-3);font-size:var(--app-text-sm);font-weight:500;color:var(--app-accent-text)}
.c-aufnahme{display:none;grid-area:input;align-self:center;align-items:center;gap:var(--app-space-3);min-width:0;min-height:var(--app-tap);padding:0 var(--app-space-3);overflow:hidden}
.composer.aufnahme textarea{display:none}
.composer.aufnahme .c-aufnahme{display:flex}
.c-aufnahme .sa-wellen{flex:1;min-width:0;justify-content:flex-start;overflow:hidden}
.c-aufnahme #c-zeit{font-variant-numeric:tabular-nums;color:var(--app-text-muted);font-size:var(--app-text-sm)}
.c-status .c-tipp{margin-left:auto;color:var(--app-text-faint);font-weight:400;font-size:var(--app-text-xs)}
.rec-punkt{width:10px;height:10px;border-radius:50%;background:var(--app-bad);animation:blinken 1.2s ease-in-out infinite}
@keyframes blinken{50%{opacity:.3}}
.voice.listening .i-wave{display:none}
.voice.listening .i-send{display:block}
.c-right{grid-area:right;display:flex;align-items:center;gap:var(--app-space-1)}
.c-right .icon-btn{border-radius:50%}
.voice{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--app-accent);color:var(--app-on-accent);position:relative}
.voice svg{width:22px;height:22px}
.voice .i-send,.composer.has-text .voice .i-wave{display:none}
.composer.has-text .voice .i-send{display:block}
.listening{color:var(--app-accent-text)}
.voice.listening{color:var(--app-on-accent)}
.voice.listening::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--app-accent);animation:pulse 1.2s var(--app-ease) infinite}
@keyframes pulse{from{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}
@container (max-width:440px){
  .composer{grid-template-columns:auto 1fr;grid-template-areas:"input input" "plus right";border-radius:var(--app-radius-card)}
  .composer textarea{padding:10px var(--app-space-3)}
  .c-status .c-tipp{margin-left:0;width:100%}
  .c-right{justify-self:end}
}
.suggest{display:flex;flex-direction:column;margin-top:var(--app-space-5)}
.sug{display:flex;align-items:center;gap:var(--app-space-4);min-height:52px;padding:0 var(--app-space-5);border-radius:var(--app-radius-md);font-size:var(--app-text);color:var(--app-text-muted);text-align:left}
.sug:hover{background:var(--app-hover);color:var(--app-text-color)}

/* ---------- Karten ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--app-space-4)}
.card{background:var(--app-surface);border:1px solid transparent;box-shadow:var(--app-card-shadow);border-radius:var(--app-radius-card);padding:var(--app-space-5)}
.card h2{font-size:var(--app-text-sm);margin-bottom:var(--app-space-2)}
.big{font-size:var(--app-h1);font-weight:500;letter-spacing:var(--app-tracking-tight)}
.sub{font-size:var(--app-text-sm);color:var(--app-text-muted);margin-top:var(--app-space-1)}
.card.wide{grid-column:1/-1}
.grid.kopf-karten{margin-bottom:var(--app-space-4)}
/* Motivations-Karte: angeboten vs. abgerechnet */
.status.mehr::before{display:none}
.kopf-karten:has(.bilanz){grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.bilanz{position:relative}
.bilanz h2{padding-right:calc(var(--app-tap) - var(--app-space-2))}
@media (max-width:719px){.grid.kopf-karten:has(.bilanz){grid-template-columns:1fr 1fr}.bilanz{grid-column:1/-1}}
.bilanz .plus{color:var(--app-ok)}
.bilanz .minus{color:var(--app-bad)}
.bilanz-mehr summary{position:absolute;top:var(--app-space-2);right:var(--app-space-2);list-style:none;cursor:pointer}
.bilanz-mehr summary::-webkit-details-marker{display:none}
.bilanz-mehr summary svg{transform:rotate(90deg);transition:transform var(--app-speed) var(--app-ease)}
.bilanz-mehr[open] summary svg{transform:rotate(-90deg)}
.bilanz-balken{position:absolute;z-index:5;top:calc(100% + var(--app-space-2));right:0;width:min(420px,calc(100vw - 40px));display:flex;flex-direction:column;gap:var(--app-space-3);padding:var(--app-space-4);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-card);box-shadow:var(--app-shadow)}
.bb-zeile{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:var(--app-space-3);font-size:var(--app-text-sm)}
.bb-zeile span{color:var(--app-text-muted)}
.bb{height:10px;border-radius:var(--app-radius-pill);background:var(--app-surface-2);overflow:hidden}
.bb i{display:block;height:100%;border-radius:inherit;background:var(--app-neutral)}
.bb-zeile.ab .bb i{background:var(--app-ok)}
.knoepfe-handy{display:none}
@media (max-width:719px){
  .page-head.mit-handy .actions{display:none}
  .knoepfe-handy{display:flex;gap:var(--app-space-2);margin-bottom:var(--app-space-4)}
  .knoepfe-handy .btn{flex:1;min-width:0;padding:0 var(--app-space-2);font-size:var(--app-text-xs)}
  .knoepfe-handy .btn svg{width:16px;height:16px}
}
@media (max-width:719px){.grid.kopf-karten{grid-template-columns:1fr 1fr;gap:var(--app-space-3)}.kopf-karten .card{padding:var(--app-space-4)}.kopf-karten .big{font-size:var(--app-text-lg)}}
.toplist{list-style:none;display:flex;flex-direction:column}
.toplist li{display:flex;justify-content:space-between;align-items:center;gap:var(--app-space-4);min-height:var(--app-tap);padding:var(--app-space-2) 0;border-top:1px solid var(--app-line);font-size:var(--app-text-sm)}
.toplist li:first-child{border-top:0}
.mahn-kasten{margin-bottom:var(--app-space-4)}
.mahn-kasten h2{color:var(--app-bad)}
.mahn-kasten .mk-text{display:flex;flex-direction:column;min-width:0}
.mahn-kasten .mk-text .sub{margin-top:0}
.mahn-kasten .mk-rechts{display:flex;align-items:center;gap:var(--app-space-3);flex:none}
@media (max-width:719px){.mahn-kasten li{flex-direction:column;align-items:stretch;gap:var(--app-space-2)}.mahn-kasten .mk-rechts{justify-content:space-between}.mahn-kasten .mk-rechts .btn{flex:1;min-width:0;white-space:normal}}
.mt{margin-top:var(--app-space-4)}

/* ---------- Reiter + Filter ---------- */
.tabs{display:flex;gap:var(--app-space-1);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;margin-bottom:var(--app-space-4);border-bottom:1px solid var(--app-line)}
.tabs::-webkit-scrollbar{display:none}
.tab{min-height:var(--app-tap);padding:0 var(--app-space-3);font-size:var(--app-text-sm);color:var(--app-text-muted);white-space:nowrap;border-bottom:2px solid transparent;flex:none}
.tab:hover{color:var(--app-text-color)}
.tab.active{color:var(--app-text-color);font-weight:500;border-bottom-color:var(--app-accent)}
.tab small,.fchip small{font-size:var(--app-text-xs);color:var(--app-text-faint);margin-left:var(--app-space-1)}
.fchips{display:flex;align-items:center;gap:var(--app-space-2);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-block:var(--app-space-1);scrollbar-width:none;margin-bottom:var(--app-space-3)}
.fchips::-webkit-scrollbar{display:none}
.fchip{flex:none;min-height:36px;padding:0 var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);color:var(--app-text-muted);white-space:nowrap;position:relative}
.fchip::before{content:"";position:absolute;inset:-4px 0}
.fchip:hover{background:var(--app-hover)}
.fchip.active{background:var(--app-text-color);border-color:var(--app-text-color);color:var(--app-bg)}
.fchip.active small{color:var(--app-bg);opacity:.7}

/* ---------- Listen ---------- */
.toolbar{display:flex;gap:var(--app-space-2);margin-bottom:var(--app-space-4)}
.search{flex:1;min-width:0;display:flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);background:var(--app-surface);color:var(--app-text-faint)}
.search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:var(--app-text);color:var(--app-text-color)}
.search input::placeholder{color:var(--app-text-faint)}
.toolbar .btn{padding:0 var(--app-space-4)}
.list{container-type:inline-size;border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:var(--app-surface);overflow:hidden}
.row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kunde wert" "meta status";column-gap:var(--app-space-3);row-gap:2px;align-items:center;padding:var(--app-space-3) var(--app-space-2) var(--app-space-3) var(--app-space-4);border-top:1px solid var(--app-line);font-size:var(--app-text-sm)}
.row:first-child{border-top:0}
.row:hover{background:var(--app-hover)}
.r-kunde{grid-area:kunde;min-width:0}
.r-kunde b{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--app-text)}
.r-kunde span{color:var(--app-text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-meta{grid-area:meta;color:var(--app-text-muted);font-size:var(--app-text-xs)}
.r-kunde .r-marken{display:flex;flex-wrap:wrap;gap:var(--app-space-1);margin-top:var(--app-space-1);white-space:normal;overflow:visible}
/* Rechnung unter ihrem Angebot: Unterkarte im selben Block (keine Trennlinie dazwischen, Spalten bleiben bündig) */
.row.kind{position:relative;isolation:isolate;border-top:0;padding-bottom:calc(var(--app-space-2) + var(--app-space-3))}
.row.kind::before{content:"";position:absolute;inset:0 var(--app-space-2) var(--app-space-2);z-index:-1;border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface-2)}
.row.kind:hover{background:none}
.row.kind:hover::before{background:var(--app-hover)}
.row.kind .r-kunde{position:relative;padding-left:calc(28px + var(--app-space-3))}
.row.kind .r-kind-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--app-surface);border:1px solid var(--app-line);color:var(--app-text-muted)}
.row.kind .r-kind-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
@container (min-width:720px){.row.kind{padding-bottom:calc(var(--app-space-2) * 2)}}
.r-nr,.r-datum,.r-c4,.r-more,.list-head{display:none}
.row.mit-bild .r-kunde{position:relative;min-height:68px;padding-left:calc(48px + var(--app-space-3));display:flex;flex-direction:column;justify-content:center}
.r-vorschau{position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:68px;object-fit:cover;object-position:top;border-radius:var(--app-radius-sm);border:1px solid var(--app-line);background:var(--app-surface-2)}
.r-wert{grid-area:wert;text-align:right;font-weight:500}
.r-status{grid-area:status;justify-self:end}
@container (min-width:720px){
  .row,.list-head{display:grid;grid-template-columns:120px minmax(0,1fr) 96px 110px 120px 124px var(--app-tap);grid-template-areas:none;column-gap:var(--app-space-3);padding:var(--app-space-2) var(--app-space-2) var(--app-space-2) var(--app-space-5);min-height:60px}
  .row>*{grid-area:auto}
  .r-nr,.r-datum,.r-c4{display:block;color:var(--app-text-muted)}
  .r-meta{display:none}
  .r-kunde b{font-size:var(--app-text-sm)}
  .r-status{justify-self:start}
  .r-more{display:grid}
  .list-head{min-height:44px;font-size:var(--app-text-xs);color:var(--app-text-faint);background:var(--app-surface-2);align-items:center}
  .list-head .right{text-align:right}
}
.status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--app-radius-pill);font-size:var(--app-text-xs);font-weight:500;white-space:nowrap}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-ok{color:var(--app-ok);background:color-mix(in srgb,var(--app-ok) 13%,transparent)}
.s-warn{color:var(--app-warn);background:color-mix(in srgb,var(--app-warn) 13%,transparent)}
.s-bad{color:var(--app-bad);background:color-mix(in srgb,var(--app-bad) 13%,transparent)}
.s-neutral{color:var(--app-neutral);background:color-mix(in srgb,var(--app-neutral) 13%,transparent)}
.s-accent{color:var(--app-accent-text);background:color-mix(in srgb,var(--app-accent) 14%,transparent)}
.s-orange{color:var(--app-warm);background:color-mix(in srgb,var(--app-warm) 13%,transparent)}
.s-gelb{color:var(--app-gelb);background:color-mix(in srgb,var(--app-gelb) 15%,transparent)}
.empty{padding:var(--app-space-8);text-align:center;color:var(--app-text-muted);font-size:var(--app-text-sm)}

/* ---------- Stempeluhr ---------- */
.emp{display:flex;flex-direction:column;gap:var(--app-space-3)}
.emp-top{display:flex;align-items:center;gap:var(--app-space-3)}
.emp-top .avatar{width:40px;height:40px;font-size:var(--app-text-sm);background:var(--app-surface-2);color:var(--app-text-color)}
.emp-top b{font-weight:500;flex:1}
.timeline{font-size:var(--app-text-xs);color:var(--app-text-muted)}

/* ---------- Einstellungen ---------- */
.set-row{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);min-height:52px;border-top:1px solid var(--app-line);font-size:var(--app-text-sm);width:100%;text-align:left}
.set-row:first-of-type{border-top:0}
.set-row .lbl{display:flex;align-items:center;gap:var(--app-space-3)}
.set-row .lbl svg{color:var(--app-text-muted)}
.switch{width:44px;height:26px;flex:none;border-radius:var(--app-radius-pill);background:var(--app-surface-2);border:1px solid var(--app-line);position:relative;transition:background var(--app-speed)}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--app-text-faint);transition:transform var(--app-speed) var(--app-ease),background var(--app-speed)}
.switch.on{background:var(--app-accent);border-color:var(--app-accent)}
.switch.on::after{transform:translateX(18px);background:var(--app-on-accent)}
.field{width:100%;min-height:120px;resize:vertical;padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-bg);color:var(--app-text-color);font:inherit;font-size:var(--app-text);outline:0}
.field:focus{border-color:var(--app-accent-text)}
.field::placeholder{color:var(--app-text-faint)}
.set-group{font-size:var(--app-text-xs);color:var(--app-text-faint);margin:var(--app-space-4) 0 var(--app-space-1)}
.set-group:first-child{margin-top:0}
.set-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));column-gap:var(--app-space-6)}
.set-cols .set-row{border-top:0;border-bottom:1px solid var(--app-line)}

/* ---------- Platzhalter ---------- */
.placeholder{border:1px dashed var(--app-line);border-radius:var(--app-radius-card);padding:var(--app-space-12) var(--app-space-6);text-align:center;color:var(--app-text-muted)}

/* ---------- Menüs ---------- */
.menu{position:fixed;z-index:50;min-width:220px;background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);padding:var(--app-space-1);display:none}
.menu.open{display:block}
.menu-item{display:flex;align-items:center;gap:var(--app-space-3);width:100%;min-height:var(--app-tap);padding:0 var(--app-space-3);border-radius:var(--app-radius-sm);font-size:var(--app-text-sm);text-align:left}
.menu-item:hover{background:var(--app-hover)}
.menu-item svg{color:var(--app-text-muted);width:18px;height:18px}
.menu-item .mini{width:24px;height:24px;border-radius:7px;overflow:hidden;flex:none;display:grid;place-items:center;isolation:isolate}
.menu-item .mini img{width:100%;height:100%;object-fit:contain}
.menu-item .mini.tile{background:var(--app-logo-tile)}   /* nur Logos, die eine helle Kachel brauchen (z. B. Rheinsanierung) */
.menu-item .mini.tile img{mix-blend-mode:multiply}
.menu-item .check{margin-left:auto;color:var(--app-accent-text);visibility:hidden}
.menu-item.on .check{visibility:visible}
.menu-sep{height:1px;background:var(--app-line);margin:var(--app-space-1) 0}
.menu-head{padding:var(--app-space-3);font-size:var(--app-text-xs);color:var(--app-text-muted)}
.menu-head b{color:var(--app-text-color);font-size:var(--app-text-sm);font-weight:600}
/* Menü anpassen (Fenster am Namen) */
.menu.anpassen{width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:var(--app-space-1) var(--app-space-3) var(--app-space-2)}
.menu.anpassen .menu-head{padding:var(--app-space-3) 0}
.menu.anpassen .set-cols{grid-template-columns:1fr}
.menu.anpassen .set-row{min-height:var(--app-tap)}
/* Großer Lade-Kreis, solange der Assistent erstellt */
.ki-laden{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--app-space-3);text-align:center}
.ki-laden h2{font-size:var(--app-text-lg);margin-top:var(--app-space-3)}
.ki-kreis{position:relative;width:88px;height:88px;display:grid;place-items:center;color:var(--app-accent-text)}
.ki-kreis .spinner{position:absolute;inset:0;width:100%;height:100%;border-width:4px}
.ki-kreis svg{width:30px;height:30px;animation:atmen 1.6s ease-in-out infinite}
@keyframes atmen{50%{transform:scale(.85);opacity:.6}}
@media (prefers-reduced-motion:reduce){.ki-kreis .spinner{animation-duration:2s}.ki-kreis svg,.rec-punkt{animation:none}}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 var(--app-space-2) var(--app-space-2);padding:3px;border-radius:var(--app-radius-pill);background:var(--app-surface-2)}
.seg button{min-height:var(--app-tap);border-radius:var(--app-radius-pill);font-size:var(--app-text-xs);color:var(--app-text-muted)}
.seg button.on{background:var(--app-surface);color:var(--app-text-color);box-shadow:var(--app-shadow);font-weight:500}

/* ---------- Hinweis ---------- */
.toast{position:fixed;left:50%;bottom:calc(var(--app-space-6) + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--app-text-color);color:var(--app-bg);padding:var(--app-space-3) var(--app-space-5);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);transition:all var(--app-speed) var(--app-ease);z-index:60;max-width:calc(100vw - 40px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.neue-version{position:fixed;left:50%;bottom:calc(var(--app-space-6) + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-2) var(--app-space-2) var(--app-space-2) var(--app-space-5);background:var(--app-surface-2);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);z-index:61;max-width:calc(100vw - 40px);white-space:nowrap}

/* ---------- Handy ---------- */
.overlay{display:none}
@media (max-width:767px){
  .main{margin-left:calc(var(--app-sidebar-closed) + env(safe-area-inset-left))}
  .sb{position:fixed;z-index:30;inset:0 auto 0 0}
  .app.drawer .sb{width:min(300px,85vw);box-shadow:var(--app-shadow)}
  .topbar{min-height:calc(56px + env(safe-area-inset-top))}
  .overlay{display:block;position:fixed;inset:0;z-index:25;background:var(--app-overlay);opacity:0;pointer-events:none;transition:opacity var(--app-speed)}
  .app.drawer .overlay{opacity:1;pointer-events:auto}
  .page{padding:var(--app-space-2) calc(var(--app-pad-x-mobile) + env(safe-area-inset-right)) var(--app-space-12) var(--app-pad-x-mobile)}
  .hero{flex-direction:column}
  .page-head .actions{width:100%}
  .page-head .actions .btn{flex:1}
  .toolbar .btn span{display:none}
  .toolbar .btn{width:var(--app-tap);padding:0}
  /* Nur-Module-Firmen (Can Luca): Seitenleiste zu = ganz weg, Menü-Knopf oben links */
  .app.nur-module .main{margin-left:0}
  .app.nur-module .sb{transition:transform var(--app-speed) var(--app-ease),width var(--app-speed) var(--app-ease)}
  .app.nur-module.collapsed .sb{transform:translateX(-100%)}
  .app.nur-module .menu-auf{display:grid}
}
.menu-auf{display:none}

/* ---------- Laden ---------- */
[hidden]{display:none!important}
.boot{position:fixed;inset:0;display:grid;place-items:center;background:var(--app-bg)}
.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--app-line);border-top-color:var(--app-accent);animation:dreh .8s linear infinite}
@keyframes dreh{to{transform:rotate(360deg)}}

/* ---------- Login ---------- */
.auth{min-height:100dvh;overflow-y:auto;display:grid;place-items:center;padding:calc(var(--app-space-8) + env(safe-area-inset-top)) var(--app-pad-x-mobile) calc(var(--app-space-8) + env(safe-area-inset-bottom));background:var(--app-bg)}
.auth-box{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}
.auth-logo{width:56px;height:56px;border-radius:16px;margin-bottom:var(--app-space-6)}
.auth-form{width:100%;display:flex;flex-direction:column;gap:var(--app-space-4)}
.auth-form h1{text-align:center}
.auth-form .lead{text-align:center;margin-top:calc(var(--app-space-3) * -1);margin-bottom:var(--app-space-2)}
.feld{display:flex;flex-direction:column;gap:var(--app-space-1);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.feld input{width:100%;min-width:0;min-height:48px;padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-color);font-size:var(--app-text);outline:0}
.feld input:focus{border-color:var(--app-accent-text)}
.btn-block{width:100%;min-height:48px}
.btn:disabled{opacity:.6;cursor:default}
.auth-install{margin-top:var(--app-space-5)}
.auth-install-hint{margin-top:var(--app-space-3);text-align:center;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.link-btn{align-self:center;min-height:var(--app-tap);padding:0 var(--app-space-3);font-size:var(--app-text-sm);color:var(--app-accent-text)}
.auth-fehler{font-size:var(--app-text-sm);color:var(--app-bad);min-height:0}
.auth-fehler:empty{display:none}
.auth-fehler.ok{color:var(--app-ok)}

/* ---------- Listen-Zeilen als Knopf ---------- */
.row{width:100%;text-align:left;font:inherit;color:inherit;background:none}
.r-more{place-items:center;color:var(--app-text-faint)}
.empty .spinner{display:inline-block}

/* ---------- Formulare ---------- */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-3) var(--app-space-4)}
.form-grid .breit,.form-grid .feld.breit{grid-column:1/-1}
.feld select,.feld textarea{min-height:48px;padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-color);font:inherit;font-size:var(--app-text);outline:0;width:100%}
.feld textarea{resize:vertical;line-height:1.4}
.feld select:focus,.feld textarea:focus{border-color:var(--app-accent-text)}
.feld input:disabled,.feld select:disabled,.feld textarea:disabled,.field:disabled{background:var(--app-surface-2);color:var(--app-text-muted)}
.feld input[type=file]{padding:var(--app-space-3) var(--app-space-4);min-height:48px}
select.btn{appearance:none;-webkit-appearance:none;font-size:var(--app-text);color:var(--app-text-color);cursor:pointer;max-width:100%}
.btn-gefahr{color:var(--app-bad)}
@media (max-width:767px){.form-grid{grid-template-columns:1fr}}

/* ---------- Dialog ---------- */
.dlg-hg{position:fixed;inset:0;z-index:70;background:var(--app-overlay);display:grid;place-items:center;padding:var(--app-space-4)}
.dlg{width:100%;max-width:560px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--app-surface);border:1px solid transparent;border-radius:var(--app-radius-card);box-shadow:var(--app-card-shadow),var(--app-shadow);padding:var(--app-space-5) var(--app-space-6) var(--app-space-6);display:flex;flex-direction:column;gap:var(--app-space-4)}
.dlg-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.dlg-kopf h2{font-size:var(--app-text-lg);font-weight:600;color:var(--app-text-color)}
.dlg-fuss{display:flex;justify-content:space-between;gap:var(--app-space-2)}
.dlg-hg.seitlich{background:transparent;pointer-events:none;place-items:end end;padding:var(--app-space-5)}
.dlg-hg.seitlich .dlg{pointer-events:auto;max-width:420px;animation:dlg-hoch var(--app-speed) var(--app-ease)}
@keyframes dlg-hoch{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.dlg-hg.seitlich .dlg{animation:none}}
@media (max-width:767px){.dlg-hg.seitlich{place-items:end stretch;padding:0}.dlg-hg.seitlich .dlg{max-width:none;max-height:60dvh}}
@media (max-width:767px){
  .dlg-hg{place-items:end stretch;padding:0}
  .dlg{max-width:none;max-height:92dvh;border-radius:var(--app-radius-card) var(--app-radius-card) 0 0;padding:var(--app-space-5) var(--app-pad-x-mobile) calc(var(--app-space-6) + env(safe-area-inset-bottom))}
}

/* ---------- Dokument-Editor ---------- */
.zurueck{display:inline-flex;align-items:center;gap:var(--app-space-1);padding:0;margin-bottom:var(--app-space-1);color:var(--app-text-muted)}
.ed-kopf h1{display:flex;align-items:center;gap:var(--app-space-3);flex-wrap:wrap}
/* Karte „Zu diesem Angebot“ / „Zu dieser Rechnung“ */
.bezug-karte{padding:var(--app-space-3) var(--app-space-4)}
.bezug-karte h2{margin-bottom:var(--app-space-1)}
.bz-zeile{display:flex;align-items:center;gap:var(--app-space-3);width:100%;min-height:56px;padding:var(--app-space-2);margin:0 calc(var(--app-space-2) * -1);box-sizing:content-box;text-align:left;font:inherit;color:inherit;background:none}
button.bz-zeile:hover{background:var(--app-hover)}
.bz-zeile+.bz-zeile{border-top:1px solid var(--app-line)}
.bz-zeile svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;color:var(--app-text-muted)}
.bz-text{flex:1;min-width:0}
.bz-text b{display:block;font-weight:500}
.bz-text span{display:block;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.bz-pfeil{display:flex}
.ed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--app-space-4)}
.ed-karte{margin-bottom:var(--app-space-4)}
.ed-grid .ed-karte{margin-bottom:0}
.ed-grid{margin-bottom:var(--app-space-4)}
.ed-karte>.feld{margin-bottom:var(--app-space-3)}
.pos-liste{container-type:inline-size;display:flex;flex-direction:column}
.pos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"titel titel titel" "text text text" "menge einheit preis" "mwst summe weg";gap:var(--app-space-2) var(--app-space-3);padding:var(--app-space-4) 0;border-top:1px solid var(--app-line);align-items:end}
.pos:first-child{border-top:0;padding-top:0}
.pos>*{min-width:0}
.pos-nr{display:none}
.pos-titel{grid-area:titel}.pos-text{grid-area:text}.pos-menge{grid-area:menge}.pos-einheit{grid-area:einheit}.pos-preis{grid-area:preis}.pos-mwst{grid-area:mwst}
.pos.ohne-mwst{grid-template-areas:"titel titel titel" "text text text" "menge einheit preis" "summe summe weg"}
.pos-summe{grid-area:summe;align-self:center;font-weight:500}
.pos-weg{grid-area:weg;justify-self:end}
.pos-text textarea{min-height:48px}
/* Buchung: Positionen (Konto, Betrag, MwSt., Text) */
.bu-pos{display:flex;flex-direction:column;gap:var(--app-space-3)}
.bu-pos-liste{display:flex;flex-direction:column}
.bu-pos-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"konto konto konto" "betrag satz weg" "text text text";gap:var(--app-space-2) var(--app-space-3);padding:var(--app-space-3) 0;border-top:1px solid var(--app-line);align-items:end}
.bu-pos-zeile:first-child{border-top:0;padding-top:0}
.bu-konto{grid-area:konto}.bu-betrag{grid-area:betrag}.bu-satz{grid-area:satz}.bu-text{grid-area:text}.bu-weg{grid-area:weg}
.bu-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.bu-summe{font-size:var(--app-text-sm);color:var(--app-text-muted)}
.bu-summe b{color:var(--app-text-color);font-weight:600}
/* Auswertung: Tabelle nach Monaten, Konten-Liste */
.tabelle-wrap{overflow-x:auto;margin:0 calc(-1 * var(--app-space-2))}
.tabelle{width:100%;border-collapse:collapse;font-size:var(--app-text-sm)}
.tabelle th,.tabelle td{padding:var(--app-space-2);border-top:1px solid var(--app-line);text-align:right;white-space:nowrap}
.tabelle th{border-top:0;color:var(--app-text-muted);font-weight:500}
.tabelle th:first-child,.tabelle td:first-child{text-align:left}
.tabelle tfoot td{font-weight:600}
.eu-konto{min-width:0;overflow-wrap:anywhere}
/* Auswertung: Kopf (Gewinn + Kacheln), Balkendiagramm Einnahmen/Ausgaben, Anteils-Balken, Animationen */
.eu-punkt{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:var(--app-space-2);vertical-align:0}
.eu-punkt.ein{background:var(--app-accent)}.eu-punkt.aus{background:var(--app-bad)}
.eu-minus{color:var(--app-bad)}
.eu-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--app-space-4);margin-bottom:var(--app-space-6)}
.eu-kopf-titel{font-size:var(--app-text-sm);color:var(--app-text-muted)}
.eu-gewinn{font-size:var(--app-hero);font-weight:600;letter-spacing:var(--app-tracking-tight);line-height:1.15;margin-top:var(--app-space-1)}
.eu-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-3);width:100%}
.eu-kachel{padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2);min-width:0}
.eu-kachel-titel{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.eu-kachel-wert{font-size:var(--app-text-lg);font-weight:600;letter-spacing:var(--app-tracking-tight);margin-top:var(--app-space-1);overflow-wrap:anywhere}
.eu-kachel-sub{font-size:var(--app-text-xs);color:var(--app-text-faint);margin-top:2px}
.eu-karte{container-type:inline-size}
.eu-chart{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"achse flaeche" ". monate"}
.eu-achse{grid-area:achse;position:relative;min-width:36px;padding-right:var(--app-space-2)}
.eu-achse span{position:absolute;right:var(--app-space-2);transform:translateY(50%);font-size:var(--app-text-xs);line-height:1;color:var(--app-text-muted);white-space:nowrap}
.eu-achse b{font-weight:400;display:none}.eu-achse i{font-style:normal}
.eu-flaeche{grid-area:flaeche;position:relative;height:200px}
.eu-gitter{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--app-line)}
.eu-spalten{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.eu-monat{position:relative;min-height:var(--app-tap);border-radius:var(--app-radius-sm) var(--app-radius-sm) 0 0;cursor:pointer;transition:background var(--app-speed) var(--app-ease)}
.eu-monat[aria-pressed="true"]{background:var(--app-hover)}
.eu-paar{position:absolute;inset:0 12%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.eu-b{flex:1;max-width:44px;border-radius:calc(var(--app-radius-sm) / 2);transform-origin:bottom;animation:eu-hoch calc(var(--app-speed) * 4) var(--app-ease) calc(var(--m) * 40ms + var(--app-speed)) both}
.eu-b.da{min-height:3px}
.eu-b.ein{background:var(--app-accent)}.eu-b.aus{background:var(--app-bad)}
.eu-monate{grid-area:monate;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:var(--app-space-3);font-size:var(--app-text-xs);color:var(--app-text-muted);text-align:center}
.eu-monate b{font-weight:400;display:none}.eu-monate i{font-style:normal}
.eu-info{margin-top:var(--app-space-5);padding:var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2)}
.eu-info-monat{font-size:var(--app-text-sm);font-weight:600;margin-bottom:var(--app-space-2)}
.eu-info-werte{display:grid;grid-template-columns:1fr;gap:var(--app-space-2)}
.eu-info-werte div{display:flex;justify-content:space-between;align-items:center;gap:var(--app-space-3);font-size:var(--app-text-sm)}
.eu-info-werte span{color:var(--app-text-muted)}
.eu-info-werte b{font-weight:600}
.eu-leer{padding:var(--app-space-8) 0;text-align:center;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.eu-tabelle{margin-top:var(--app-space-3)}
.eu-tabelle summary{display:inline-flex;align-items:center;min-height:var(--app-tap);font-size:var(--app-text-sm);font-weight:500;color:var(--app-accent-text);cursor:pointer}
.eu-kontoliste li{flex-wrap:wrap;row-gap:var(--app-space-1)}
.eu-anteil{flex-basis:100%;height:4px;border-radius:var(--app-radius-pill);background:var(--app-surface-2);position:relative;overflow:hidden}
.eu-anteil::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:var(--app-accent);transform-origin:left;animation:eu-quer calc(var(--app-speed) * 5) var(--app-ease) calc(var(--app-speed) * 3) both}
.eu-anteil.aus::after{background:var(--app-bad)}
.eu-rein{animation:eu-rein calc(var(--app-speed) * 3) var(--app-ease) calc(var(--i) * 60ms) both}
@keyframes eu-hoch{from{transform:scaleY(0)}}
@keyframes eu-quer{from{transform:scaleX(0)}}
@keyframes eu-rein{from{opacity:0;transform:translateY(8px)}}
@container (min-width:640px){
  .eu-kacheln{width:auto;grid-template-columns:repeat(2,auto)}
  .eu-kachel{text-align:right;padding:var(--app-space-4) var(--app-space-5)}
  .eu-kachel-titel{font-size:var(--app-text-sm)}
  .eu-kachel-wert{font-size:var(--app-h2)}
  .eu-flaeche{height:280px}
  .eu-paar{gap:4px}
  .eu-achse{min-width:64px;padding-right:var(--app-space-4)}
  .eu-achse span{right:var(--app-space-4)}
  .eu-achse b,.eu-monate b{display:inline}.eu-achse i,.eu-monate i{display:none}
  .eu-info-werte{grid-template-columns:repeat(3,1fr);gap:var(--app-space-4)}
  .eu-info-werte div{flex-direction:column;align-items:flex-start;gap:var(--app-space-1)}
  .eu-info-werte b{font-size:var(--app-text-lg)}
}
@media (prefers-reduced-motion:reduce){.eu-b,.eu-anteil::after,.eu-rein{animation:none}}
@container (min-width:640px){
  .pos{grid-template-columns:28px minmax(0,1fr) 90px 90px 120px 96px 110px var(--app-tap);grid-template-areas:"nr titel menge einheit preis mwst summe weg" ". text text text text text . ."}
  .pos.ohne-mwst{grid-template-columns:28px minmax(0,1fr) 90px 90px 120px 110px var(--app-tap);grid-template-areas:"nr titel menge einheit preis summe weg" ". text text text text . ."}
  .pos-nr{display:block;grid-area:nr;align-self:center;color:var(--app-text-faint);font-size:var(--app-text-sm);padding-top:20px}
  .pos-summe{text-align:right;padding-bottom:12px}
}
.summen{margin-left:auto;max-width:360px;margin-top:var(--app-space-5);display:flex;flex-direction:column;gap:var(--app-space-2)}
.sum-zeile{display:flex;justify-content:space-between;align-items:center;gap:var(--app-space-4);font-size:var(--app-text-sm)}
.sum-zeile select{border:1px solid var(--app-line);border-radius:var(--app-radius-sm);background:var(--app-surface);min-height:36px;padding:0 var(--app-space-2);margin-left:var(--app-space-1)}
.sum-zeile.gesamt{border-top:1px solid var(--app-line);padding-top:var(--app-space-3);font-size:var(--app-text-lg)}
.druck-rahmen{position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden}
.ed-karte .field{min-height:72px}

/* ---------- Mitarbeiter ---------- */
.link-zeile{display:flex;gap:var(--app-space-2);align-items:center;flex-wrap:wrap}
.link-zeile code{flex:1;min-width:0;overflow-wrap:anywhere;padding:var(--app-space-3) var(--app-space-4);background:var(--app-surface-2);border-radius:var(--app-radius-md);font-family:var(--app-font-mono);font-size:var(--app-text-sm)}
.ma-zeile{display:flex;align-items:center;gap:var(--app-space-3);min-height:var(--app-tap);font-size:var(--app-text-sm);text-align:left;flex:1}
.ma-zeile .avatar{background:var(--app-surface-2);color:var(--app-text-color)}
.toolbar .feld.monat{flex:1;min-width:0;flex-direction:row;align-items:center;gap:var(--app-space-3)}
.toolbar .feld.monat input{flex:1;min-width:0;max-width:260px}
.ort{align-self:flex-start;padding:0}

/* ---------- Intern ---------- */
.kz{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;margin-right:var(--app-space-2);border-radius:var(--app-radius-sm);background:var(--app-surface-2);font-size:var(--app-text-xs);font-weight:600;color:var(--app-text-muted)}
.ticket-text{display:flex;flex-direction:column;gap:var(--app-space-2);padding:var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2);font-size:var(--app-text-sm)}
.ticket-text p{white-space:pre-line;color:var(--app-text-muted)}
.ticket-text .btn{align-self:flex-start}
.grid-breit{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}

/* ---------- E-Mail ---------- */
.mail-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--app-space-3);width:100%;padding:var(--app-space-3) var(--app-space-4) var(--app-space-3) var(--app-space-6);border-top:1px solid var(--app-line);text-align:left;position:relative;min-height:60px}
.mail-zeile:first-child{border-top:0}
.mail-zeile:hover{background:var(--app-hover)}
.mail-zeile.neu::before{content:"";position:absolute;left:10px;top:20px;width:7px;height:7px;border-radius:50%;background:var(--app-accent)}
.mail-zeile.neu .mz-wer,.mail-zeile.neu .mz-betreff{font-weight:600;color:var(--app-text-color)}
.mz-wer{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-zeit{font-size:var(--app-text-xs);color:var(--app-text-faint);white-space:nowrap}
.mz-betreff{grid-column:1/-1;display:flex;align-items:center;gap:var(--app-space-1);font-size:var(--app-text-sm);color:var(--app-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-betreff svg{width:14px;height:14px}
.mail-text{padding:var(--app-space-4)}
.mail-text iframe{width:100%;min-height:200px;border:0;background:var(--app-logo-tile);border-radius:var(--app-radius-md)}

/* ---------- Automatisier Mail (Vollbild wie Gmail) ---------- */
.app.mail-voll .topbar{display:none}
.app.mail-voll .scroll{overflow:hidden;padding-bottom:0}
.app.mail-voll #dyn{max-width:none;height:100%;padding:0}
/* Mail-Farbe gilt für Mail, Schreibfenster, Menüs und Zeitwahl */
.mx,.mx-fenster-leiste,.mx-menue,.mx-zeitwahl,.mx-blockliste{--app-accent:var(--mail-accent);--app-on-accent:var(--mail-on-accent);--app-accent-text:var(--mail-accent-text)}
.mx{height:100%;display:flex;flex-direction:column;background:var(--app-sidebar);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 0}
.mx-kopf{display:flex;align-items:center;gap:var(--app-space-2);min-height:64px;padding:var(--app-space-2) var(--app-space-4) var(--app-space-2) var(--app-space-3)}
.mx-kopf [data-burger]{display:none}
.mx-marke{display:flex;align-items:center;gap:var(--app-space-3);width:232px;flex:none;padding-left:var(--app-space-2);font-size:var(--app-h2);font-weight:500;letter-spacing:var(--app-tracking-tight);white-space:nowrap}
.mx-marke img{width:36px;height:36px;flex:none}
.mx-marke span span{color:var(--app-text-muted);font-weight:400}
.mx-suche{flex:1;max-width:720px;display:flex;align-items:center;gap:var(--app-space-2);min-height:48px;padding:0 var(--app-space-1) 0 var(--app-space-4);background:var(--app-bg);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);color:var(--app-text-muted)}
.mx-suche:focus-within{box-shadow:var(--app-shadow);border-color:transparent}
.mx-suche input{flex:1;min-width:0;min-height:44px;border:0;outline:0;background:none;font-size:var(--app-text);color:var(--app-text-color)}
.mx-suche input::-webkit-search-cancel-button{display:none}
.mx-konto{margin-left:auto;display:flex;align-items:center;gap:var(--app-space-1);min-width:0}
.mx-adresse{font-size:var(--app-text-sm);color:var(--app-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.mx-koerper{flex:1;min-height:0;display:flex;position:relative}
.mx-nav{width:256px;flex:none;display:flex;flex-direction:column;min-height:0;padding:var(--app-space-2) var(--app-space-2) var(--app-space-4) var(--app-space-2)}
.mx-schreib{display:inline-flex;align-items:center;gap:var(--app-space-3);align-self:flex-start;min-height:56px;padding:0 var(--app-space-6) 0 var(--app-space-5);margin:0 0 var(--app-space-4) var(--app-space-1);border-radius:var(--app-radius-md);background:var(--app-accent);color:var(--app-on-accent);font-weight:500;box-shadow:var(--app-shadow)}
.mx-schreib:hover{filter:brightness(1.08)}
.mx-ordnerliste{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mx-ordner{display:flex;align-items:center;gap:var(--app-space-4);width:100%;min-height:var(--app-tap);padding:0 var(--app-space-3) 0 var(--app-space-4);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);color:var(--app-text-color);text-align:left}
.mx-ordner svg{color:var(--app-text-muted)}
.mx-ordner span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-ordner b{font-size:var(--app-text-xs);font-weight:600}
.mx-ordner:hover{background:var(--app-hover)}
.mx-ordner.aktiv{background:color-mix(in srgb,var(--app-accent) 16%,transparent);font-weight:600}
.mx-ordner.aktiv svg{color:var(--app-accent-text)}
.mx-ordner.fett span{font-weight:600}
.mx-label-kopf{display:flex;align-items:center;justify-content:space-between;margin:var(--app-space-4) 0 0;padding-left:var(--app-space-4);font-size:var(--app-text-lg);font-weight:500}
.mx-label-zeile{display:flex;align-items:center;position:relative}
.mx-label-zeile .mx-ordner{padding-right:var(--app-tap)}
.mx-label-zeile>.icon-btn{position:absolute;right:0;opacity:0}
.mx-label-zeile:hover>.icon-btn,.mx-label-zeile>.icon-btn:focus-visible{opacity:1}
@media (hover:none){.mx-label-zeile>.icon-btn{opacity:1}}
.mx-leer-klein{padding:var(--app-space-2) var(--app-space-4);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.mx-hg{display:none}
.mx-haupt{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--app-bg);border-radius:var(--app-radius-card) var(--app-radius-card) 0 0;margin-right:var(--app-space-4);overflow:hidden}
.mx-werkzeug{display:flex;align-items:center;gap:var(--app-space-1);min-height:56px;padding:var(--app-space-1) var(--app-space-3) var(--app-space-1) var(--app-space-2);border-bottom:1px solid var(--app-line);flex:none}
.mx-gruppe{display:flex;align-items:center;flex-wrap:wrap}
.mx-sp{flex:1}
.mx-titel{font-size:var(--app-text-lg);font-weight:500;padding-left:var(--app-space-3)}
.mx-anzahl{font-size:var(--app-text-sm);color:var(--app-text-muted);padding:0 var(--app-space-2) 0 0}
.mx-zaehler{font-size:var(--app-text-xs);color:var(--app-text-muted);white-space:nowrap;padding:0 var(--app-space-2)}
.mx-check{width:var(--app-tap);height:var(--app-tap);flex:none;display:grid;place-items:center;cursor:pointer}
.mx-check input{width:18px;height:18px;accent-color:var(--app-accent);cursor:pointer}
.mx-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
.mx-info{padding:var(--app-space-3) var(--app-space-5);font-size:var(--app-text-sm);color:var(--app-text-muted);background:var(--app-surface-2);border-bottom:1px solid var(--app-line)}
.mx-leer{display:flex;flex-direction:column;align-items:center;gap:var(--app-space-3);padding:var(--app-space-12) var(--app-space-6);text-align:center;color:var(--app-text-muted);font-size:var(--app-text-sm)}
.mx-leer svg{width:48px;height:48px;stroke-width:1.2;color:var(--app-text-faint)}
.mx-hinweis{margin:var(--app-space-6)}
.mx-link{min-height:var(--app-tap);padding:0 var(--app-space-1);font-size:var(--app-text-sm);color:var(--app-accent-text);text-decoration:underline}
.mx-blockliste{max-width:520px}
.mx-bl-liste{margin:0 calc(-1 * var(--app-space-6))}
.mx-blockliste .mx-abo{padding-left:var(--app-space-6);padding-right:var(--app-space-6)}
.mx-blockliste .mx-abo:last-child{border-bottom:0}

/* Zeilen */
.mx-z{display:grid;grid-template-columns:auto auto minmax(110px,200px) minmax(0,1fr) auto;grid-template-areas:"check stern wer inhalt zeit" ". . . dateien .";align-items:center;column-gap:var(--app-space-1);min-height:48px;padding:0 var(--app-space-4) 0 var(--app-space-2);border-bottom:1px solid var(--app-line);font-size:var(--app-text-sm);color:var(--app-text-muted);cursor:pointer;position:relative;background:color-mix(in srgb,var(--app-sidebar) 55%,var(--app-bg))}
.mx-z.neu{background:var(--app-bg)}
.mx-z:hover{box-shadow:var(--app-shadow);z-index:1}
.mx-z.gewaehlt{background:color-mix(in srgb,var(--app-accent) 12%,var(--app-bg))}
.mx-z .mx-check{grid-area:check}
.mx-z .mx-stern{grid-area:stern}
.mx-z .mx-av{display:none}
.mx-wer{grid-area:wer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--app-text-color);padding-right:var(--app-space-3)}
.mx-wer em{font-style:normal;color:var(--app-bad)}
.mx-inhalt{grid-area:inhalt;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-betreff{color:var(--app-text-color)}
.mx-snip::before{content:" – "}
.mx-zeit{grid-area:zeit;font-size:var(--app-text-xs);white-space:nowrap;padding-left:var(--app-space-3);text-align:right}
.mx-zeit.fehler{color:var(--app-bad);font-weight:600}
.mx-z.neu .mx-wer,.mx-z.neu .mx-betreff,.mx-z.neu .mx-zeit{font-weight:600;color:var(--app-text-color)}
.mx-schnell{grid-area:zeit;display:none;justify-self:end;align-items:center}
@media (hover:hover){.mx-z:hover .mx-schnell{display:flex}.mx-z:hover .mx-zeit:has(+.mx-schnell:not(:empty)){visibility:hidden}}
.mx-stern svg{color:var(--app-text-faint)}
.mx-stern.an svg{fill:var(--app-warn);stroke:var(--app-warn)}
.mx-dateien{grid-area:dateien;display:flex;flex-wrap:wrap;gap:var(--app-space-2);padding:0 0 var(--app-space-3)}
.mx-datei{display:inline-flex;align-items:center;gap:var(--app-space-2);max-width:200px;min-height:32px;padding:0 var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);font-size:var(--app-text-xs);color:var(--app-text-color);background:var(--app-bg)}
.mx-datei svg{width:16px;height:16px;color:var(--app-bad)}
.mx-datei>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--app-accent) 18%,var(--app-surface));color:var(--app-accent-text);font-weight:600;font-size:var(--app-text)}
.mx-av svg{width:20px;height:20px}
.mx-z.gewaehlt .mx-av{background:var(--app-accent);color:var(--app-on-accent)}

/* Lesen */
.mx-lesen{padding:var(--app-space-5) var(--app-space-6) var(--app-space-8) var(--app-space-6)}
.mx-l-kopf{display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-3);padding-left:56px;margin-bottom:var(--app-space-5)}
.mx-l-kopf h1{font-size:var(--app-h2);font-weight:400;line-height:1.3;overflow-wrap:anywhere}
.mx-chip{font-size:var(--app-text-xs);padding:2px var(--app-space-2);border-radius:var(--app-radius-sm);background:var(--app-surface-2);color:var(--app-text-muted)}
.mx-absender{display:flex;align-items:flex-start;gap:var(--app-space-4);margin-bottom:var(--app-space-4)}
.mx-abs-text{flex:1;min-width:0;padding-top:2px}
.mx-abs-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 var(--app-space-2);font-size:var(--app-text-sm)}
.mx-adr{color:var(--app-text-muted);font-size:var(--app-text-xs)}
.mx-abbestellen{font-size:var(--app-text-xs);text-decoration:underline;color:var(--app-text-muted);min-height:32px}
.mx-details{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.mx-details summary{cursor:pointer;list-style-position:outside;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-details dl{display:grid;grid-template-columns:auto 1fr;gap:var(--app-space-1) var(--app-space-3);margin-top:var(--app-space-2);padding:var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-sm);max-width:560px}
.mx-details dt{text-align:right}
.mx-details dd{color:var(--app-text-color);overflow-wrap:anywhere}
.mx-abs-rechts{display:flex;align-items:center;flex:none}
.mx-datum{font-size:var(--app-text-xs);color:var(--app-text-muted);white-space:nowrap;padding-right:var(--app-space-2)}
.mx-text{padding-left:56px}
.mx-text iframe{display:block;width:100%;min-height:80px;border:0}
.mx-pre{white-space:pre-wrap;font:inherit;font-size:var(--app-text-sm)}
.mx-laedt{display:flex;flex-direction:column;gap:var(--app-space-4);color:var(--app-text-muted);font-size:var(--app-text-sm)}
.mx-laedt .spinner{width:22px;height:22px}
.mx-dreht svg{animation:dreh .8s linear infinite}
@media (prefers-reduced-motion:reduce){.mx-dreht svg{animation-duration:2s}}
.mx-anhaenge{padding:var(--app-space-6) 0 0 56px}
.mx-anh-titel{font-size:var(--app-text-sm);font-weight:500;padding-top:var(--app-space-4);border-top:1px solid var(--app-line);margin-bottom:var(--app-space-3)}
.mx-anh-liste{display:flex;flex-wrap:wrap;gap:var(--app-space-3)}
.mx-anhang{display:flex;align-items:center;gap:var(--app-space-3);width:220px;max-width:100%;min-height:56px;padding:var(--app-space-2) var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-sm);text-decoration:none;color:inherit}
.mx-anhang:hover{background:var(--app-hover)}
.mx-anhang svg{width:24px;height:24px;color:var(--app-bad)}
.mx-anhang span{display:flex;flex-direction:column;min-width:0}
.mx-anhang b{font-size:var(--app-text-xs);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-anhang small{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.mx-antwort-leiste{display:flex;flex-wrap:wrap;gap:var(--app-space-3);padding:var(--app-space-8) 0 0 56px}
.mx-geplant-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-3);margin:0 0 var(--app-space-5) 56px;padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2);font-size:var(--app-text-sm)}
.mx-geplant-info span{flex:1;min-width:180px}
.mx-geplant-info.fehler{color:var(--app-bad)}

/* Abos */
.mx-abo{display:flex;align-items:center;gap:var(--app-space-4);padding:var(--app-space-3) var(--app-space-5);border-bottom:1px solid var(--app-line)}
.mx-abo-text{flex:1;min-width:0;display:flex;flex-direction:column}
.mx-abo-text b{font-size:var(--app-text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-abo-text span{font-size:var(--app-text-xs);color:var(--app-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Zeit wählen */
.mx-zeitwahl{max-width:420px}
.mx-zw-liste{display:flex;flex-direction:column;margin:0 calc(-1 * var(--app-space-3))}
.mx-zw{display:flex;justify-content:space-between;gap:var(--app-space-4);min-height:var(--app-tap);padding:0 var(--app-space-3);border-radius:var(--app-radius-sm);font-size:var(--app-text-sm);text-align:left}
.mx-zw:hover{background:var(--app-hover)}
.mx-zw span:last-child{color:var(--app-text-muted)}

/* Schreibfenster */
.mx-fenster-leiste{position:fixed;right:calc(var(--app-space-4) + env(safe-area-inset-right));bottom:0;z-index:45;display:flex;align-items:flex-end;gap:var(--app-space-3);pointer-events:none}
.mx-fenster{pointer-events:auto;width:540px;height:min(620px,calc(100dvh - 72px));display:flex;flex-direction:column;background:var(--app-surface);border:1px solid var(--app-line);border-bottom:0;border-radius:var(--app-radius-md) var(--app-radius-md) 0 0;box-shadow:var(--app-shadow);overflow:hidden}
.mx-fenster.mini{width:300px;height:auto}
.mx-fenster.mini .mx-f-form{display:none}
.mx-fenster.gross{position:fixed;inset:6dvh 8vw;width:auto;height:auto;border-bottom:1px solid var(--app-line);border-radius:var(--app-radius-md);z-index:46}
.mx-f-kopf{display:flex;align-items:center;gap:var(--app-space-1);min-height:var(--app-tap);padding-left:var(--app-space-4);background:var(--app-surface-2);cursor:pointer}
.mx-f-kopf b{flex:1;min-width:0;font-size:var(--app-text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-f-status{font-size:var(--app-text-xs);color:var(--app-text-muted);white-space:nowrap}
.mx-f-form{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 var(--app-space-4)}
.mx-f-zeile{display:flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);border-bottom:1px solid var(--app-line);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.mx-f-zeile input{flex:1;min-width:0;min-height:var(--app-tap);border:0;outline:0;background:none;font-size:var(--app-text);color:var(--app-text-color)}
.mx-f-cc{min-height:var(--app-tap);padding:0 var(--app-space-2);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.mx-f-cc:hover{color:var(--app-text-color)}
.mx-f-form textarea{flex:1;min-height:120px;border:0;outline:0;resize:none;background:none;padding:var(--app-space-3) 0;font-size:var(--app-text);line-height:1.55;color:var(--app-text-color)}
.mx-f-anh{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}
.mx-f-anh:empty{display:none}
.mx-f-anh small{color:var(--app-text-muted)}
.mx-f-anh button{width:28px;height:28px;display:grid;place-items:center;margin-right:calc(-1 * var(--app-space-2));border-radius:50%;color:var(--app-text-muted)}
.mx-f-anh button:hover{background:var(--app-hover)}
.mx-f-anh button svg{width:14px;height:14px;color:inherit}
.mx-f-fuss{display:flex;align-items:center;gap:var(--app-space-1);padding:var(--app-space-3) 0 calc(var(--app-space-3) + env(safe-area-inset-bottom))}
.mx-senden{display:flex;margin-right:var(--app-space-2)}
.mx-senden .btn:first-child{border-radius:var(--app-radius-pill) 0 0 var(--app-radius-pill);padding:0 var(--app-space-5)}
.mx-senden-mehr{min-width:var(--app-tap);border-radius:0 var(--app-radius-pill) var(--app-radius-pill) 0;padding:0 var(--app-space-3) 0 var(--app-space-2);border-left:1px solid color-mix(in srgb,var(--app-on-accent) 35%,transparent)}
.mx-f-fuss label.icon-btn{cursor:pointer}

/* Tablet: Ordner als Schublade */
@media (max-width:1023px){
  .mx-kopf [data-burger]{display:grid}
  .mx-marke{width:auto}
  .mx-nav{position:absolute;z-index:20;inset:0 auto 0 0;width:min(280px,85%);background:var(--app-sidebar);box-shadow:var(--app-shadow);transform:translateX(-105%);transition:transform var(--app-speed) var(--app-ease)}
  .mx.drawer .mx-nav{transform:none}
  .mx.drawer .mx-hg{display:block;position:absolute;inset:0;z-index:19;background:var(--app-overlay)}
  .mx-haupt{margin-right:0;border-radius:var(--app-radius-card) var(--app-radius-card) 0 0}
  .mx-adresse{display:none}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){.mx-nav{transition:none}}

/* Handy */
@media (max-width:767px){
  .mx-kopf{flex-wrap:wrap;gap:var(--app-space-1) var(--app-space-1);padding:var(--app-space-2) var(--app-space-3) var(--app-space-3) var(--app-space-2)}
  .mx-marke{font-size:var(--app-text-lg);gap:var(--app-space-2);padding-left:0}
  .mx-marke img{width:28px;height:28px}
  .mx-suche{order:3;flex-basis:100%;max-width:none}
  .mx-haupt{border-radius:0}
  .mx-werkzeug{padding-left:var(--app-space-1)}
  .mx-zaehler{display:none}
  .mx-z{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av wer zeit" "av inhalt stern" ". dateien dateien";column-gap:var(--app-space-3);align-items:start;padding:var(--app-space-3) var(--app-space-2) var(--app-space-2) var(--app-space-4)}
  .mx-z .mx-check{display:none}
  .mx-z .mx-av{display:grid;grid-area:av;width:var(--app-tap);height:var(--app-tap)}
  .mx-z .mx-stern{grid-area:stern;margin:-6px -6px 0 0}
  .mx-wer{font-size:var(--app-text);padding-right:0}
  .mx-zeit{padding-top:2px}
  .mx-inhalt{display:flex;flex-direction:column;white-space:normal}
  .mx-betreff,.mx-snip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mx-snip::before{content:none}
  .mx-dateien{padding-top:var(--app-space-2)}
  .mx-lesen{padding:var(--app-space-4) var(--app-pad-x-mobile) var(--app-space-8)}
  .mx-l-kopf,.mx-text,.mx-anhaenge,.mx-antwort-leiste{padding-left:0}
  .mx-geplant-info{margin-left:0}
  .mx-absender{gap:var(--app-space-3)}
  .mx-datum{display:none}
  .mx-antwort-leiste .btn{flex:1}
  .mx-abo{padding:var(--app-space-3) var(--app-pad-x-mobile);flex-wrap:wrap}
  .mx-abo .btn{margin-left:56px}
  .mx-fenster-leiste{inset:0;right:0}
  .mx-fenster,.mx-fenster.gross{position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;padding-top:env(safe-area-inset-top)}
  .mx-fenster [data-f="gross"],.mx-fenster [data-f="min"].icon-btn{display:none}
  .mx-f-form{padding:0 var(--app-pad-x-mobile)}
}
a.btn{text-decoration:none;color:inherit}

/* ---------- Baustellen-Mappe ---------- */
.ordner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:var(--app-space-3)}
.ordner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--app-space-1);min-height:120px;padding:var(--app-space-4) var(--app-space-5);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-card);text-align:left}
.ordner:hover{background:var(--app-hover)}
.ordner b{font-weight:500;font-size:var(--app-text);margin-top:auto;overflow-wrap:break-word}
.ordner span:last-child{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.ordner-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--app-radius-md);background:color-mix(in srgb,var(--app-accent) 14%,transparent);color:var(--app-accent-text)}
.ordner.neu{border-style:dashed;background:none}
@media (max-width:767px){.ordner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ordner{padding:var(--app-space-4)}.ordner b{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}}
.ordner.neu .ordner-ic{background:var(--app-surface-2);color:var(--app-text-muted)}
.ordner-kopf{margin-bottom:var(--app-space-4)}
.ordner-titel{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap}
.ordner-titel h2{font-size:var(--app-text-lg);font-weight:600;color:var(--app-text-color);overflow-wrap:anywhere}
.foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,30%),1fr));gap:var(--app-space-2)}
.foto{aspect-ratio:1;border-radius:var(--app-radius-md);overflow:hidden;background:var(--app-surface-2);border:1px solid var(--app-line)}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.eintrag{display:flex;align-items:flex-start;gap:var(--app-space-3);padding:var(--app-space-3) var(--app-space-2) var(--app-space-3) var(--app-space-4);border-top:1px solid var(--app-line);font-size:var(--app-text-sm)}
.eintrag:first-child{border-top:0}
.eintrag-ic{width:var(--app-tap);height:var(--app-tap);flex:none;display:grid;place-items:center;color:var(--app-text-muted);margin-left:calc(var(--app-space-2) * -1)}
.eintrag-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:var(--app-tap)}
.eintrag-text p{white-space:pre-line;overflow-wrap:break-word;font-size:var(--app-text)}
.eintrag-text b{font-weight:500;font-size:var(--app-text);overflow-wrap:break-word}
.eintrag-text span{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.eintrag-text .link-btn{align-self:flex-start;padding:0;min-height:0;text-align:left;font-size:var(--app-text);overflow-wrap:break-word}
.eintrag-menge{align-self:center;white-space:nowrap;font-weight:500}
.icon-btn.sicher{color:var(--app-bad);background:color-mix(in srgb,var(--app-bad) 13%,transparent)}
.foto-dlg img{width:100%;max-height:65dvh;object-fit:contain;border-radius:var(--app-radius-md);background:var(--app-surface-2)}
.ma-text{display:flex;flex-direction:column;line-height:1.3}
.ma-text small{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.eintrag-text{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:479px){.eintrag-ic{display:none}.eintrag{padding-left:var(--app-space-4)}}
.switch-btn{min-width:var(--app-tap);min-height:var(--app-tap);display:grid;place-items:center}

/* ---------- Vertrieb ---------- */
.vt-tools{flex-wrap:wrap}
.vt-tools select.btn{flex:none;padding:0 var(--app-space-4)}
.list .row.on{background:var(--app-hover)}
.vt-panel,.vt-dialer{position:fixed;inset:0;z-index:40;overflow-y:auto;overscroll-behavior:contain;background:var(--app-bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.vt-voll{max-width:var(--app-content-max);margin:0 auto;padding:var(--app-space-4) var(--app-pad-x-desktop) var(--app-space-12);display:flex;flex-direction:column;gap:var(--app-space-5)}
.vt-leiste{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);min-height:var(--app-tap)}
.vt-leiste .zurueck{margin:0;min-height:var(--app-tap)}
.vt-blaettern{display:flex;align-items:center;gap:var(--app-space-1)}
.vt-blaettern .sub{margin:0 var(--app-space-2) 0 0}
.icon-btn:disabled{opacity:.35;cursor:default}
.vt-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--app-space-4);flex-wrap:wrap}
.vt-kopf>div:first-child{min-width:0}
.vt-kopf h1{overflow-wrap:anywhere}
.vt-kopf-rechts{display:flex;align-items:flex-end;gap:var(--app-space-3);flex-wrap:wrap}
.vt-kopf-rechts>.status{margin-bottom:12px}
.vt-zu{display:flex;flex-direction:column;gap:var(--app-space-1);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.vt-zu select.btn{min-width:180px;font-weight:500}
.vt-zu.frei select.btn{border-color:var(--app-warn);color:var(--app-warn)}
.vt-spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-4);align-items:start}
.vt-spalte{display:flex;flex-direction:column;gap:var(--app-space-4);min-width:0}
.vt-anruf{display:flex;flex-direction:column;gap:var(--app-space-2)}
.vt-aktionen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--app-space-2)}
.vt-aktionen .btn{padding:0 var(--app-space-2);white-space:normal;line-height:1.2;text-align:center}
.vt-panel h3,.vt-dialer h3{font-size:var(--app-text-xs);font-weight:500;color:var(--app-text-faint);margin-bottom:var(--app-space-2)}
.vt-panel .toplist li>span:last-child,.vt-dialer .toplist li>span:last-child,.dlg .toplist li>span:last-child{min-width:0;text-align:right;overflow-wrap:anywhere}
.vt-panel .toplist .link-btn,.vt-dialer .toplist .link-btn{padding:0;min-height:var(--app-tap);display:inline-flex;align-items:center}
.vt-status{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}
/* Termin buchen: Calendly-Kalender in voller Höhe, Auswahl kompakt darüber */
.vt-buchen{max-width:1000px;gap:var(--app-space-3)}
.vt-buchen .vt-status{gap:6px}
.vt-kalender{width:100%;height:max(720px,calc(100dvh - 240px));flex:none;border:0;border-radius:var(--app-radius-card);background:#fff}
.vt-angebot{display:flex;flex-direction:column;gap:var(--app-space-3)}
.vt-angebot h3{margin:0}
.vt-notiz{display:flex;flex-direction:column;gap:var(--app-space-2)}
.vt-notiz h3{margin-bottom:0}
.vt-notiz .field{min-height:88px}
.vt-notiz .actions{justify-content:flex-end}
.vt-verlauf .eintrag{padding-left:0;padding-right:0}
.vt-verlauf .eintrag-ic{margin-left:-8px}
.vt-fuss{display:flex;justify-content:space-between;gap:var(--app-space-2)}
.row.vt-posten{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kunde wert" "meta status"}
/* Provision: Kaltakquise (Eisblau) / warme Leads (Orange) */
.vt-kalt{--vt-farbe:var(--app-kalt)}
.vt-warm{--vt-farbe:var(--app-warm)}
.card.vt-art{border-top:3px solid var(--vt-farbe)}
.card.vt-art h2::before,.vt-dot{content:'';display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--vt-farbe);margin-right:var(--app-space-2);vertical-align:middle}
.vt-satz{border-left:3px solid var(--vt-farbe);padding-left:var(--app-space-3);margin-top:var(--app-space-3)}
.vt-satz-kopf{display:flex;align-items:center;gap:var(--app-space-2);padding-top:var(--app-space-1);font-size:var(--app-text-sm);font-weight:600;color:var(--vt-farbe)}
.vt-satz-kopf .vt-dot{margin-right:0}
.vt-satz .toplist s{color:var(--app-text-faint);margin-right:var(--app-space-2)}
.vt-satz .toplist .vt-summe{font-weight:600}
.vt-tag{display:inline-block;padding:1px var(--app-space-2);margin-right:var(--app-space-2);border-radius:var(--app-radius-pill);font-size:var(--app-text-xs);font-weight:600;color:var(--vt-farbe,var(--app-text-muted));background:color-mix(in srgb,var(--vt-farbe,var(--app-text-muted)) 14%,transparent);vertical-align:middle}
.vt-satz-kopf .vt-tag{margin:0}
.row.vt-posten.vt-kalt,.row.vt-posten.vt-warm{box-shadow:inset 3px 0 0 var(--vt-farbe)}
.row.vt-posten .r-kunde span{white-space:normal}
.row.vt-posten .r-kunde .vt-tag{display:inline-block}
@container (max-width:719px){.vt-list .r-wert{display:none}.vt-list .row{grid-template-areas:"kunde status" "meta meta"}}
@container (min-width:720px){
  .list .row.vt-posten{grid-template-columns:minmax(0,1fr) 110px 120px 110px}
  .vt-posten .r-meta{display:block}
  .vt-posten .r-status{justify-self:end}
}
@media (max-width:767px){
  .vt-voll{padding:var(--app-space-2) var(--app-pad-x-mobile) var(--app-space-12)}
  .vt-kopf-rechts,.vt-zu{width:100%}
  .vt-zu select.btn{width:100%}
  .vt-tools .search{flex-basis:100%}
  .vt-tools select.btn{flex:1;min-width:0}
}
.vt-st{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%}
.vt-st small{padding-left:10px;font-size:var(--app-text-xs);color:var(--app-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@container (max-width:719px){.vt-list .vt-st{align-items:flex-end}.vt-list .vt-st small{padding:0 10px 0 0}}
.vt-list .r-wert{white-space:nowrap;font-weight:400;color:var(--app-text-muted);text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Telefon: linksbündig untereinander, eigene breitere Spalte – läuft nie in den Status */
@container (min-width:720px){
  .vt-list .row,.vt-list .list-head{grid-template-columns:120px minmax(0,1fr) 96px 110px 150px 124px var(--app-tap)}
  .vt-list .list-head .right{text-align:left}
}
@media (max-width:899px){.vt-spalten{grid-template-columns:1fr}}

/* ---------- Power-Dialer ---------- */
.vt-dial{display:flex;flex-direction:column;gap:var(--app-space-3)}
.vt-dial-zustand{display:flex;align-items:center;gap:var(--app-space-2);font-size:var(--app-text-lg);font-weight:500}
.vt-dial-zustand .num{color:var(--app-text-muted);font-weight:400}
.vt-dial .sub{margin:0}
.vt-dial-knoepfe{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--app-space-2)}
.vt-dial-knoepfe .btn{padding:0 var(--app-space-3);white-space:normal;line-height:1.2;text-align:center}
.vt-dial-knoepfe .btn svg{width:16px;height:16px;flex:none}
.vt-klingeln{position:fixed;right:calc(var(--app-space-4) + env(safe-area-inset-right));bottom:calc(var(--app-space-4) + env(safe-area-inset-bottom));z-index:80;width:min(360px,calc(100vw - 40px));display:flex;flex-direction:column;gap:var(--app-space-3);box-shadow:var(--app-shadow)}
.vt-klingeln b{font-weight:500;overflow-wrap:anywhere}
@media (max-width:767px){.vt-klingeln{left:20px;right:20px;width:auto}}
.vt-klingeln{max-height:calc(100dvh - 40px);overflow-y:auto}
.vt-rr-wahl{grid-template-columns:1fr}
.vt-check{margin:var(--app-space-2) 0 0;padding-left:1.2em;display:grid;gap:var(--app-space-2)}
.vt-rr-wahl .btn{justify-content:flex-start;text-align:left;white-space:normal;padding-top:var(--app-space-2);padding-bottom:var(--app-space-2)}
.vt-rr-wahl .btn>span{display:flex;flex-direction:column;min-width:0}
.vt-rr-wahl small{color:var(--app-text-muted);font-weight:400}
.vt-dial>.link-btn{align-self:flex-start;padding:0;min-height:var(--app-tap);display:inline-flex;align-items:center}
.vt-tasten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--app-space-2);max-width:300px}
.vt-tasten .btn{padding:0;font-size:var(--app-text-lg);font-variant-numeric:tabular-nums}
.vt-andere{display:flex;gap:var(--app-space-2)}
.vt-andere .field{flex:1;min-width:0;min-height:var(--app-tap);padding:0 var(--app-space-4)}
.vt-andere .btn svg{width:16px;height:16px}
.vt-waehlen{max-width:380px}
.vt-waehlen .vt-tasten{max-width:none}
.vt-wahl-nr{min-height:var(--app-tap);padding:0 var(--app-space-4);font-size:var(--app-text-lg);text-align:center;font-variant-numeric:tabular-nums}
.vt-leitfaden{position:sticky;top:var(--app-space-4)}
.vt-lf-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap}
.vt-lf-kopf h3{margin:0}
.vt-lf-kopf>span{display:flex;gap:var(--app-space-4)}
.vt-lf-kopf .link-btn{padding:0;min-height:var(--app-tap);display:inline-flex;align-items:center;font-size:var(--app-text-sm)}
.vt-pdf{display:block;width:100%;height:calc(100dvh - 180px);min-height:480px;margin-top:var(--app-space-2);border:0;border-radius:var(--app-radius-md);background:var(--app-surface-2)}
@media (max-width:899px){.vt-leitfaden{position:static}.vt-pdf{height:70dvh;min-height:360px}}
/* Pain Points */
.pp-leiste{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap;margin-bottom:var(--app-space-4)}
.pp-leiste .vt-reiter{margin-top:0;flex-wrap:wrap}
.pp-branche{width:auto;min-width:200px}
.pp-gruppe{margin-bottom:var(--app-space-4)}
.pp-gruppe h3{margin:0 0 var(--app-space-3);display:flex;align-items:baseline;gap:var(--app-space-3)}
.pp-zeile{display:grid;grid-template-columns:auto 1fr auto;gap:var(--app-space-4);align-items:start;padding:var(--app-space-3) 0;border-top:1px solid var(--app-line)}
.pp-zahl b{font-size:var(--app-text-lg);font-weight:600;white-space:nowrap}
.pp-text details{margin-top:var(--app-space-1)}
.pp-text summary{cursor:pointer;color:var(--app-text-muted);font-size:var(--app-text-sm);min-height:var(--app-tap);display:flex;align-items:center}
.pp-text .status{margin-top:var(--app-space-1);display:inline-block}
.pp-knoepfe{display:flex;gap:var(--app-space-2);flex-wrap:wrap;justify-content:flex-end}
.pp-knoepfe .btn{min-height:var(--app-tap)}
@media (max-width:719px){.pp-zeile{grid-template-columns:auto 1fr}.pp-knoepfe{grid-column:1 / -1;justify-content:flex-start}.pp-branche{width:100%}}
/* KI-Coach im Anruf */
.vt-coach-fenster{position:fixed;top:calc(var(--app-space-4) + env(safe-area-inset-top));right:calc(var(--app-space-4) + env(safe-area-inset-right));z-index:79;width:min(420px,calc(100vw - 40px));max-height:calc(100dvh - 260px);overflow-y:auto;box-shadow:var(--app-shadow)}
.vt-coach-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.vt-coach-kopf .link-btn{min-height:var(--app-tap);padding:0;display:inline-flex;align-items:center;font-size:var(--app-text-sm)}
@media (max-width:767px){.vt-coach-fenster{left:20px;right:20px;width:auto}}
.vt-reiter{display:flex;gap:var(--app-space-2);margin-top:var(--app-space-3)}
.vt-reiter button{min-height:var(--app-tap);padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);background:transparent;color:var(--app-text-muted);font:inherit;font-size:var(--app-text-sm);cursor:pointer}
.vt-reiter button.on{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}
.coach{display:flex;flex-direction:column;gap:var(--app-space-2)}
.coach-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.coach-status{display:inline-flex;align-items:center;gap:var(--app-space-2);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.coach-status.fehler{color:var(--app-bad)}
.coach .link-btn{min-height:var(--app-tap);padding:0;display:inline-flex;align-items:center;font-size:var(--app-text-sm)}
.coach-schritte{display:flex;gap:var(--app-space-2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.coach-schritte::-webkit-scrollbar{display:none}
.coach-schritte button{flex:none;display:inline-flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);padding:0 var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);background:transparent;color:var(--app-text-muted);font:inherit;font-size:var(--app-text-sm);cursor:pointer;max-width:220px}
.coach-schritte button b{font-weight:600}
.coach-schritte button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coach-schritte button:not(.on) span{display:none}
.coach-schritte button{min-width:var(--app-tap);justify-content:center}
.coach-schritte button.durch{color:var(--app-text-faint)}
.coach-schritte button.on{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}
.coach-wer{display:flex;align-items:center;gap:var(--app-space-2);flex-wrap:wrap}
.coach-wer>span{font-size:var(--app-text-sm);color:var(--app-text-muted);margin-right:var(--app-space-1)}
.coach-wer button{min-height:var(--app-tap);padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);background:transparent;color:var(--app-text-muted);font:inherit;font-size:var(--app-text-sm);cursor:pointer}
.coach-wer button.on{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}
.coach-hirn{display:flex;flex-direction:column;gap:var(--app-space-3);padding:var(--app-space-4);border:2px solid var(--app-accent);border-radius:var(--app-radius-card);background:var(--app-surface-2)}
.coach-hirn .coach-gross{transition:opacity var(--app-speed) var(--app-ease)}
.coach-hirn .coach-aktionen{margin-top:auto}
.coach-intern.fehler{color:var(--app-bad)}
.coach-kopf-rechts{display:inline-flex;align-items:center;gap:var(--app-space-4)}
.coach-kopf .btn{min-height:var(--app-tap)}
.coach-notfall{border-color:var(--app-warn);color:var(--app-warn);flex:none;min-height:var(--app-tap)}
.coach-hirn-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.coach-kopf{flex-wrap:wrap}
.coach-hirn.unsicher{border-color:var(--app-warn)}
.coach-hirn.unsicher .coach-notfall{background:var(--app-warn);border-color:var(--app-warn);color:var(--app-bg)}
.coach-nf{display:flex;flex-direction:column;gap:var(--app-space-2)}
.coach-nf label{font-size:var(--app-text-sm);color:var(--app-text-muted)}
.coach-nf>div{display:flex;gap:var(--app-space-2)}
.coach-nf .field{flex:1;min-width:0;font-size:16px}
.coach-nf .btn{min-height:var(--app-tap);flex:none}
@media (max-width:599px){.coach-kopf{flex-wrap:wrap}.coach-nf>div{flex-direction:column}}
.coach-danach{font-size:var(--app-text-lg);line-height:1.4;color:var(--app-text-muted)}
.coach-davor{font-size:var(--app-text-sm);line-height:1.4;color:var(--app-text-muted)}
.coach-abschnitt{font-size:var(--app-text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--app-accent)}
.coach-davor[hidden],.coach-liste[hidden],[data-tipp][hidden],.coach-abschnitt[hidden]{display:none}
.coach-pfeile{display:inline-flex;gap:var(--app-space-2)}
.coach-pfeile .btn{min-height:var(--app-tap);min-width:var(--app-tap)}
.coach-bisher{padding-top:var(--app-space-2);border-top:1px solid var(--app-line)}
.coach-bisher{display:flex;flex-direction:column;gap:var(--app-space-2)}
.coach-bisher[hidden]{display:none}
.coach-bisher-kopf{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.coach-bisher.offen .coach-bisher-kopf{color:var(--app-warn)}
.coach-knoepfe{display:flex;gap:var(--app-space-2);flex-wrap:wrap}
.coach-tipp{display:flex;flex-direction:column;gap:var(--app-space-1);padding:var(--app-space-2) var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-card)}
.coach-tipp span{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.coach-tipp p{margin:0;font-size:var(--app-text-lg);line-height:1.4;color:var(--app-text-color)}
.coach-tipp.offen{border-color:var(--app-warn)}
.coach-tipp.offen span{color:var(--app-warn)}
.coach-tipp.gesagt p{color:var(--app-text-muted)}
.coach-jetzt{display:flex;flex-direction:column;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-card)}
.coach-label{font-size:var(--app-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-muted)}
.coach p{margin:0}
.coach-gross{font-size:var(--app-text-lg);line-height:1.4;color:var(--app-text-color)}   /* alle Coach-Texte gleich groß (18px) */
.coach-kunde{font-size:var(--app-text-lg);color:var(--app-text-muted);font-style:italic}
.coach-intern{font-size:var(--app-text-lg);color:var(--app-text-muted)}
.coach-sag{font-size:var(--app-text-lg);line-height:1.4;color:var(--app-text-color)}
.coach-sag.gesagt{color:var(--app-text-faint);text-decoration:line-through}
.coach .ph{color:var(--app-accent-text)}
.coach-aktionen{display:flex;gap:var(--app-space-3)}
.coach-aktionen .btn{min-height:var(--app-tap)}
.coach-karte{display:flex;flex-direction:column;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-4);border:2px solid var(--app-accent);border-radius:var(--app-radius-card);background:var(--app-surface-2)}
/* KI-Kasten unter dem Leitfaden: dünner Rand, grün, solange ein neuer Vorschlag noch nicht gesagt ist */
.coach-hirn.coach-ki{border-width:1px;border-color:var(--app-line);background:var(--app-surface)}
.coach-hirn.coach-ki.neu{border-color:var(--app-ok)}
.coach-hirn.coach-ki.unsicher{border-color:var(--app-warn)}
.coach-leer{font-size:var(--app-text-sm);color:var(--app-text-faint)}
.coach-karte.notfall{border-color:var(--app-warn)}
.coach-karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.coach-live{display:grid;grid-template-columns:1fr 1fr;gap:var(--app-space-4);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-card)}
.coach-live>div{min-width:0}
.coach-live .btn{margin-top:var(--app-space-2);min-height:var(--app-tap);font-size:var(--app-text-sm)}
.coach-live span{font-size:var(--app-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-faint)}
.coach-live p{font-size:var(--app-text-lg);line-height:1.4;color:var(--app-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
/* Setting-Calls: zwei Spalten, sobald der Platz reicht (Schwebe-Fenster über Zoom oder breite Anruf-Ansicht) */
.coach-spalten,.coach-spalte{display:flex;flex-direction:column;gap:var(--app-space-2);min-width:0}
[data-coach]{container-type:inline-size}
@container (min-width:720px){
  .coach-zwei .coach-spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--app-space-3);align-items:start}
}
.coach-extra:empty{display:none}
.coach-extra .vt-notiz{padding:var(--app-space-3) var(--app-space-4)}
.coach-extra .vt-notiz textarea{min-height:72px;resize:vertical;font-size:16px;line-height:1.5}
/* Potenzial-Rechner (Setting-Call warme Leads): Stunden × Mitarbeiter × Stundensatz */
.coach-rechner{padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-card)}
.coach-rechner[open]{padding-bottom:var(--app-space-4);border-color:var(--app-accent)}
.coach-rechner summary{cursor:pointer;min-height:var(--app-tap);display:flex;align-items:center;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.coach-rechner-felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--app-space-3);padding-top:var(--app-space-2)}
.coach-rechner-felder label{display:flex;flex-direction:column;gap:var(--app-space-1);font-size:var(--app-text-xs);color:var(--app-text-muted)}
.coach-rechner-felder .breit{grid-column:1/-1}
.coach-rechner-felder small{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.coach-rechner .field{font-size:16px;min-height:var(--app-tap);min-width:0}
.coach-rechner-ergebnis{display:flex;flex-direction:column;gap:var(--app-space-2);padding-top:var(--app-space-2)}
.coach-rechner-ergebnis p{font-size:var(--app-text-sm);line-height:1.4;color:var(--app-text-muted)}
.coach-rechner-ergebnis p.coach-sag{font-size:var(--app-text-lg)}
.coach-rechner-ergebnis b{color:var(--app-text-color);font-weight:600}
.coach-rechner-ergebnis .coach-sag{color:var(--app-text-color)}
@media (max-width:599px){.coach-rechner-felder{grid-template-columns:1fr}}
.coach-liste{display:flex;flex-direction:column;gap:2px;padding:var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-card)}
.coach-liste .coach-label{margin-bottom:var(--app-space-1)}
.coach-liste h4{margin:var(--app-space-2) 0 0;font-size:var(--app-text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted)}
.coach-liste p{font-size:var(--app-text-sm);line-height:1.35;padding:0 var(--app-space-2)}
.coach-liste .coach-intern,.coach-liste .coach-kunde{font-size:var(--app-text-sm)}
.coach-liste .coach-intern::before{content:'→ '}
.coach-zeile{display:block;width:100%;padding:var(--app-space-1) var(--app-space-2);border:0;border-left:2px solid transparent;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-color);font:inherit;font-size:var(--app-text-sm);line-height:1.35;text-align:left;cursor:pointer}
.coach-zeile:hover{background:var(--app-hover)}
.coach-zeile.jetzt{border-left-color:var(--app-accent);background:var(--app-hover);font-weight:600}
/* Kalter Setting- und Verkaufs-Call: alle Sätze des Schritts untereinander, der aktuelle groß markiert, gesagte grau */
.coach-alle{display:flex;flex-direction:column;gap:var(--app-space-1);max-height:420px;overflow-y:auto}
.coach-alle .coach-abschnitt{margin:var(--app-space-2) 0 0}
.coach-satz{display:block;width:100%;padding:var(--app-space-2) var(--app-space-3);border:0;border-left:3px solid transparent;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-color);font:inherit;font-size:var(--app-text);line-height:1.4;text-align:left;cursor:pointer}
.coach-satz:hover{background:var(--app-hover)}
.coach-satz.jetzt{border-left-color:var(--app-accent);background:var(--app-surface);font-size:var(--app-text-lg);font-weight:600}
.coach-satz.gesagt{color:var(--app-text-faint)}
.coach-zeile.gesagt{color:var(--app-text-faint)}
.coach-liste .blass{opacity:.4}
/* Skala-Frage: Zahl des Kunden eintippen → passende Antwort */
.coach-skala{display:flex;align-items:center;gap:var(--app-space-3);flex-wrap:wrap}
.coach-skala[hidden]{display:none}
.coach-skala label{font-size:var(--app-text-sm);color:var(--app-text-muted)}
.coach-skala .field{width:96px;min-height:var(--app-tap);font-size:16px}
@media (max-width:599px){.coach-live{grid-template-columns:1fr}.coach-jetzt,.coach-karte,.coach-hirn{padding:var(--app-space-4)}}

/* Anruf-Ansicht: links Notiz + Anruf, rechts der Coach (60 %) – nutzt die ganze Breite */
.vt-voll.vt-breit{max-width:1680px;padding-left:var(--app-space-6);padding-right:var(--app-space-6);gap:var(--app-space-4)}
.vt-kopf-zeile{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--app-space-4);flex-wrap:wrap}
.vt-kopf-name{min-width:0}
.vt-kopf-name h1{overflow-wrap:anywhere}
.vt-chips{display:flex;flex-wrap:wrap;gap:var(--app-space-2);margin-top:var(--app-space-2)}
.vt-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.vt-chip.tel{color:var(--app-text-color)}
.vt-chip .link-btn{padding:0;min-height:0;display:inline;font-size:inherit}
.vt-mehr{margin-top:var(--app-space-2)}
.vt-mehr summary,.vt-verlauf-box summary{cursor:pointer;min-height:var(--app-tap);display:flex;align-items:center;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.vt-anruf-raster{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--app-space-4);align-items:stretch;min-height:calc(100dvh - 200px)}
.vt-links{display:flex;flex-direction:column;gap:var(--app-space-4);min-width:0}
.vt-rechts{min-width:0}
.vt-coachkarte{height:100%}
.vt-links .vt-dial{gap:var(--app-space-2)}
.vt-links .vt-dial-zustand{font-size:var(--app-text)}
.vt-links .vt-dial-knoepfe{grid-template-columns:repeat(3,minmax(0,1fr))}
.vt-links .vt-dial-knoepfe .btn{min-height:var(--app-tap);padding:0 var(--app-space-2);font-size:var(--app-text-sm)}
.vt-links .vt-notiz{flex:1;min-height:320px}
.vt-notiz-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--app-space-3)}
.vt-ms{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:var(--app-space-3);border-radius:var(--app-radius-md);font-size:var(--app-text-sm);font-weight:600;line-height:1.35}
.vt-ms::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:currentColor}
.vt-ms.aus{color:var(--app-bad);background:color-mix(in srgb,var(--app-bad) 13%,transparent);border:1px solid color-mix(in srgb,var(--app-bad) 40%,transparent)}
.vt-ms.wartet{color:var(--app-warn);background:color-mix(in srgb,var(--app-warn) 13%,transparent)}
.vt-ms.an{color:var(--app-ok);background:color-mix(in srgb,var(--app-ok) 13%,transparent)}
.vt-ms.an::before{animation:vt-ms-puls 1.6s ease-in-out infinite}
@keyframes vt-ms-puls{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.vt-ms.an::before{animation:none}}
.vt-notiz-kopf .sub{margin:0}
.vt-links .vt-notiz textarea{flex:1;min-height:200px;resize:vertical;font-size:16px;line-height:1.5}
.vt-verlauf-box{padding-top:var(--app-space-1);padding-bottom:var(--app-space-1)}
@media (max-width:899px){
  .vt-voll.vt-breit{padding-left:var(--app-pad-x-mobile);padding-right:var(--app-pad-x-mobile)}
  .vt-anruf-raster{display:flex;flex-direction:column;min-height:0}
  .vt-links{display:contents}
  .vt-links .vt-dial{order:1}.vt-rechts{order:2}.vt-links .vt-notiz{order:3;flex:none}.vt-links .vt-verlauf-box{order:4}
  .vt-coachkarte{height:auto}
}
@media (max-width:479px){.vt-links .vt-dial-knoepfe{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Setting-Call per Zoom: Anleitung „Helfer verbinden“ + Helfer im schwebenden Fenster über Zoom */
.vt-anleitung{margin:0 0 var(--app-space-2);padding-left:var(--app-space-5);display:flex;flex-direction:column;gap:var(--app-space-1);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.vt-anleitung b{color:var(--app-text-color);font-weight:500}
.vt-zoom .vt-links .vt-notiz{min-height:240px}
.vt-zoom-schritte{list-style:none;margin:0;padding:0;display:flex;gap:var(--app-space-2);flex-wrap:wrap}
.vt-zoom-schritte li{display:inline-flex;align-items:center;gap:var(--app-space-2);min-height:32px;padding:0 var(--app-space-3) 0 var(--app-space-1);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);color:var(--app-text-faint)}
.vt-zoom-schritte b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--app-surface-2);font-weight:500;font-size:var(--app-text-xs)}
.vt-zoom-schritte li.on{border-color:var(--app-accent);color:var(--app-text-color)}
.vt-zoom-schritte li.on b{background:var(--app-accent);color:var(--app-on-accent)}
.vt-zoom-schritte li.fertig{color:var(--app-text-muted)}
.vt-zoom-schritte li.fertig b{background:var(--app-ok);color:var(--app-bg);font-size:0}
.vt-zoom-schritte li.fertig b::before{content:'✓';font-size:var(--app-text-xs)}
.vt-pip{margin:0;padding:var(--app-space-3);background:var(--app-bg);overflow-y:auto}
.page-head.kompakt{margin-bottom:var(--app-space-3)}
.vt-pfade{display:flex;flex-wrap:wrap;gap:var(--app-space-2) var(--app-space-4);margin-bottom:var(--app-space-3)}
.vt-pfad{display:flex;align-items:center;gap:var(--app-space-2);min-width:0;max-width:100%}
.vt-pfad-t{flex:none;display:inline-flex;align-items:center;font-size:var(--app-text-xs);font-weight:500;color:var(--app-text-muted)}
.vt-schritte{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--app-line);border-radius:var(--app-radius-pill);background:var(--app-surface);overflow-x:auto;scrollbar-width:none;min-width:0}
.vt-schritte::-webkit-scrollbar{display:none}
.vt-pfeil{flex:none;color:var(--app-text-faint)}
.vt-schritt{flex:none;display:inline-flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);padding:0 var(--app-space-3) 0 var(--app-space-2);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);color:var(--app-text-muted);white-space:nowrap}
.vt-schritt:hover{background:var(--app-hover);color:var(--app-text-color)}
.vt-schritt.active{background:var(--app-text-color);color:var(--app-bg)}
.vt-nr{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid currentColor;font-size:var(--app-text-xs);opacity:.7}
.vt-schritt small{font-size:var(--app-text-xs);opacity:.7}
.vt-werkzeuge{margin-bottom:var(--app-space-3);flex-wrap:wrap}
@media (max-width:640px){
  .vt-pfad{flex-direction:column;align-items:stretch;width:100%}
}

#vt-termine{display:flex;flex-direction:column;gap:var(--app-space-3)}
.tw-next{padding:var(--app-space-3) var(--app-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);flex-wrap:wrap}
.tw-next.jetzt{border-color:var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent)}
.tw-next-l{min-width:0}
.tw-next-l h2{overflow-wrap:anywhere;margin:var(--app-space-1) 0}
.tw-wartet h3{margin-bottom:var(--app-space-2)}
.tw-w{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);padding:var(--app-space-2) 0}
.tw-w .r-kunde{min-width:0;display:flex;flex-direction:column}
.tw-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap}
.tw-grid{display:grid;grid-template-columns:48px repeat(7,minmax(0,1fr));border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:var(--app-surface);overflow:hidden}
.tw-zeiten div{font-size:var(--app-text-xs);color:var(--app-text-faint);padding:2px 6px 0 0;text-align:right;border-top:1px solid transparent}
.tw-zeiten .tw-tagkopf{height:40px;border-top:0}
.tw-tag{border-left:1px solid var(--app-line);min-width:0}
.tw-tag.heute{background:var(--app-hover)}
.tw-tagkopf{height:40px;display:flex;align-items:center;justify-content:center;gap:var(--app-space-1);font-size:var(--app-text-xs);color:var(--app-text-muted);border-bottom:1px solid var(--app-line)}
.tw-tag.heute .tw-tagkopf b{background:var(--app-accent);color:var(--app-on-accent);border-radius:var(--app-radius-pill);padding:0 6px}
.tw-spur{position:relative;background-image:linear-gradient(var(--app-line) 1px,transparent 1px);background-size:100% var(--px)}
.tw-block{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:2px 6px;overflow:hidden;text-align:left;border-radius:var(--app-radius-sm);background:var(--app-surface-2);border-left:3px solid var(--app-accent);font-size:var(--app-text-xs);line-height:1.25;color:var(--app-text-color)}
.tw-block.verkauf{background:var(--app-accent);color:var(--app-on-accent)}
.tw-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tw-vorbei{display:flex;flex-direction:column;gap:var(--app-space-2);padding:var(--app-space-3) 0;border-top:1px solid var(--app-line)}
.tw-vorbei:first-of-type{border-top:0}
.tw-agenda{display:block}
.tw-agenda h3{padding:0 var(--app-space-4) var(--app-space-2)}
.tw-info{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column}
.tw-aktion{display:flex;flex-wrap:wrap;gap:var(--app-space-2);justify-content:flex-end}
.tw-agtag{padding:var(--app-space-3) var(--app-space-4) var(--app-space-1);font-size:var(--app-text-xs);font-weight:600;color:var(--app-text-faint)}
.tw-agtag.heute{color:var(--app-accent-text)}
.row.tw-ag{display:flex;align-items:center;gap:var(--app-space-3);width:100%;text-align:left}
.tw-zeit{flex:none;font-weight:600;min-width:48px}
.tw-ag .r-kunde{flex:1;min-width:0}
.tw-zoom{flex:none;display:grid;place-items:center;width:var(--app-tap);height:var(--app-tap);color:var(--app-accent-text)}
@media (max-width:760px){
  .row.tw-ag{flex-wrap:wrap}
  .tw-aktion{width:100%;justify-content:flex-start}
}

/* ===== Vertriebstracking ===== */
.tr{--tr-farbe:var(--app-accent-text)}
.tr-ok{--tr-farbe:var(--app-ok)}.tr-kalt{--tr-farbe:var(--app-kalt)}.tr-warm{--tr-farbe:var(--app-warm)}.tr-ergebnis{--tr-farbe:var(--app-accent-text)}
.tr-hinweis{padding:var(--app-space-4) var(--app-space-5);margin-bottom:var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:var(--app-surface);color:var(--app-text-muted);font-size:var(--app-text-sm);line-height:1.5}
.tr-hinweis b{color:var(--app-text-color)}
.tr .fchips{margin-bottom:var(--app-space-4)}
.tr-grid{margin-bottom:var(--app-space-4);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.tr-karte{display:flex;flex-direction:column;gap:var(--app-space-2);box-shadow:inset 0 3px 0 var(--tr-farbe)}
.tr-karte h2{display:flex;align-items:center;margin:0}
.tr-punkt{width:8px;height:8px;border-radius:50%;background:var(--tr-farbe);margin-right:var(--app-space-2);flex:none}
.tr-karte>.sub{margin:0 0 var(--app-space-2)}
.tr-gross{font-size:var(--app-h1);font-weight:500;letter-spacing:var(--app-tracking-tight);line-height:1.1;display:flex;align-items:baseline;gap:var(--app-space-2);flex-wrap:wrap;margin-bottom:var(--app-space-2)}
.tr-gross small{font-size:var(--app-text-sm);font-weight:400;color:var(--app-text-muted);letter-spacing:0}
.tr-zeile{display:grid;grid-template-columns:1fr auto;gap:var(--app-space-1) var(--app-space-3);align-items:center;padding:var(--app-space-2) 0;border-top:1px solid var(--app-line);font-size:var(--app-text-sm)}
.tr-name{display:flex;align-items:center;gap:var(--app-space-2);color:var(--app-text-muted);min-width:0}
.tr-wert{font-weight:500;text-align:right}
.tr-wert small{font-weight:400;color:var(--app-text-faint)}
.tr-bar{grid-column:1/-1;display:block;height:6px;border-radius:var(--app-radius-pill);background:var(--app-surface-2);overflow:hidden}
.tr-bar i{display:block;height:100%;border-radius:inherit;background:var(--tr-farbe);transition:width var(--app-speed) var(--app-ease)}
.tr-bar.voll i{background:var(--app-ok)}
.tr-i{position:relative;flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--app-line);color:var(--app-text-faint);font-size:11px;font-weight:600;font-style:italic;font-family:var(--app-font);line-height:1;display:inline-grid;place-items:center;margin-left:var(--app-space-1);vertical-align:middle}
.tr-i::after{content:"";position:absolute;inset:-14px}
.tr-i:hover{color:var(--app-text-color);border-color:var(--app-text-muted)}
.tr-pop{position:fixed;z-index:70;padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface-2);color:var(--app-text-color);box-shadow:var(--app-shadow);font-size:var(--app-text-sm);line-height:1.45;font-weight:400;font-style:normal;text-align:left}
.tr-quoten{margin-bottom:var(--app-space-6)}
.tr-quoten ul{list-style:none;margin:var(--app-space-2) 0 0;padding:0;display:flex;flex-direction:column}
.tr-quoten li{padding:var(--app-space-2) 0;border-top:1px solid var(--app-line);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.tr-quoten li b{color:var(--app-text-color)}
.tr-tage-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);margin-bottom:var(--app-space-3);flex-wrap:wrap}
.tr-tage-kopf h2{font-size:var(--app-h2)}
.tr-tage-kopf select.btn{flex:none;padding:0 var(--app-space-4)}
.tr-scroll{overflow-x:auto;border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:var(--app-surface)}
.tr-tabelle,.tr-vgtab{width:100%;border-collapse:collapse;font-size:var(--app-text-sm)}
.tr-tabelle th,.tr-tabelle td,.tr-vgtab th,.tr-vgtab td{padding:var(--app-space-2) var(--app-space-3);text-align:right;white-space:nowrap;border-bottom:1px solid var(--app-line)}
.tr-tabelle th{font-weight:500;color:var(--app-text-muted);font-size:var(--app-text-xs)}
.tr-tabelle .tr-datum{text-align:left;position:sticky;left:0;background:var(--app-surface);font-weight:500}
.tr-tabelle .tr-datum small{display:block;font-weight:400;color:var(--app-text-faint);font-size:var(--app-text-xs)}
.tr-tabelle .tr-gruppe th{text-align:center;color:var(--app-text-color);border-bottom:2px solid var(--app-line)}
.tr-g-ok{box-shadow:inset 0 -2px 0 var(--app-ok)}.tr-g-kalt{box-shadow:inset 0 -2px 0 var(--app-kalt)}.tr-g-warm{box-shadow:inset 0 -2px 0 var(--app-warm)}.tr-g-ergebnis{box-shadow:inset 0 -2px 0 var(--app-accent)}
.tr-tabelle td.null{color:var(--app-text-faint)}
.tr-tabelle tr.leer td{color:var(--app-text-faint)}
.tr-mobil{display:none;flex-direction:column;gap:var(--app-space-3)}
.tr-tag{padding:var(--app-space-4)}
.tr-tag-kopf{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--app-space-2)}
.tr-tag-kopf small{color:var(--app-text-faint)}
.tr-tag .sub{margin:0}
.tr-chips{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}
.tr-chip{display:inline-flex;align-items:center;gap:var(--app-space-2);padding:4px var(--app-space-3);border-radius:var(--app-radius-pill);background:var(--app-surface-2);color:var(--app-text-muted);font-size:var(--app-text-sm)}
.tr-chip b{color:var(--app-text-color);font-weight:600}
.tr-rang{display:flex;flex-direction:column;gap:var(--app-space-3)}
.tr-platz{display:grid;grid-template-columns:auto 1fr auto;gap:var(--app-space-4);align-items:center;padding:var(--app-space-4) var(--app-space-5)}
.tr-platz.ich{border-color:var(--app-accent-text)}
.tr-nr{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--app-surface-2);color:var(--app-text-muted);font-weight:600}
.tr-platz.top1 .tr-nr{background:var(--app-accent);color:var(--app-on-accent)}
.tr-platz.top2 .tr-nr,.tr-platz.top3 .tr-nr{background:color-mix(in srgb,var(--app-accent) 30%,var(--app-surface-2));color:var(--app-text-color)}
.tr-platz-mitte{min-width:0;display:flex;flex-direction:column;gap:var(--app-space-2)}
.tr-platz-name{display:flex;align-items:center;gap:var(--app-space-2)}
.tr-platz-name .vt-tag{margin:0}
.tr-platz-zahlen{display:flex;flex-wrap:wrap;gap:var(--app-space-1) var(--app-space-4);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.tr-platz-zahlen b{color:var(--app-text-color);font-weight:600}
/* Vertrieb: Hinweis „Hat zurückgerufen“ in der Liste + Tooltip mit Kurzfassung der Notizen */
.r-kunde .vt-rr{color:var(--app-bad);font-size:var(--app-text-xs);font-weight:500}
.r-kunde .vt-tel{color:var(--app-accent);font-size:var(--app-text-xs);font-weight:500}
.vt-tipp{pointer-events:none}
.vt-tipp p{margin:var(--app-space-1) 0 0;white-space:pre-line;color:var(--app-text-muted)}
/* Wer gibt Gas: eine Zeile Kalt (Eisblau), eine Zeile Warm (Orange) */
.tr-platz-zahlen.tr-art-kalt{--tr-farbe:var(--app-kalt)}.tr-platz-zahlen.tr-art-warm{--tr-farbe:var(--app-warm)}
.tr-art-t{display:inline-flex;align-items:center;gap:var(--app-space-1);min-width:3.5em;font-weight:600;color:var(--tr-farbe)}
.tr-art-t::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--tr-farbe)}
.tr-arten .tab.tr-art-kalt.active{border-bottom-color:var(--app-kalt)}.tr-arten .tab.tr-art-warm.active{border-bottom-color:var(--app-warm)}
.tr-punkte{text-align:right;display:flex;flex-direction:column}
.tr-punkte b{font-size:var(--app-h2);font-weight:600}
.tr-punkte small{color:var(--app-text-faint);font-size:var(--app-text-xs)}
.tr-vergleich{margin-bottom:var(--app-space-4);display:flex;flex-direction:column;gap:var(--app-space-4)}
.tr-vg-wahl{display:flex;flex-wrap:wrap;gap:var(--app-space-3);align-items:flex-end}
.tr-vg-wahl .fchips{margin:0}
.tr-vg-wahl label{display:flex;flex-direction:column;gap:var(--app-space-1);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.tr-vg-wahl select.btn{padding:0 var(--app-space-4);min-width:180px}
.tr-vgtab th{color:var(--app-text-muted);font-weight:500}
.tr-vgtab td:first-child,.tr-vgtab th:first-child{text-align:left}
.tr-vgtab .tr-vg-gruppe th{text-align:left;color:var(--app-text-color);background:var(--app-surface-2)}
.tr-diff{color:var(--app-text-faint)}.tr-diff.plus{color:var(--app-ok)}.tr-diff.minus{color:var(--app-bad)}
.tr-rechner-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--app-space-3);margin:var(--app-space-3) 0}
.tr-rechner-felder label{display:flex;flex-direction:column;gap:var(--app-space-1);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.tr-feld{min-height:var(--app-tap);padding:0 var(--app-space-4);font-size:16px;border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-bg);color:var(--app-text-color)}
.tr-feld:focus{border-color:var(--app-accent-text);outline:none}
.tr-antwort ul{list-style:none;margin:var(--app-space-3) 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:var(--app-space-3)}
.tr-antwort li{padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2);color:var(--app-text-muted);font-size:var(--app-text-sm)}
.tr-antwort li b{display:block;font-size:var(--app-h2);color:var(--app-text-color);font-weight:600}
.tr-antwort li small{display:block;color:var(--app-text-faint);font-size:var(--app-text-xs)}
.tr-antwort p{font-size:var(--app-text-sm);color:var(--app-text-muted);line-height:1.5}
.tr-antwort p b{color:var(--app-text-color)}
.tr-erkl-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--app-space-4)}
.tr-erkl p{font-size:var(--app-text-sm);color:var(--app-text-muted);line-height:1.6}
.tr-erkl b{color:var(--app-text-color)}
@media (max-width:719px){
  .tr-scroll:has(.tr-tabelle){display:none}
  .tr-mobil{display:flex}
  .tr-platz{grid-template-columns:auto 1fr;padding:var(--app-space-4)}
  .tr-punkte{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:var(--app-space-2);text-align:left}
  .tr-vg-wahl select.btn{min-width:0;width:100%}
  .tr-vg-wahl label{flex:1 1 100%}
}

/* Rangliste: Treppchen mit Krone für Platz 1 */
.rangliste{--rg-gold:#e9b949;--rg-silber:#b9c2cf;--rg-bronze:#cd8a55;position:relative;overflow:hidden;margin-bottom:var(--app-space-4);padding:var(--app-space-5) var(--app-space-5) 0;border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--rg-gold) 18%,transparent),transparent 60%),var(--app-surface-2)}
.rg-kopf{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--app-space-3)}
.rg-kopf h2{margin:0;font-size:var(--app-text-xl,24px)}
.rg-zeit{display:inline-flex;gap:var(--app-space-1);padding:3px;border:1px solid var(--app-line);border-radius:var(--app-radius-pill)}
.rg-zeit button{min-height:36px;padding:0 var(--app-space-3);border:0;border-radius:var(--app-radius-pill);background:transparent;color:var(--app-text-muted);font:inherit;font-size:var(--app-text-sm);cursor:pointer}
.rg-zeit button.on{background:var(--app-accent);color:var(--app-on-accent)}
.rg-treppe{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:var(--app-space-2);margin-top:var(--app-space-4);max-width:640px;margin-inline:auto}
.rg-platz{--rg-f:var(--rg-silber);display:flex;flex-direction:column;align-items:center;min-width:0}
.rg-p1{--rg-f:var(--rg-gold)}.rg-p3{--rg-f:var(--rg-bronze)}
.rg-person{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:var(--app-space-3);max-width:100%;text-align:center;animation:rg-auf .7s var(--app-ease,ease-out) both;animation-delay:.75s}
.rg-p1 .rg-person{animation-delay:1.05s}.rg-p3 .rg-person{animation-delay:.55s}
.rg-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:3px solid var(--rg-f);background:color-mix(in srgb,var(--rg-f) 20%,var(--app-surface-2));font-weight:700;font-size:20px;color:var(--app-text-color)}
.rg-p1 .rg-avatar{width:68px;height:68px;font-size:26px;box-shadow:0 0 0 6px color-mix(in srgb,var(--rg-gold) 22%,transparent),0 0 32px color-mix(in srgb,var(--rg-gold) 55%,transparent);animation:rg-glut 2.8s ease-in-out infinite 1.8s}
.rg-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--app-text)}
.rg-name small{padding:1px 6px;border-radius:var(--app-radius-pill);background:var(--app-accent);color:var(--app-on-accent);font-size:var(--app-text-xs)}
.rg-betrag{font-weight:700;font-size:var(--app-text-lg);color:var(--rg-f)}
.rg-p1 .rg-betrag{font-size:22px}
.rg-krone{width:44px;fill:var(--rg-gold);filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--rg-gold) 60%,transparent));transform-origin:50% 100%;animation:rg-krone 3.2s ease-in-out infinite 1.8s}
.rg-block{position:relative;overflow:hidden;width:100%;display:grid;place-items:start center;padding-top:var(--app-space-3);border-radius:var(--app-radius-card) var(--app-radius-card) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--rg-f) 55%,var(--app-surface-2)),color-mix(in srgb,var(--rg-f) 14%,var(--app-surface-2)));border:1px solid color-mix(in srgb,var(--rg-f) 50%,transparent);border-bottom:0;transform-origin:bottom;animation:rg-hoch .9s cubic-bezier(.2,.9,.25,1) both}
.rg-p1 .rg-block{height:150px;animation-delay:.35s}.rg-p2 .rg-block{height:104px;animation-delay:.2s}.rg-p3 .rg-block{height:76px;animation-delay:.05s}
.rg-zahl{font-size:44px;font-weight:800;line-height:1;color:color-mix(in srgb,var(--rg-f) 40%,var(--app-text-color));opacity:.9}
.rg-p1 .rg-block::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:rg-glanz 4.5s ease-in-out infinite 2s}
.rg-platz.leer{opacity:.45}.rg-platz.leer .rg-avatar{border-style:dashed;background:transparent}
.rg-platz.ich .rg-avatar{outline:2px solid var(--app-accent);outline-offset:3px}
.rg-rest{list-style:none;margin:0;padding:var(--app-space-3) 0 var(--app-space-4);border-top:1px solid var(--app-line);display:flex;flex-direction:column;gap:var(--app-space-1)}
.rg-rest li{display:flex;justify-content:space-between;padding:var(--app-space-1) var(--app-space-3);border-radius:var(--app-radius-card);color:var(--app-text-muted)}
.rg-rest li.ich{background:color-mix(in srgb,var(--app-accent) 14%,transparent);color:var(--app-text-color)}
.rg-stand{display:flex;flex-wrap:wrap;gap:var(--app-space-5);align-items:center;justify-content:space-between;margin-bottom:var(--app-space-4)}
.rg-stand .toplist{flex:1;min-width:240px}
@keyframes rg-hoch{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes rg-auf{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes rg-krone{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes rg-glut{0%,100%{box-shadow:0 0 0 6px color-mix(in srgb,var(--rg-gold) 22%,transparent),0 0 24px color-mix(in srgb,var(--rg-gold) 40%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--rg-gold) 14%,transparent),0 0 44px color-mix(in srgb,var(--rg-gold) 70%,transparent)}}
@keyframes rg-glanz{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (max-width:599px){.rangliste{padding:var(--app-space-4) var(--app-space-3) 0}.rg-avatar{width:44px;height:44px;font-size:17px}.rg-p1 .rg-avatar{width:56px;height:56px}.rg-zahl{font-size:34px}.rg-betrag{font-size:var(--app-text)}.rg-p1 .rg-betrag{font-size:var(--app-text-lg)}}
@media (prefers-reduced-motion:reduce){.rg-person,.rg-block,.rg-krone,.rg-avatar,.rg-p1 .rg-block::after{animation:none!important}}
.ticket-audio{display:flex;align-items:center;gap:var(--app-space-3);flex-wrap:wrap}
.ticket-audio .btn.an{border-color:var(--app-bad);color:var(--app-bad)}
#ticket audio{width:100%;margin-top:var(--app-space-2)}
.sprach-leiste{display:flex;align-items:center;gap:var(--app-space-3);flex-wrap:wrap}
.sprach-leiste .btn.an{border-color:var(--app-bad);color:var(--app-bad)}
.sprach-leiste .sub{flex:1;min-width:0}
/* Sprach-Dialog wie eine Sprachnachricht (js/hilfen.js: sprachAufnahme) */
.sprach-aufnahme{display:flex;flex-direction:column;align-items:center;gap:var(--app-space-3);padding:var(--app-space-4) 0 var(--app-space-2);text-align:center}
.sa-mic{position:relative;width:72px;height:72px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--app-surface-2);color:var(--app-text-muted);transition:background var(--app-speed) var(--app-ease)}
.sa-mic svg{width:28px;height:28px}
.sprach-aufnahme.an .sa-mic{background:var(--app-accent);color:var(--app-on-accent)}
.sprach-aufnahme.an .sa-mic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--app-accent);animation:pulse 1.2s var(--app-ease) infinite}
.sa-wellen{display:flex;align-items:center;gap:4px;height:32px}
.sa-wellen i{width:4px;height:6px;border-radius:2px;background:var(--app-text-faint);transition:height var(--app-speed) var(--app-ease)}
.sprach-aufnahme.an .sa-wellen i,.composer.aufnahme .sa-wellen i{background:var(--app-accent-text);animation:sa-welle 1.1s var(--app-ease) infinite alternate}
.sprach-aufnahme.spricht .sa-wellen i,.composer.spricht .sa-wellen i{animation-duration:.45s}
.sa-wellen i:nth-child(2n){animation-delay:-.3s}.sa-wellen i:nth-child(3n){animation-delay:-.6s}.sa-wellen i:nth-child(4n){animation-delay:-.15s}
@keyframes sa-welle{from{height:6px}to{height:28px}}
.sprach-aufnahme:not(.spricht) .sa-wellen i,.composer.aufnahme:not(.spricht) .sa-wellen i{animation-name:sa-welle-leise}
@keyframes sa-welle-leise{from{height:6px}to{height:12px}}
.sa-zeit{font-variant-numeric:tabular-nums;font-size:var(--app-text-lg);font-weight:600;color:var(--app-text-color)}
.sa-text{font-size:var(--app-text-sm);color:var(--app-text-muted);min-height:1.4em}
.sa-tippen{min-height:var(--app-tap);font-size:var(--app-text-sm)}
@media (prefers-reduced-motion:reduce){.sprach-aufnahme .sa-wellen i,.sprach-aufnahme .sa-mic::after,.composer .sa-wellen i{animation:none}}
/* Datei hochladen (Hilfe-Center) */
.upload{position:relative;display:flex;align-items:center;gap:var(--app-space-4);padding:var(--app-space-4);border:1.5px dashed var(--app-line);border-radius:var(--app-radius-card);background:var(--app-surface-2);cursor:pointer;transition:border-color var(--app-speed) var(--app-ease),background var(--app-speed) var(--app-ease)}
.upload:hover,.upload:focus-within{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 8%,var(--app-surface-2))}
.upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.upload-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--app-accent) 16%,transparent);color:var(--app-accent-text)}
.upload-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.upload-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.upload-text b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-text small{color:var(--app-text-muted);font-size:var(--app-text-sm);line-height:1.4}
.upload.voll{border-style:solid;border-color:var(--app-ok)}
.upload.voll .upload-ic{background:color-mix(in srgb,var(--app-ok) 18%,transparent);color:var(--app-ok)}
.row.vt-posten.klickbar{cursor:pointer}
.row.vt-posten.klickbar:hover{background:var(--app-surface-2)}
.vt-edit{display:inline-flex;align-items:center;gap:var(--app-space-1);margin-left:var(--app-space-3);font-size:var(--app-text-sm);color:var(--app-accent-text)}
.vt-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Planung (Vollbild wie Trello, js/seiten-planung.js) ---------- */
.app.planung-voll .topbar{display:none}
.app.planung-voll .scroll{overflow:hidden;padding-bottom:0}
.app.planung-voll #dyn{max-width:none;height:100%;padding:0}
.pl{position:relative;height:100%;display:flex;flex-direction:column;background:var(--app-sidebar);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 0}
.pl-kopf{display:flex;align-items:center;gap:var(--app-space-2);min-height:64px;padding:var(--app-space-2) var(--app-space-4) var(--app-space-2) var(--app-space-3)}
.pl-marke{display:flex;align-items:center;gap:var(--app-space-3);flex:none;padding-left:var(--app-space-2);margin-right:var(--app-space-6);font-size:var(--app-h2);font-weight:500;letter-spacing:var(--app-tracking-tight);white-space:nowrap}
.pl-marke img{width:36px;height:36px;flex:none}
.pl-marke span span{color:var(--app-text-muted);font-weight:400}
.pl-suche{flex:1;max-width:560px;display:flex;align-items:center;gap:var(--app-space-2);min-height:44px;padding:0 var(--app-space-4);background:var(--app-bg);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);color:var(--app-text-muted)}
.pl-suche input{flex:1;min-width:0;min-height:42px;border:0;outline:0;background:none;font-size:var(--app-text);color:var(--app-text-color)}
.pl-suche:focus-within{border-color:var(--app-accent-text)}
.meld-streifen{display:flex;flex-direction:column;gap:var(--app-space-3);margin:0 var(--app-space-3) var(--app-space-3);padding:var(--app-space-3) var(--app-space-4);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md)}
.meld-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-2)}
.meld-zu{margin-left:auto}
.meld-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--app-space-2)}
.meld-liste li{display:flex;gap:var(--app-space-3);align-items:baseline;min-width:0;overflow-wrap:anywhere}
.meld-zeit{flex:none;font-size:var(--app-text-sm);color:var(--app-text-faint)}
.meld-push{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-3);justify-content:space-between}
.pl-koerper{flex:1;min-height:0;display:flex;gap:var(--app-space-3);padding:0 var(--app-space-3) calc(84px + env(safe-area-inset-bottom)) var(--app-space-3)}
.pl-panel{min-height:0;display:flex;flex-direction:column;border-radius:var(--app-radius-md);overflow:hidden}
.pl-seite{width:300px;flex:none;background:var(--app-surface);border:1px solid var(--app-line)}
.pl-panel-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2);padding:var(--app-space-1) var(--app-space-1) var(--app-space-1) var(--app-space-4)}
.pl-panel-kopf h2{display:inline-flex;align-items:center;gap:var(--app-space-2);font-size:var(--app-text);font-weight:600}
.pl-ib{width:var(--app-tap);height:var(--app-tap);border-radius:var(--app-radius-sm)}
.pl-ib svg{width:18px;height:18px}
.pl-rollen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
/* Posteingang */
.pl-schnell{padding:0 var(--app-space-3) var(--app-space-2)}
.pl-schnell input{width:100%;min-height:var(--app-tap);padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-sm);background:var(--app-surface-2);color:var(--app-text-color);font-size:var(--app-text);outline:0}
.pl-schnell input:focus{border-color:var(--app-accent-text);background:var(--app-surface)}
.pl-eingang .pl-karten{padding:var(--app-space-1) var(--app-space-3) var(--app-space-3)}
.pl-eingang .pl-karte{background:var(--app-surface-2)}
.pl-leer{display:flex;flex-direction:column;align-items:center;gap:var(--app-space-2);padding:var(--app-space-8) var(--app-space-3);text-align:center;font-size:var(--app-text-sm);color:var(--app-text-muted);line-height:1.45}
.pl-leer svg{width:32px;height:32px;color:var(--app-accent-text)}
.pl-leer b{color:var(--app-text-color);font-size:var(--app-text)}
.pl-hinweis{display:flex;align-items:center;justify-content:center;gap:var(--app-space-2);padding:var(--app-space-2) var(--app-space-4) var(--app-space-3);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.pl-hinweis svg{width:14px;height:14px}
/* Planer */
.pl-planer-nav{display:flex;align-items:center;gap:var(--app-space-1);padding:0 var(--app-space-2) var(--app-space-2) var(--app-space-4)}
.pl-monat{flex:1;min-width:0;font-size:var(--app-text-sm);font-weight:600}
.pl-heute{min-height:var(--app-tap);padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-pill);font-size:var(--app-text-sm);font-weight:500}
.pl-heute:hover{background:var(--app-hover)}
.pl-tage{padding:0 var(--app-space-3) var(--app-space-3)}
.pl-tag{padding:var(--app-space-2) var(--app-space-2) var(--app-space-3);border-top:1px solid var(--app-line);border-radius:var(--app-radius-sm);transition:background var(--app-speed) var(--app-ease)}
.pl-tag-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2);min-height:var(--app-tap);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.pl-tag-kopf b{color:var(--app-text-color);margin-right:var(--app-space-1)}
.pl-tag.heute .pl-tag-kopf b{color:var(--app-accent-text)}
.pl-ueber .pl-tag-kopf b{color:var(--app-bad)}
.pl-tag .pl-karte+.pl-karte{margin-top:var(--app-space-2)}
.pl-tag.ziel{background:color-mix(in srgb,var(--app-accent) 14%,transparent)}
.pl-nichts{font-size:var(--app-text-sm);color:var(--app-text-faint);padding-bottom:var(--app-space-1)}
.pl-mehr-tage{width:100%;margin-top:var(--app-space-2)}
.pl-planer .pl-karte{background:var(--app-surface-2)}
/* Board */
.pl-board{flex:1;min-width:0;--pl-farbe:var(--app-accent);background:linear-gradient(135deg,var(--pl-farbe),color-mix(in srgb,var(--pl-farbe) 45%,var(--app-bg)))}
.pl-board[data-bg="marke"]{background:var(--brand-gradient,linear-gradient(135deg,var(--app-accent),color-mix(in srgb,var(--app-accent) 45%,var(--app-bg))))}
:is(.pl-board,.pl-swatch)[data-bg="kalt"]{--pl-farbe:var(--app-kalt)}:is(.pl-board,.pl-swatch)[data-bg="ok"]{--pl-farbe:var(--app-ok)}:is(.pl-board,.pl-swatch)[data-bg="warm"]{--pl-farbe:var(--app-warm)}:is(.pl-board,.pl-swatch)[data-bg="bad"]{--pl-farbe:var(--app-bad)}:is(.pl-board,.pl-swatch)[data-bg="neutral"]{--pl-farbe:var(--app-neutral)}:is(.pl-board,.pl-swatch)[data-bg="marke"]{--pl-farbe:var(--app-accent)}
.pl-board-kopf{display:flex;align-items:center;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-3) 0}
.pl-board-name,.pl-privat,.pl-board-kopf .pl-ib{display:inline-flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);padding:0 var(--app-space-4);border-radius:var(--app-radius-pill);background:color-mix(in srgb,var(--app-surface) 88%,transparent);color:var(--app-text-color);backdrop-filter:blur(6px)}
.pl-board-name{min-width:0;font-size:var(--app-text);font-weight:600;max-width:60%;white-space:nowrap}
.pl-board-name span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pl-board-name svg{width:16px;height:16px;color:var(--app-text-muted)}
.pl-privat{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.pl-privat svg{width:14px;height:14px}
.pl-board-kopf .pl-ib{padding:0;justify-content:center}
.pl-luecke{flex:1}
.pl-listen{flex:1;min-height:0;display:flex;align-items:flex-start;gap:var(--app-space-3);overflow-x:auto;overflow-y:hidden;padding:var(--app-space-3)}
.pl-liste{width:272px;flex:none;max-height:100%;display:flex;flex-direction:column;background:var(--app-sidebar);color:var(--app-text-color);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);padding:var(--app-space-1) var(--app-space-2) var(--app-space-2)}
.pl-liste-kopf{display:flex;align-items:center;gap:0;padding-left:var(--app-space-2);cursor:grab}
.pl-liste-kopf h3{flex:1;min-width:0;font-size:var(--app-text-sm);font-weight:600;padding:var(--app-space-2) 0;overflow-wrap:anywhere}
.pl-zahl{font-size:var(--app-text-xs);color:var(--app-text-muted);padding:0 var(--app-space-1)}
.pl-karten{display:flex;flex-direction:column;gap:var(--app-space-2);min-height:4px;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.pl-zieht .pl-karten[data-drop]{min-height:56px}
.pl-karte{display:block;flex:none;width:100%;min-height:var(--app-tap);text-align:left;padding:var(--app-space-2) var(--app-space-3);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-sm);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.pl-karte:hover,.pl-karte:focus-visible{border-color:var(--app-accent-text);outline:0}
.pl-karte.erledigt .pl-karte-titel>span{color:var(--app-text-muted)}
.pl-karte.gedimmt{opacity:.35}
.pl-karte-titel{display:flex;align-items:flex-start;gap:var(--app-space-2);font-size:var(--app-text-sm);line-height:1.4;color:var(--app-text-color);overflow-wrap:anywhere}
.pl-karte-titel>span{padding-top:1px}
.pl-haken{position:relative;flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:-1px}
.pl-haken::before{content:"";position:absolute;inset:-11px}
.pl-haken svg{width:20px;height:20px;padding:3px;border:1.5px solid var(--app-text-faint);border-radius:50%;color:transparent;stroke-width:3}
.pl-haken:hover svg{border-color:var(--app-ok)}
.pl-karte.erledigt .pl-haken svg{background:var(--app-ok);border-color:var(--app-ok);color:var(--app-surface)}
.pl-labels{display:flex;flex-wrap:wrap;gap:var(--app-space-1);margin-bottom:var(--app-space-2)}
.pl-label{--pl-l:var(--app-neutral);display:inline-flex;align-items:center;min-width:40px;min-height:18px;padding:1px var(--app-space-2);border-radius:4px;background:color-mix(in srgb,var(--pl-l) 18%,transparent);color:var(--pl-l);font-size:12px;font-weight:600;line-height:1.3}
.pl-label[data-f="bad"]{--pl-l:var(--app-bad)}.pl-label[data-f="warm"]{--pl-l:var(--app-warm)}.pl-label[data-f="warn"]{--pl-l:var(--app-warn)}.pl-label[data-f="ok"]{--pl-l:var(--app-ok)}.pl-label[data-f="kalt"]{--pl-l:var(--app-kalt)}.pl-label[data-f="accent"]{--pl-l:var(--app-accent-text)}.pl-label[data-f="neutral"]{--pl-l:var(--app-neutral)}
.pl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-1) var(--app-space-3);margin-top:var(--app-space-2);font-size:12px;color:var(--app-text-muted)}
.pl-m{display:inline-flex;align-items:center;gap:var(--app-space-1);border-radius:4px}
.pl-m svg{width:14px;height:14px}
.pl-m.rot,.pl-m.gelb,.pl-m.gruen{padding:1px 6px}
.pl-m.rot{background:color-mix(in srgb,var(--app-bad) 16%,transparent);color:var(--app-bad)}
.pl-m.gelb{background:color-mix(in srgb,var(--app-warn) 18%,transparent);color:var(--app-warn)}
.pl-m.gruen{background:color-mix(in srgb,var(--app-ok) 16%,transparent);color:var(--app-ok)}
.pl-woher{padding:1px 6px;background:var(--app-hover)}
.pl-hinzu{display:flex;align-items:center;gap:var(--app-space-2);width:100%;min-height:var(--app-tap);margin-top:var(--app-space-1);padding:0 var(--app-space-2);border-radius:var(--app-radius-sm);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.pl-hinzu:hover{background:var(--app-hover);color:var(--app-text-color)}
.pl-hinzu svg{width:18px;height:18px}
.pl-composer{margin-top:var(--app-space-2)}
.pl-composer textarea,.pl-neue-liste input{width:100%;padding:var(--app-space-2) var(--app-space-3);border:1px solid var(--app-accent-text);border-radius:var(--app-radius-sm);background:var(--app-surface);color:var(--app-text-color);font-size:var(--app-text);line-height:1.4;resize:none;outline:0}
.pl-neue-liste input{min-height:var(--app-tap)}
.pl-composer-fuss{display:flex;align-items:center;gap:var(--app-space-1);margin-top:var(--app-space-2)}
.pl-neue-liste{padding:var(--app-space-2)}
.pl-liste-hinzu{display:flex;align-items:center;gap:var(--app-space-2);width:272px;flex:none;min-height:var(--app-tap);padding:0 var(--app-space-4);border-radius:var(--app-radius-md);background:color-mix(in srgb,var(--app-surface) 70%,transparent);color:var(--app-text-color);font-size:var(--app-text-sm);font-weight:500;backdrop-filter:blur(6px)}
.pl-liste-hinzu:hover{background:color-mix(in srgb,var(--app-surface) 88%,transparent)}
/* Liste eingeklappt: schmale Leiste mit gedrehtem Namen */
.pl-liste.zu{width:auto;padding:0}
.pl-zu-leiste{display:flex;flex-direction:column;align-items:center;gap:var(--app-space-3);width:var(--app-tap);padding:var(--app-space-3) 0 var(--app-space-4);border-radius:var(--app-radius-md);color:var(--app-text-color)}
.pl-zu-leiste:hover{background:var(--app-hover)}
.pl-zu-leiste svg{width:18px;height:18px;color:var(--app-text-muted)}
.pl-zu-name{writing-mode:vertical-rl;font-size:var(--app-text-sm);font-weight:600;white-space:nowrap}
/* Starter-Handbuch */
.pl-hb .pl-liste-kopf{cursor:default}
.pl-hb-karte{padding:0;overflow:hidden}
.pl-hb-karte .pl-karte-titel,.pl-hb-karte .pl-meta{padding:0 var(--app-space-3)}
.pl-hb-karte .pl-karte-titel{margin-top:var(--app-space-2)}
.pl-hb-karte .pl-meta{padding-bottom:var(--app-space-2)}
.pl-hb-bild{display:flex;align-items:center;justify-content:center;gap:var(--app-space-2);aspect-ratio:16/7;background:var(--brand-gradient,var(--app-accent));color:var(--app-on-accent);font-size:var(--app-text-xs);font-weight:600}
.pl-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--app-surface);color:var(--app-accent-text)}
.pl-play svg{width:16px;height:16px;fill:currentColor;stroke:none;margin-left:2px}
.pl-nr{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--app-accent);color:var(--app-on-accent);font-size:12px}
.pl-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--app-space-2);width:100%;aspect-ratio:16/9;border-radius:var(--app-radius-md);background:var(--brand-gradient,var(--app-accent));color:var(--app-on-accent);font-size:var(--app-text-sm);font-weight:600}
video.pl-video{background:var(--app-surface-2)}
.pl-hb-text{font-size:var(--app-text-sm);line-height:1.5;color:var(--app-text-color)}
/* Untere Leiste: Posteingang | Planer | Board | Boards wechseln */
.pl-leiste{position:absolute;left:50%;bottom:calc(var(--app-space-3) + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;display:flex;gap:var(--app-space-1);padding:var(--app-space-1);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow)}
.pl-leiste-k{position:relative;display:inline-flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);padding:0 var(--app-space-4);border-radius:var(--app-radius-sm);font-size:var(--app-text-sm);color:var(--app-text-muted);white-space:nowrap}
.pl-leiste-k:hover{background:var(--app-hover);color:var(--app-text-color)}
.pl-leiste-k.an{background:color-mix(in srgb,var(--app-accent) 14%,transparent);color:var(--app-accent-text);font-weight:500}
.pl-leiste-k.an::after{content:"";position:absolute;left:30%;right:30%;bottom:3px;height:2px;border-radius:2px;background:var(--app-accent-text)}
.pl-alles-zu{margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--app-space-2);max-width:380px;padding:var(--app-space-6);text-align:center;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.pl-alles-zu b{font-size:var(--app-text);color:var(--app-text-color)}
.pl-alles-zu svg{width:28px;height:28px}
/* Menüs */
.pl-pop{position:fixed;z-index:80;min-width:250px;max-width:calc(100vw - 16px);max-height:70dvh;overflow-y:auto;padding:var(--app-space-2);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow)}
.pl-pop hr{border:0;border-top:1px solid var(--app-line);margin:var(--app-space-2) 0}
.pl-pop-titel{padding:var(--app-space-2) var(--app-space-3);font-size:var(--app-text-xs);font-weight:600;color:var(--app-text-muted)}
.pl-pop-titel.klein{padding-bottom:var(--app-space-1)}
.pl-pop-p{display:flex;align-items:center;gap:var(--app-space-3);width:100%;min-height:var(--app-tap);padding:0 var(--app-space-3);border-radius:var(--app-radius-sm);text-align:left;font-size:var(--app-text-sm);color:var(--app-text-color)}
.pl-pop-p:hover{background:var(--app-hover)}
.pl-pop-p.gefahr{color:var(--app-bad)}
.pl-pop-p.an{font-weight:600}
.pl-pop-p svg{width:18px;height:18px}
.pl-board-wahl svg{margin-left:auto;color:var(--app-accent-text)}
.pl-pop-info{padding:var(--app-space-2) var(--app-space-3);font-size:var(--app-text-xs);color:var(--app-text-muted)}
.pl-swatch{flex:none;width:28px;height:20px;border-radius:4px;background:linear-gradient(135deg,var(--pl-farbe),color-mix(in srgb,var(--pl-farbe) 45%,var(--app-bg)))}
.pl-swatch[data-bg="marke"]{background:var(--brand-gradient,var(--app-accent))}
.pl-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--app-space-2);padding:0 var(--app-space-3) var(--app-space-2)}
.pl-swatch.gross{width:auto;height:var(--app-tap);border-radius:var(--app-radius-sm)}
.pl-swatch.an{box-shadow:0 0 0 2px var(--app-surface),0 0 0 4px var(--app-text-color)}
/* Ziehen */
.pl-geist{position:fixed;left:0;top:0;z-index:90;margin:0;pointer-events:none;box-shadow:var(--app-shadow),0 12px 32px var(--app-overlay);opacity:.96}
.pl-platzhalter{background:var(--app-hover)!important;border-color:transparent!important;box-shadow:none!important}
.pl-platzhalter>*{visibility:hidden}
body.pl-zieht,body.pl-zieht *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
/* Karte (Fenster) */
.pl-dlg .form-grid{margin:0}
.pl-abschnitt-titel{display:flex;gap:var(--app-space-2);margin-bottom:var(--app-space-2);font-size:var(--app-text-sm);color:var(--app-text-muted)}
/* Logo-Labels (LinkedIn, Facebook, Instagram, Claude): Marken-Logo statt Text */
.pl-logo{--pl-logo:var(--app-neutral);display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;padding:0;border-radius:5px;background:var(--pl-logo);color:var(--logo-on)}
.pl-label.pl-logo{min-width:0;min-height:0;padding:0;background:var(--pl-logo);color:var(--logo-on)}
.pl-logo svg{width:14px;height:14px;fill:currentColor;stroke:none}
.pl-label.gross .pl-logo svg{width:13px;height:13px;stroke-width:0}
.pl-logo[data-logo="linkedin"]{--pl-logo:var(--logo-linkedin)}.pl-logo[data-logo="facebook"]{--pl-logo:var(--logo-facebook)}.pl-logo[data-logo="instagram"]{--pl-logo:var(--logo-instagram)}.pl-logo[data-logo="claude"]{--pl-logo:var(--logo-claude)}
/* LinkedIn-Logo ist selbst schon ein Quadrat → nur weißer Grund fürs „in“ */
.pl-logo[data-logo="linkedin"],.pl-label.pl-logo[data-logo="linkedin"]{background:var(--logo-on);color:var(--logo-linkedin);border-radius:3px}.pl-logo[data-logo="linkedin"] svg,.pl-label.gross .pl-logo[data-logo="linkedin"] svg{width:22px;height:22px}
.pl-label-wahl{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}
.pl-label.gross{gap:var(--app-space-1);min-height:var(--app-tap);padding:0 var(--app-space-3);border:2px solid transparent;border-radius:var(--app-radius-sm);font-size:var(--app-text-sm)}
.pl-label.gross.an{border-color:var(--pl-l)}
.pl-label.gross svg{width:16px;height:16px;stroke-width:2.6}
.pl-label-neu,.pl-check-neu,.pl-link-zeile{display:flex;gap:var(--app-space-2);margin-top:var(--app-space-2)}
.pl-link-zeile{margin-top:0}
.pl-label-neu input,.pl-label-neu select,.pl-check-neu input{flex:1;min-width:0;min-height:var(--app-tap);padding:0 var(--app-space-3);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-color);font-size:var(--app-text);outline:0}
.pl-label-neu select{flex:none;width:auto}
.pl-label-neu input:focus,.pl-check-neu input:focus{border-color:var(--app-accent-text)}
.pl-check-z{display:flex;align-items:center;gap:var(--app-space-2)}
.pl-check-z label,.pl-erledigt-wahl{flex:1;display:flex;align-items:center;gap:var(--app-space-3);min-height:var(--app-tap);font-size:var(--app-text-sm);color:var(--app-text-color);cursor:pointer}
.pl-check-z input,.pl-erledigt-wahl input{flex:none;width:20px;height:20px;accent-color:var(--app-accent)}
.pl-check-z input:checked+span{color:var(--app-text-muted);text-decoration:line-through}
.pl-fuss-links{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}
/* Erledigt: abhaken, Rückgängig, Statistik */
.pl-karte.pl-fertig{animation:pl-weg .65s var(--app-ease) forwards;pointer-events:none}
.pl-karte.pl-fertig .pl-haken svg{background:var(--app-ok);border-color:var(--app-ok);color:var(--app-surface)}
@keyframes pl-weg{0%{transform:none}35%{border-color:var(--app-ok);background:color-mix(in srgb,var(--app-ok) 14%,var(--app-surface));transform:scale(1.02)}100%{opacity:0;transform:translateX(16px) scale(.96)}}
@media (prefers-reduced-motion:reduce){.pl-karte.pl-fertig{animation-duration:.01s}}
.pl-rueck{position:absolute;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:var(--app-space-3);padding:0 var(--app-space-2) 0 var(--app-space-4);border-radius:var(--app-radius-pill);background:var(--app-text-color);color:var(--app-bg);font-size:var(--app-text-sm);box-shadow:var(--app-shadow);white-space:nowrap;animation:pl-rein var(--app-speed) var(--app-ease)}
.pl-rueck>svg{width:18px;height:18px;color:var(--app-ok)}
.pl-rueck button{min-height:var(--app-tap);padding:0 var(--app-space-3);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@keyframes pl-rein{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translateX(-50%)}}
.pl-erfolg{display:inline-flex;align-items:center;gap:var(--app-space-1);min-height:var(--app-tap);padding:0 var(--app-space-4);border-radius:var(--app-radius-pill);background:color-mix(in srgb,var(--app-surface) 88%,transparent);color:var(--app-text-color);font-size:var(--app-text-sm);backdrop-filter:blur(6px);white-space:nowrap}
.pl-erfolg:hover{background:var(--app-surface)}
.pl-erfolg svg{width:18px;height:18px;color:var(--app-ok);stroke-width:2.6}
.pl-erfolg b{font-weight:700}
.pl-erl-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--app-space-2)}
.pl-erl-zahlen div{display:flex;flex-direction:column;gap:2px;padding:var(--app-space-3);border-radius:var(--app-radius-md);background:var(--app-surface-2);font-size:var(--app-text-xs);color:var(--app-text-muted)}
.pl-erl-zahlen b{font-size:var(--app-h2);font-weight:700;color:var(--app-text-color)}
.pl-erl-zahlen div:first-child b{color:var(--app-ok)}
.pl-erl-gruppe{padding:var(--app-space-3) 0 var(--app-space-1);font-size:var(--app-text-xs);font-weight:600;color:var(--app-text-muted)}
.pl-erl-z{display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-2) 0;border-bottom:1px solid var(--app-line)}
.pl-erl-haken{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--app-ok);color:var(--app-surface)}
.pl-erl-haken svg{width:14px;height:14px;stroke-width:3}
.pl-erl-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:var(--app-text-sm)}
.pl-erl-text b{font-weight:500;overflow-wrap:anywhere}
.pl-erl-text small{font-size:var(--app-text-xs);color:var(--app-text-muted)}
.pl-erl .btn{flex:none;padding:0 var(--app-space-3)}
@media (max-width:1023px){
  .pl-seite{flex:1;width:auto}
  .pl-panel-kopf [data-a="panel-zu"]{display:none}
}
@media (max-width:767px){
  .pl-kopf{flex-wrap:wrap;gap:var(--app-space-1);padding:var(--app-space-2) var(--app-space-3) var(--app-space-3) var(--app-space-2)}
  .pl-marke{font-size:var(--app-text-lg);gap:var(--app-space-2);padding-left:0;margin-right:0}
  .pl-marke img{width:28px;height:28px}
  .pl-suche{order:3;flex-basis:100%;max-width:none}
  .pl-koerper{padding:0 0 calc(76px + env(safe-area-inset-bottom));gap:0}
  .pl-seite{width:100%;border:0;border-radius:0}
  .pl-panel-kopf [data-a="panel-zu"]{display:none}
  .pl-board{border-radius:0}
  .pl-privat{display:none}
  .pl-board-name{max-width:100%}
  .pl-listen{scroll-snap-type:x mandatory;scroll-padding:0 var(--app-space-4);padding:var(--app-space-3) var(--app-space-4)}
  .pl-liste,.pl-liste-hinzu{width:min(300px,calc(100vw - 64px));scroll-snap-align:start}
  .pl-liste.zu{width:auto}
  .pl-leiste{left:var(--app-space-3);right:var(--app-space-3);transform:none}
  .pl-leiste-k{flex:1;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:var(--app-space-1);font-size:11px}
  .pl-leiste-k.an::after{bottom:2px}
  .pl-lang{display:none}
  .pl-pop{left:var(--app-space-2)!important;right:var(--app-space-2);min-width:0}
  .pl-rueck{bottom:calc(80px + env(safe-area-inset-bottom))}
  .pl-erfolg{padding:0 var(--app-space-3)}
}

/* Social Media (js/seiten-social.js): Freigabe-Karten, Kommentar-Liste, beste Posts, Zahl am Menüpunkt */
.nav-zahl{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--app-radius-pill);background:var(--app-warn);color:var(--app-on-accent);font-size:var(--app-text-xs);font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.sm-liste{display:flex;flex-direction:column;gap:var(--app-space-3)}
.sm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-2);font-size:var(--app-text-xs);color:var(--app-text-muted)}
.sm-meta .sub{margin:0;font-size:var(--app-text-xs)}
.sm-kommentar{margin:var(--app-space-3) 0 0;font-size:var(--app-text);line-height:1.45;overflow-wrap:anywhere}
.sm-post{margin-bottom:var(--app-space-3)}
.sm-freigabe .feld{margin-top:var(--app-space-3)}
.sm-knoepfe{margin-top:var(--app-space-3)}
.sm-antwort{margin:var(--app-space-3) 0 0;padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2);font-size:var(--app-text-sm);line-height:1.45;overflow-wrap:anywhere}
.sm-antwort span{display:block;font-size:var(--app-text-xs);color:var(--app-text-muted);margin-bottom:2px}
.sm-link{display:inline-flex;align-items:center;min-height:var(--app-tap);font-size:var(--app-text-sm);color:var(--app-accent-text)}
.sm-klein{display:block;font-size:var(--app-text-xs);color:var(--app-text-faint);font-weight:400}
.sm-posts li{justify-content:flex-start}
.sm-bild{flex:none;width:56px;height:70px;border-radius:var(--app-radius-sm);object-fit:cover;background:var(--app-surface-2)}
.sm-post-text{flex:1;min-width:0;overflow-wrap:anywhere}
.sm-quote{flex:none;font-weight:600}
.li-name{margin-top:var(--app-space-2);font-weight:600;font-size:var(--app-text)}
.li-grund{font-size:var(--app-text-xs)}
.li-verlauf{margin-top:var(--app-space-3);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.li-verlauf summary{min-height:var(--app-tap);display:flex;align-items:center;cursor:pointer}
.li-karte .feld{margin-top:var(--app-space-3)}
.li-hinweis{margin-bottom:var(--app-space-3);color:var(--app-warn)}
.li-titel{margin:var(--app-space-6) 0 var(--app-space-3);font-size:var(--app-text-lg)}
.li-demnaechst{list-style:none;margin:0;padding:0}
.li-demnaechst li{display:flex;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap;padding:var(--app-space-2) 0;border-bottom:1px solid var(--app-line)}
.li-demnaechst li:last-child{border-bottom:0}
.li-demnaechst .sub{margin:0}
@media (max-width:767px){.sm-posts .sm-link{display:none}.sm-bild{width:44px;height:55px}}
@container (min-width:900px){.sm-kacheln{grid-template-columns:repeat(4,auto)}}

/* ---------- Wiederhergestellt: am 24.10. (Commit ec03d7c) aus Versehen gelöscht ---------- */
/* Fortschritt-Karte im Lead (alte Schritt-Ansicht, getrennt von der neuen Schritt-Leiste .vt-schritte oben) */
.vt-schritte[data-fortschritt]{display:grid;grid-template-columns:repeat(var(--schritte,3),minmax(0,1fr));gap:var(--app-space-4);padding:var(--app-space-5);border-radius:var(--app-radius-card);overflow:visible}
[data-fortschritt] .vt-schritt{display:flex;align-items:flex-start;gap:var(--app-space-3);min-width:0;min-height:0;padding:0;border-radius:0;white-space:normal;color:inherit}
[data-fortschritt] .vt-schritt:hover{background:none}
[data-fortschritt] .vt-punkt{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--app-line);font-size:var(--app-text-sm);font-weight:500;color:var(--app-text-muted)}
[data-fortschritt] .vt-punkt svg{width:16px;height:16px}
[data-fortschritt] .vt-schritt.fertig .vt-punkt{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}
[data-fortschritt] .vt-schritt.schlecht .vt-punkt{border-color:var(--app-bad);color:var(--app-bad);background:color-mix(in srgb,var(--app-bad) 13%,transparent)}
[data-fortschritt] .vt-schritt-text{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:4px}
[data-fortschritt] .vt-schritt-text b{font-weight:500;font-size:var(--app-text-sm)}
[data-fortschritt] .vt-schritt-text b small{font-weight:400;color:var(--app-text-faint);font-size:var(--app-text-xs);margin-left:var(--app-space-1)}
[data-fortschritt] .vt-schritt-text span{font-size:var(--app-text-xs);color:var(--app-text-muted);overflow-wrap:anywhere}
[data-fortschritt] .vt-schritt.schlecht .vt-schritt-text span{color:var(--app-bad)}
@media (max-width:599px){.vt-schritte[data-fortschritt]{grid-template-columns:1fr;gap:var(--app-space-3)}}
[data-fortschritt] .vt-schritt-text .link-btn{align-self:flex-start;padding:0;font-size:var(--app-text-xs);color:var(--app-text-muted)}
[data-fortschritt] .vt-schritt-text .link-btn.sicher{color:var(--app-bad)}

/* ---------- Ansicht als Nutzer ---------- */
.ansicht-balken{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap;padding:var(--app-space-2) calc(var(--app-space-4) + env(safe-area-inset-right)) var(--app-space-2) var(--app-space-4);padding-top:calc(var(--app-space-2) + env(safe-area-inset-top));background:color-mix(in srgb,var(--app-accent) 16%,var(--app-bg));font-size:var(--app-text-sm)}
.ansicht-balken b{font-weight:600}
.ansicht-balken .btn{min-height:var(--app-tap);padding:0 var(--app-space-4)}
.menu-zahl{margin-left:auto;font-size:var(--app-text-xs);color:var(--app-text-faint)}
#nutzer-auf .auf-ic{margin-left:var(--app-space-1);transition:transform var(--app-speed) var(--app-ease)}
#nutzer-auf[aria-expanded="true"] .auf-ic{transform:rotate(90deg)}
.nutzer-kz{background:var(--app-surface-2)!important;font-size:10px;font-weight:600;color:var(--app-text-muted)}
.nutzer-text{display:flex;flex-direction:column;line-height:1.25}
.nutzer-text small{font-size:var(--app-text-xs);color:var(--app-text-faint)}
/* ---------- Hochgeladene Dokumente ---------- */
.datei-leiste{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap}
.datei-name{display:flex;align-items:center;gap:var(--app-space-2);min-width:0;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.datei-name span{overflow-wrap:anywhere}
.datei-name svg{width:18px;height:18px;flex:none}
/* Dokument-Ansicht: links das Blatt (volle Breite, lesbar), rechts alle Knöpfe; Handy untereinander */
.page:has(> .dok-ansicht){max-width:none}
@media (min-width:900px){.main:has(.page.show > .dok-ansicht) .topbar{display:none}}
.dok-kopf{margin-bottom:var(--app-space-4)}
.dok-zurueck{align-self:center;flex:none;border:1px solid var(--app-line);border-radius:50%}
.dok-zurueck+div{flex:0 1 auto;min-width:0}
.dok-kopf h1{display:flex;align-items:center;gap:var(--app-space-3);flex-wrap:wrap}
/* Titel und verknüpftes Dokument nebeneinander, Kasten so hoch wie Überschrift + Zeile darunter */
.dok-titelzeile{display:flex;align-items:stretch;gap:var(--app-space-3);flex-wrap:wrap}
@media (min-width:900px){.dok-titelzeile .bezug-karte{margin-left:var(--app-space-2)}}
@media (max-width:899px){.dok-titelzeile{display:grid;grid-template-columns:auto minmax(0,1fr)}.dok-titelzeile .bezug-karte{grid-column:1/-1}}
.dok-kopf .bezug-karte{display:flex;flex-direction:column;justify-content:center;gap:2px;margin:0;padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-md);max-width:100%}
.dok-kopf .bezug-karte h2{margin:0;font-size:var(--app-text-xs);font-weight:400;color:var(--app-text-muted)}
.dok-kopf .bz-zeile{min-height:0;padding:2px var(--app-space-1);margin:0 calc(var(--app-space-1) * -1);gap:var(--app-space-2);font-size:var(--app-text-sm);border-radius:var(--app-radius-sm)}
.dok-kopf .bz-zeile+.bz-zeile{border-top:0}
.dok-kopf .bz-zeile svg{width:16px;height:16px}
.dok-kopf .bz-text{display:flex;align-items:baseline;gap:var(--app-space-2)}
.dok-kopf .bz-text span{font-size:var(--app-text-xs)}
.dok-datei .dok-knoepfe{flex-direction:row}
.dok-datei .dok-knoepfe .btn{flex:1;min-width:0;justify-content:center;padding:0 var(--app-space-3)}
.bz-text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dok-ansicht{display:grid;gap:var(--app-space-4)}
@media (min-width:900px){.dok-ansicht{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.dok-seite{position:sticky;top:var(--app-space-4)}}
.dok-blatt{display:flex;justify-content:center;align-items:flex-start;min-height:200px;padding:var(--app-space-3)}
.dok-blatt>iframe{display:block;width:100%;height:100%;border:0;border-radius:var(--app-radius-md);background:var(--app-logo-tile)}
.dok-blatt>img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--app-radius-md)}
.dok-blatt>.empty{align-self:center}
.dok-seite{display:flex;flex-direction:column;gap:var(--app-space-4);min-width:0}
.dok-seite .ed-karte{margin-bottom:0}
.dok-aktionen,.dok-datei{display:flex;flex-direction:column;gap:var(--app-space-3);padding:var(--app-space-4)}
.dok-aktionen>.btn{width:100%;justify-content:center}
.dok-knoepfe{display:flex;flex-direction:column;gap:var(--app-space-2)}
.dok-knoepfe:empty{display:none}
.dok-knoepfe .btn{width:100%;justify-content:flex-start}
.dok-datei h2{margin:0}
.dok-weg{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--app-space-2);padding:0;color:var(--app-text-muted)}
.dok-weg svg{width:16px;height:16px}
.datei-vorschau{padding:var(--app-space-2)}
.datei-vorschau iframe{display:block;width:100%;height:min(1100px,80dvh);border:0;border-radius:var(--app-radius-md);background:var(--app-logo-tile)}
.datei-vorschau img{display:block;max-width:100%;margin:0 auto;border-radius:var(--app-radius-md)}
.pdf-rahmen{position:fixed;left:-10000px;top:0;width:210mm;height:297mm;border:0}
.mail-anhaenge{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}
.mail-anhaenge span{display:inline-flex;align-items:center;gap:var(--app-space-1);padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-pill);background:var(--app-surface-2);font-size:var(--app-text-sm)}
.mail-anhaenge svg{width:16px;height:16px}
.mail-anhaenge span .icon-btn{margin:calc(var(--app-space-2) * -1) calc(var(--app-space-3) * -1) calc(var(--app-space-2) * -1) 0}
/* Rechnung: Lieferdatum / Leistungszeitraum – ein Feld mit Kalender */
.lz-feld{position:relative}
.lz-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2);min-height:20px}
.lz-kopf .link-btn{min-height:0;padding:0;margin:calc(var(--app-space-3) * -1) 0;height:var(--app-tap);font-weight:500}
.lz-wert{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2);width:100%;min-height:48px;padding:0 var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-color);font-size:var(--app-text);text-align:left}
.lz-wert:focus-visible{border-color:var(--app-accent-text);outline:0}
.lz-wert:disabled{background:var(--app-surface-2);color:var(--app-text-muted)}
.lz-wert .leer{color:var(--app-text-muted)}
.lz-wert svg{width:20px;height:20px;flex:none;color:var(--app-text-muted)}
.kal-pop{position:absolute;top:calc(100% + var(--app-space-2));right:0;z-index:50;padding:var(--app-space-4);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);color:var(--app-text-color)}
.kal-monate{display:flex;gap:var(--app-space-6)}
.kal-monat{width:308px}
.kal-kopf{display:flex;align-items:center;gap:var(--app-space-1);min-height:var(--app-tap);margin-bottom:var(--app-space-2)}
.kal-titel{flex:1;display:flex;justify-content:center;gap:var(--app-space-2);font-size:var(--app-text)}
.kal-titel select{min-height:var(--app-tap);padding:0 var(--app-space-2);border:0;background:transparent;color:inherit;font:inherit}
.kal-pfeil svg{width:20px;height:20px}
.kal-raster{display:grid;grid-template-columns:repeat(7,44px)}
.kal-raster span{display:grid;place-items:center;height:32px;font-size:var(--app-text-xs);color:var(--app-text-muted)}
.kal-tag{height:44px;font-size:var(--app-text-sm);color:var(--app-text-color)}
.kal-tag.aus{color:var(--app-text-muted);opacity:.6}
.kal-tag.heute{font-weight:700}
.kal-tag.zwischen{background:color-mix(in srgb,var(--app-accent) 14%,transparent)}
.kal-tag.start,.kal-tag.ende{background:var(--app-accent);color:var(--app-on-accent);opacity:1}
.kal-tag.start:not(.ende){border-radius:var(--app-radius-sm) 0 0 var(--app-radius-sm)}
.kal-tag.ende:not(.start){border-radius:0 var(--app-radius-sm) var(--app-radius-sm) 0}
.kal-tag.start.ende{border-radius:var(--app-radius-sm)}
.kal-tag:not(.start):not(.ende):hover{background:var(--app-surface-2)}
.kal-fuss{display:flex;align-items:center;gap:var(--app-space-2);margin-top:var(--app-space-3);padding-top:var(--app-space-3);border-top:1px solid var(--app-line)}
.kal-fuss>span{flex:1}
.kal-fuss .link-btn{padding:0}
@media (max-width:899px){.kal-pop{position:fixed;top:auto;left:var(--app-space-5);right:var(--app-space-5);bottom:calc(var(--app-space-5) + env(safe-area-inset-bottom));max-width:420px;margin:0 auto;padding:var(--app-space-3)}.kal-monat{width:100%}.kal-raster{grid-template-columns:repeat(7,minmax(0,1fr))}.kal-fuss .btn{flex:1;padding:0 var(--app-space-3)}}
/* Senden: Empfänger als Kästchen (wie Gmail) */
.empf{position:relative}
.empf-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-1);min-height:48px;padding:var(--app-space-1) var(--app-space-2);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface);cursor:text}
.empf-zeile:focus-within{border-color:var(--app-accent-text)}
.empf-zeile input{flex:1;min-width:140px;min-height:38px;padding:0 var(--app-space-2);border:0;background:transparent;color:var(--app-text-color);font-size:var(--app-text);outline:0}
.feld .empf-zeile input{min-height:38px;border:0;padding:0 var(--app-space-2)}
.empf-chip{display:inline-flex;align-items:center;gap:var(--app-space-1);max-width:100%;min-height:32px;padding:0 0 0 var(--app-space-3);border-radius:var(--app-radius-pill);background:var(--app-surface-2);color:var(--app-text-color);font-size:var(--app-text-sm)}
.empf-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empf-chip small{color:var(--app-text-muted);font-size:var(--app-text-xs)}
.empf-chip>svg{width:14px;height:14px;flex:none;color:var(--app-ok)}
.empf-chip>b{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:var(--app-bad);color:var(--app-surface);font-size:var(--app-text-xs)}
.empf-chip.format,.empf-chip.domain{background:color-mix(in srgb,var(--app-bad) 13%,transparent);color:var(--app-bad)}
.empf-chip.pruefe{opacity:.75}
.empf-chip .icon-btn{width:var(--app-tap);height:var(--app-tap);margin:-6px -4px -6px -10px}
.empf-chip .icon-btn svg{width:14px;height:14px}
.empf-hinweis{margin-top:var(--app-space-1);font-size:var(--app-text-xs);color:var(--app-bad)}
.empf-vorschlag{position:absolute;left:0;right:0;top:calc(100% + var(--app-space-1));z-index:20;padding:var(--app-space-1);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow)}
.empf-vorschlag button{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:var(--app-tap);padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-sm);text-align:left;color:var(--app-text-color);font-size:var(--app-text-sm)}
.empf-vorschlag button span{color:var(--app-text-muted);font-size:var(--app-text-xs)}
.empf-vorschlag button.aktiv,.empf-vorschlag button:hover{background:var(--app-surface-2)}
/* Rechnung: Anhänge */
.anh-karte{display:flex;flex-direction:column;gap:var(--app-space-2)}
.anh-karte h2{margin:0}
.anh-karte>.btn{align-self:flex-start;margin-top:var(--app-space-1)}
.dok-seite .anh-karte{padding:var(--app-space-4)}
.dok-seite .anh-karte>.btn{align-self:stretch}
.anh-zeile{display:flex;align-items:center;gap:var(--app-space-1);min-width:0}
.anh-zeile .link-btn{flex:1;min-width:0;padding:0;text-align:left;justify-content:flex-start}
.anh-zeile .icon-btn.sicher{color:var(--app-bad)}
.anh-zeile .icon-btn svg{width:18px;height:18px}
.v-beilage{cursor:pointer}
.dlg.vorschau-dlg{max-width:1120px}
.vorschau-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--app-space-5);align-items:start}
.vorschau-pdf{display:flex;flex-direction:column;gap:var(--app-space-1)}
.vorschau-pdf iframe{width:100%;height:min(720px,68dvh);border:0;border-radius:var(--app-radius-md);background:var(--app-logo-tile)}
.vorschau-pdf .actions{margin-top:var(--app-space-2)}
@media (max-width:899px){.vorschau-grid{grid-template-columns:1fr}.vorschau-pdf iframe{height:52dvh}}
.ki-hinweis{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);flex-wrap:wrap;margin-bottom:var(--app-space-3);padding:var(--app-space-2) var(--app-space-4);border-radius:var(--app-radius-md);background:color-mix(in srgb,var(--app-accent) 12%,transparent);font-size:var(--app-text-sm)}
.ki-hinweis span{display:flex;align-items:center;gap:var(--app-space-2)}
.ki-hinweis svg{width:16px;height:16px;flex:none}
.ki-hinweis .link-btn{padding:0}
.pos-preis input:placeholder-shown:not(:disabled){border-color:var(--app-bad)}
.pos-preis input::placeholder{color:var(--app-bad)}
.foto-gross{width:100%;max-height:60dvh;object-fit:contain;border-radius:var(--app-radius-md);background:var(--app-surface-2)}
/* ---------- Abnahmeprotokoll (Rheinsanierung, auch Mitarbeiter-App) ---------- */
.pos.ab-pos{grid-template-areas:"titel titel titel" "text text text" "menge einheit weg"}
@container (min-width:640px){
  .pos.ab-pos{grid-template-columns:28px minmax(0,1fr) 90px 110px var(--app-tap);grid-template-areas:"nr titel menge einheit weg" ". text text text ."}
}
.ab-wahl{flex-wrap:wrap;overflow:visible;margin-bottom:var(--app-space-2)}
.ab-wahl .fchip{min-height:var(--app-tap)}
.ab-blatt{padding:var(--app-space-4)}
.ab-vorschau-box{display:flex;justify-content:center}
.ab-vorschau{display:block;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;border:1px solid var(--app-line);border-radius:var(--app-radius-sm);background:var(--app-logo-tile);box-shadow:var(--app-shadow)}
.ab-vorschau iframe{display:block;width:100%;border:0}
/* PDF auf dem Handy: Seiten als Bilder untereinander, Rahmen eine A4-Seite hoch, weitere Seiten durch Scrollen */
.pdf-seiten{width:100%;aspect-ratio:210/297;overflow-y:auto;border-radius:var(--app-radius-md);background:var(--app-surface-2)}
.pdf-seiten canvas{display:block;width:100%;height:auto}
.pdf-seiten canvas+canvas{margin-top:var(--app-space-2)}
.ab-knoepfe{justify-content:center;margin-top:var(--app-space-4)}
.dlg.ab-dlg{max-width:640px}
.ab-sig canvas{width:100%;height:180px;border:1px dashed var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface-2);color:var(--app-text-color);touch-action:none;cursor:crosshair}
.ab-sig .link-btn{align-self:flex-end;min-height:var(--app-tap)}

/* Highlights (js/seiten-highlights.js) */
.hl-neu{display:flex;flex-direction:column;gap:var(--app-space-3)}
.hl-felder{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3)}
@media (min-width:768px){.hl-felder{grid-template-columns:200px minmax(0,1fr)}}
.hl-dateien{gap:var(--app-space-2)}
.hl-liste{display:flex;flex-direction:column;gap:var(--app-space-2)}
.hl-liste:empty{display:none}
.hl-vid{display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-2);border:1px solid var(--app-line);border-radius:var(--app-radius-card);background:var(--app-surface-2);animation:hl-rein var(--app-speed) var(--app-ease)}
.hl-vid video{flex:none;width:56px;aspect-ratio:3/4;border-radius:var(--app-radius-md);background:var(--app-surface);object-fit:cover;pointer-events:none}
.hl-vid-text{display:flex;flex-direction:column;gap:var(--app-space-2);flex:1;min-width:0}
.hl-vid-kopf{display:flex;align-items:center;gap:var(--app-space-2);color:var(--app-text-color)}
.hl-vid-kopf b{font-weight:600}
.hl-vid-kopf .sub{flex:1}
.hl-vid.zu-gross{border-color:var(--app-bad)}
.hl-vid.zu-gross .hl-vid-kopf .sub{color:var(--app-bad)}
.feld .hl-vid input{min-height:44px;font-size:16px}
.hl-weg{display:grid;place-items:center;flex:none;width:var(--app-tap);height:var(--app-tap);margin:calc(var(--app-space-2) * -1) calc(var(--app-space-1) * -1) 0 0;border-radius:50%;color:var(--app-text-muted)}
.hl-weg:hover{background:var(--app-hover);color:var(--app-bad)}
.hl-weg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hl-plus{padding:var(--app-space-5) var(--app-space-4)}
.hl-plus .upload-ic{width:48px;height:48px}
.hl-plus.mehr{padding:var(--app-space-2) var(--app-space-3);gap:var(--app-space-3)}
.hl-plus.mehr .upload-ic{width:36px;height:36px}
.hl-plus.mehr .upload-text b{color:var(--app-accent-text);font-weight:500}
.hl-tipp{line-height:1.5}
@keyframes hl-rein{from{opacity:0;transform:translateY(4px)}}
@media (max-width:767px){.hl-neu .actions .btn{flex:1;min-height:52px;font-size:var(--app-text)}}
.hl-fortschritt{height:10px;border-radius:var(--app-radius-pill);background:var(--app-surface-2);overflow:hidden;margin-bottom:var(--app-space-2)}
.hl-fortschritt span{display:block;height:100%;border-radius:inherit;background:var(--app-accent);transition:width .6s ease}
.hl-push{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--app-space-3)}
.hl-clip{display:flex;flex-direction:column;gap:var(--app-space-3);padding-top:var(--app-space-4);border-top:1px solid var(--app-line);margin-top:var(--app-space-4)}
.hl-clip-inhalt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--app-space-4)}
@media (min-width:768px){.hl-clip-inhalt{grid-template-columns:280px minmax(0,1fr)}}
.hl-clip-felder{display:flex;flex-direction:column;gap:var(--app-space-3);min-width:0}
.hl-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-2);margin-bottom:var(--app-space-3)}
.hl-ergebnis{display:flex;flex-wrap:wrap;gap:var(--app-space-3);margin-bottom:var(--app-space-3)}
.hl-video,.hl-startbild{width:min(100%,280px);aspect-ratio:9/16;border-radius:var(--app-radius-md);background:var(--app-surface-2);object-fit:cover}

/* Paket-Angebot (seiten-b.js, SQL 069): Paket-Editor + Kunden-Link-Karte */
.pk-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);margin-bottom:var(--app-space-3)}
.pk-kopf h2{margin:0}
.pk-empf{display:inline-flex;align-items:center;gap:var(--app-space-2);min-height:var(--app-tap);font-size:var(--app-text-sm);color:var(--app-text-muted);cursor:pointer}
.pk-empf input{width:18px;height:18px;margin:0;accent-color:var(--app-accent)}
.pk-link .sub{margin-bottom:var(--app-space-3)}
.pk-link .dok-knoepfe{margin-top:var(--app-space-3)}
.pk-stand{display:flex;gap:var(--app-space-3);align-items:flex-start}
.pk-stand.ok svg{color:var(--app-ok);flex:none}
.pk-stand div{display:flex;flex-direction:column}
.pk-stand span{font-size:var(--app-text-sm);color:var(--app-text-muted)}
.pk-sig{display:block;max-width:240px;width:100%;height:auto;margin-top:var(--app-space-3);padding:var(--app-space-2);border-radius:var(--app-radius-sm);background:var(--app-logo-tile)}
.pk-nachweis{margin-top:var(--app-space-2)}
/* Steuern: Umsatzsteuer-Voranmeldung (Zahllast oben, Zeitraum-Kacheln, aufklappbare Gruppen mit Kennzahlen und Buchungen) */
.ust{display:flex;flex-direction:column;gap:var(--app-space-4)}
.ust-held{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--app-space-6);padding:var(--app-space-6)}
.ust-held-links{min-width:0}
.ust-rechnung{display:flex;flex-direction:column;min-width:min(280px,100%);padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-md);background:var(--app-surface-2);font-size:var(--app-text-sm)}
.ust-rechnung>div{display:flex;justify-content:space-between;align-items:center;gap:var(--app-space-4);padding:var(--app-space-1) 0}
.ust-rechnung span{color:var(--app-text-muted)}
.ust-rechnung b{font-family:var(--app-font-mono);font-weight:500}
.ust-rechnung .ust-strich{margin-top:var(--app-space-2);padding-top:var(--app-space-2);border-top:1px solid var(--app-line)}
.ust-rechnung .ust-strich span{color:var(--app-text-color);font-weight:600}
.ust-rechnung .ust-strich b{font-weight:600}
.ust-zrs{display:grid;gap:var(--app-space-3)}
.ust-zrs.quartal{grid-template-columns:repeat(4,minmax(0,1fr))}
.ust-zrs.monat{grid-template-columns:repeat(6,minmax(0,1fr))}
.ust-zr{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;min-height:var(--app-tap);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--app-speed) var(--app-ease),background var(--app-speed) var(--app-ease),transform var(--app-speed) var(--app-ease)}
.ust-zr:hover:not(:disabled){border-color:color-mix(in srgb,var(--app-accent) 40%,var(--app-line));transform:translateY(-1px)}
.ust-zr[aria-pressed="true"]{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 7%,var(--app-surface));box-shadow:0 0 0 1px var(--app-accent)}
.ust-zr:disabled{cursor:default;opacity:.45}
.ust-zr-name{font-weight:600;font-size:var(--app-text)}
.ust-zr-wert{font-family:var(--app-font-mono);font-size:var(--app-text-sm);overflow-wrap:anywhere}
.ust-zr-info{font-size:var(--app-text-xs);color:var(--app-text-faint)}
.ust-zr.laeuft .ust-zr-info{color:var(--app-accent-text)}
.ust-zr.laeuft::after{content:"";position:absolute;top:var(--app-space-3);right:var(--app-space-3);width:7px;height:7px;border-radius:50%;background:var(--app-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-accent) 18%,transparent)}
/* Tabelle: gleiche Spalten für Kopf, Gruppe, Kennzahl und Summe */
.ust-tabelle{padding:0;overflow:hidden}
.ust-kopfzeile,.ust-gruppe>summary,.ust-kz-kopf,.ust-summe{display:grid;grid-template-columns:minmax(0,1fr) 52px 170px 52px 130px;align-items:center;gap:var(--app-space-2);padding:0 var(--app-space-5)}
.ust-kopfzeile{min-height:48px;background:var(--app-surface-2);font-size:var(--app-text-xs);font-weight:500;color:var(--app-text-muted)}
.ust-nr{display:flex;justify-content:center}
.ust-basis,.ust-steuer{text-align:right;justify-self:end}
.ust-leer{color:var(--app-text-faint)}
.ust-gruppe{border-top:1px solid var(--app-line)}
.ust-kopfzeile+.ust-gruppe{border-top:0}
.ust-gruppe>summary{min-height:64px;cursor:pointer;list-style:none;transition:background var(--app-speed) var(--app-ease)}
.ust-gruppe>summary::-webkit-details-marker{display:none}
.ust-gruppe>summary:hover{background:var(--app-hover)}
.ust-gruppe>summary:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}
.ust-g-titel{display:flex;align-items:center;gap:var(--app-space-3);min-width:0;font-weight:500}
.ust-gruppe>summary .ust-basis,.ust-gruppe>summary .ust-steuer{font-family:var(--app-font-mono);font-weight:500}
.ust-gruppe.leer>summary{color:var(--app-text-muted)}
.ust-gruppe.leer>summary .ust-g-titel{font-weight:400}
.ust-pfeil{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--app-line);background:var(--app-surface)}
.ust-pfeil::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateX(-1px) rotate(-45deg);transition:transform var(--app-speed) var(--app-ease)}
.ust-gruppe[open]>summary .ust-pfeil::before{transform:translateY(-1px) rotate(45deg)}
.ust-gruppe[open]>summary .ust-pfeil{background:var(--app-text-color);border-color:var(--app-text-color);color:var(--app-bg)}
.ust-gruppe[open]>summary{background:var(--app-surface-2)}
.ust-auf{padding:var(--app-space-2) 0 var(--app-space-4);background:var(--app-surface-2);animation:ust-auf calc(var(--app-speed) * 1.5) var(--app-ease)}
@keyframes ust-auf{from{opacity:0;transform:translateY(-4px)}}
.ust-kz{margin:0 var(--app-space-5) var(--app-space-2) calc(var(--app-space-5) + 26px + var(--app-space-3));padding:var(--app-space-2) 0;border-radius:var(--app-radius-md);background:var(--app-surface);border:1px solid var(--app-line)}
.ust-kz .ust-kz-kopf{min-height:var(--app-tap);padding:0 var(--app-space-4);margin-right:calc(-1 * var(--app-space-5) + var(--app-space-4))}
.ust-kz-text{min-width:0;font-size:var(--app-text-sm)}
.ust-kz-handy{display:none}
.ust-wert{padding:4px 8px;margin:-4px -8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-family:var(--app-font-mono);cursor:copy;transition:background var(--app-speed) var(--app-ease)}
.ust-wert:hover{background:var(--app-hover)}
.ust-wert:active{background:color-mix(in srgb,var(--app-accent) 15%,transparent)}
.ust-keine,.ust-hinweis{padding:var(--app-space-1) var(--app-space-4) var(--app-space-2);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.ust-hinweis{color:var(--app-warn)}
.ust-posten{list-style:none;margin:0 var(--app-space-4) var(--app-space-1);border-top:1px dashed var(--app-line)}
.ust-posten button{display:grid;grid-template-columns:90px minmax(0,1fr) auto 90px;align-items:center;gap:var(--app-space-3);width:100%;min-height:var(--app-tap);padding:var(--app-space-2);border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:var(--app-text-sm);text-align:left;cursor:pointer}
.ust-posten button:hover{background:var(--app-hover)}
.ust-p-datum{color:var(--app-text-muted);font-size:var(--app-text-xs)}
.ust-p-wer{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ust-p-wer small{display:block;font-size:var(--app-text-xs);color:var(--app-text-faint);overflow:hidden;text-overflow:ellipsis}
.ust-p-netto,.ust-p-steuer{text-align:right;font-family:var(--app-font-mono);font-size:var(--app-text-xs)}
.ust-p-steuer{color:var(--app-text-muted)}
.ust-est{padding:var(--app-space-5) var(--app-space-2) var(--app-space-2)}
.ust-est-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--app-space-4);padding:0 var(--app-space-3) var(--app-space-3)}
.ust-est-kopf h2{margin:0 0 var(--app-space-1)}
.ust-summe{min-height:72px;border-top:1px solid var(--app-line);font-size:var(--app-text-lg)}
.ust-summe .ust-g-titel{font-weight:600}
.ust-summe .ust-wert{font-weight:600}
.ust-fuss{display:flex;flex-wrap:wrap;gap:var(--app-space-2) var(--app-space-5);padding:0 var(--app-space-2);font-size:var(--app-text-xs);color:var(--app-text-faint)}
.ust-fuss .ust-warn{color:var(--app-warn)}
.ust-fuss .link-btn{font-size:inherit}
@media (prefers-reduced-motion:reduce){.ust-auf,.ust-zr{animation:none;transition:none}}
@media (max-width:899px){.ust-zrs.monat{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:719px){
  .ust-held{padding:var(--app-space-5)}
  .ust-rechnung{width:100%}
  .ust-zrs.quartal,.ust-zrs.monat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ust-kopfzeile{display:none}
  .ust-gruppe>summary,.ust-kz-kopf,.ust-summe{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t s" "b b";row-gap:2px;padding:var(--app-space-3) var(--app-space-4)}
  .ust-nr{display:none}
  .ust-g-titel,.ust-kz-text{grid-area:t;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
  .ust-gruppe>summary,.ust-kz-kopf,.ust-summe{column-gap:var(--app-space-3)}
  .ust-steuer{grid-area:s}
  .ust-basis{grid-area:b;justify-self:start;padding-left:calc(26px + var(--app-space-3));font-size:var(--app-text-xs);color:var(--app-text-muted)}
  .ust-basis:empty{display:none}
  .ust-basis:not(:empty)::before{content:"Grundlage ";font-family:var(--app-font)}
  .ust-kz{margin:0 var(--app-space-3) var(--app-space-2)}
  .ust-kz .ust-kz-kopf{margin:0;padding:var(--app-space-2) var(--app-space-3)}
  .ust-kz .ust-basis{padding-left:0}
  .ust-kz-handy{display:inline-grid}
  .ust-summe .ust-basis{display:none}
  .ust-posten{margin:0 var(--app-space-2)}
  .ust-posten button{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"w n" "d s";row-gap:0}
  .ust-p-wer{grid-area:w}.ust-p-netto{grid-area:n}.ust-p-datum{grid-area:d}.ust-p-steuer{grid-area:s}
}

/* Helfer (js/seiten-helfer.js): wer nutzt welchen Gesprächs-Helfer, Versionen, Calls vorbereiten */
.hf-karte{display:flex;flex-direction:column;gap:var(--app-space-3);margin-bottom:var(--app-space-4)}
.hf-karte h3{margin:0}
.hf-zeile,.hf-call{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:var(--app-space-4);align-items:end;padding-top:var(--app-space-3);border-top:1px solid var(--app-line)}
.hf-person{display:flex;flex-direction:column;gap:2px;align-self:center;min-width:0}
.hf-wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--app-space-3)}
.hf-version{border-top:1px solid var(--app-line);padding-top:var(--app-space-3)}
.hf-version summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.hf-version summary>span{display:flex;flex-direction:column;gap:2px}
.hf-schritte{margin:var(--app-space-3) 0 0;padding-left:var(--app-space-5);display:flex;flex-direction:column;gap:var(--app-space-2);font-size:var(--app-text-sm)}
.hf-schritte span{display:block;color:var(--app-text-muted)}
@media (max-width:719px){.hf-zeile,.hf-call,.hf-wahl{grid-template-columns:1fr;gap:var(--app-space-2)}}

/* Vertrieb: farbige Reiter oben (Punkt + Zahl in Farbe, aktiv = in der Farbe hinterlegt) */
.fc{--f:var(--app-neutral);display:inline-flex;align-items:center;gap:6px}
.f-blau{--f:var(--app-accent-text)}.f-orange{--f:var(--app-warm)}.f-rot{--f:var(--app-bad)}.f-gelb{--f:var(--app-gelb)}.f-gruen{--f:var(--app-ok)}.f-grau{--f:var(--app-neutral)}
.fc .fc-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--f)}
.fc svg{width:15px;height:15px;color:var(--f)}
.fc small{margin-left:2px;color:var(--f);font-weight:600}
.fchip.fc.active{background:color-mix(in srgb,var(--f) 16%,transparent);border-color:var(--f);color:var(--app-text-color);font-weight:500}
.fchip.fc.active small{color:var(--f);opacity:1}
/* Vertrieb: Quelle mit Icon/Logo */
.vt-q{display:inline-flex;align-items:center;gap:var(--app-space-2);max-width:100%;min-width:0}
.vt-q>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-q-ic{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--app-surface-2);color:var(--app-text-muted)}
.vt-q-ic svg{width:14px;height:14px}
.vt-q-ic img{width:14px;height:14px;display:block}
.vt-q-ic.logo{background:linear-gradient(var(--app-logo-tile),var(--app-logo-tile)),var(--app-surface-2)}

/* ---------- Anlage (Einnahmen & Ausgaben → Anlagen → eine Anlage) ---------- */
.page:has(> .an-grid){max-width:none}
.page-head h1:has(> .status){display:flex;align-items:center;gap:var(--app-space-3);flex-wrap:wrap}
.an-grid{display:grid;gap:var(--app-space-4)}
@media (min-width:900px){.an-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.an-beleg{position:sticky;top:var(--app-space-4)}}
.an-beleg{display:flex;flex-direction:column;gap:var(--app-space-3);padding:var(--app-space-3)}
.an-beleg iframe,.an-beleg img{width:100%;height:min(820px,72dvh);border:0;border-radius:var(--app-radius-md);background:var(--app-logo-tile);object-fit:contain}
.an-beleg .btn{align-self:flex-start}
@media (max-width:899px){.an-beleg{order:2}.an-beleg iframe,.an-beleg img{height:60dvh}}
.an-rechts{display:flex;flex-direction:column;gap:var(--app-space-4);min-width:0}
.an-werte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-4) var(--app-space-5)}
.an-wert{display:flex;flex-direction:column;gap:2px;min-width:0}
.an-wert>span{font-size:var(--app-text-sm);color:var(--app-text-muted)}
.an-wert b{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 var(--app-space-1);font-weight:600}
.an-wert small{font-weight:400;color:var(--app-text-muted);font-size:var(--app-text-sm)}
.an-fortschritt{grid-column:1/-1;display:flex;align-items:center;gap:var(--app-space-3)}
.an-fortschritt b{font-size:var(--app-text-sm);font-weight:500;color:var(--app-text-muted)}
.an-balken{flex:1;height:10px;border-radius:var(--app-radius-pill);background:var(--app-surface-2);overflow:hidden}
.an-balken span{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--app-accent)}
.an-punkt{display:inline-block;width:10px;height:10px;margin-right:var(--app-space-1);border-radius:3px;background:var(--app-surface-2);box-shadow:inset 0 0 0 1px var(--app-line);align-self:center}
.an-punkt.an-ab{background:var(--app-accent)}
.an-jahre h2{margin-bottom:var(--app-space-3)}
.an-kopf,.an-jahr summary,.an-monat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--app-space-3)}
.an-kopf>span:not(:first-child),.an-jahr summary>span:not(:first-child),.an-monat>span:not(:first-child){text-align:right}
.an-kopf{padding:0 0 var(--app-space-2) 28px;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.an-jahr{border-top:1px solid var(--app-line)}
.an-jahr summary{min-height:var(--app-tap);cursor:pointer;list-style:none;font-weight:500}
.an-jahr summary::-webkit-details-marker{display:none}
.an-jahr summary>span:first-child{display:flex;align-items:center;gap:var(--app-space-2)}
.an-jahr summary svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;color:var(--app-text-muted);transition:transform var(--app-speed) var(--app-ease)}
.an-jahr[open] summary svg{transform:rotate(90deg)}
.an-monat{min-height:36px;padding-left:28px;font-size:var(--app-text-sm);color:var(--app-text-muted)}
.an-jahre .sub{margin-top:var(--app-space-3)}
@media (max-width:519px){.an-werte{grid-template-columns:1fr}.an-kopf{font-size:var(--app-text-xs)}.an-kopf,.an-jahr summary,.an-monat{gap:var(--app-space-2)}}

/* ---------- Mail: Anhang ansehen (Vollbild wie bei Gmail) ---------- */
.mx-ansicht{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:color-mix(in srgb,#000 88%,transparent);color:#fff;outline:none}
.mx-an-kopf{display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-2) var(--app-space-3);min-height:56px}
.mx-an-kopf .icon-btn{color:#fff}
.mx-an-kopf .icon-btn:hover{background:rgba(255,255,255,.12)}
.mx-an-name{flex:1;min-width:0;display:flex;align-items:center;gap:var(--app-space-3)}
.mx-an-name svg{width:20px;height:20px;flex:none}
.mx-an-name span{display:flex;flex-direction:column;min-width:0}
.mx-an-name b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-an-name small{font-size:var(--app-text-sm);opacity:.7}
.mx-an-flaeche{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0 var(--app-space-4) var(--app-space-4)}
.mx-an-pdf{width:min(1000px,100%);height:100%;border:0;border-radius:var(--app-radius-sm);background:#fff}
.mx-an-bild{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--app-radius-sm)}
.mx-an-text{width:min(900px,100%);max-height:100%;overflow:auto;margin:0;padding:var(--app-space-5);background:var(--app-surface);color:var(--app-text-color);border-radius:var(--app-radius-sm);white-space:pre-wrap;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.mx-an-leer{display:flex;flex-direction:column;align-items:center;gap:var(--app-space-3);text-align:center;padding:var(--app-space-6) var(--app-space-5);background:var(--app-surface);color:var(--app-text-color);border-radius:var(--app-radius-md);max-width:360px}
.mx-an-leer>svg{width:40px;height:40px;color:var(--app-text-muted)}
.mx-an-leer span{color:var(--app-text-muted);font-size:var(--app-text-sm);overflow-wrap:anywhere}
.mx-an-pfeil{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
.mx-an-pfeil:hover{background:rgba(0,0,0,.75)}
.mx-an-pfeil:disabled{opacity:.3}
.mx-an-pfeil.links{left:var(--app-space-3)}
.mx-an-pfeil.rechts{right:var(--app-space-3)}
@media (max-width:767px){.mx-an-flaeche{padding:0 0 var(--app-space-2)}.mx-an-pdf,.mx-an-text{border-radius:0}.mx-an-pfeil{top:auto;bottom:var(--app-space-4);transform:none}}

/* Unterlagen: Ordner-Pfad, Verträge unterwegs, Unterschrift */
.unt-pfad{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--app-space-1);margin-bottom:var(--app-space-3);font-size:var(--app-text-sm);color:var(--app-text-muted)}
.unt-pfad .link-btn{padding:0 var(--app-space-1)}
.unt-pfad b{color:var(--app-text-color);font-weight:600;padding:0 var(--app-space-1)}
.unt-unterwegs{margin-bottom:var(--app-space-4)}
.unt-unterwegs .toplist li{padding:0}
.unt-zeile{display:flex;justify-content:space-between;align-items:center;gap:var(--app-space-3);width:100%;min-height:56px;padding:var(--app-space-2) 0;text-align:left;font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.unt-zeile>span:first-child{display:flex;flex-direction:column;min-width:0}
.unt-zeile small{color:var(--app-text-muted);font-size:var(--app-text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unt-sig-box{display:flex;flex-direction:column;gap:var(--app-space-3)}
.unt-sig{display:block;width:100%;height:180px;border:1px solid var(--app-line);border-radius:var(--app-radius-md);background:var(--app-surface-2);touch-action:none;cursor:crosshair}
.unt-sig-alt{display:flex;align-items:center;gap:var(--app-space-3)}
.unt-sig-alt img{max-height:56px;max-width:60%;padding:var(--app-space-1) var(--app-space-2);border-radius:var(--app-radius-sm);background:var(--card-light)}
.unt-sig-fuss{display:flex;justify-content:space-between;align-items:center}

/* ---------- Apple-Schliff (Skill apple-design + mobile-native, 07.11.2026) ---------- */
body{letter-spacing:var(--app-tracking-body);text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}
button,a,[role="button"]{touch-action:manipulation}
.btn,.icon-btn,.nav-item,.avatar-btn,.switch-btn{-webkit-user-select:none;user-select:none}
/* Feedback sofort beim Drücken, nicht erst beim Loslassen */
.btn,.icon-btn{transition:transform var(--app-speed-press) var(--app-ease-out),background-color var(--app-speed) var(--app-ease),filter var(--app-speed) var(--app-ease)}
.btn:active:not(:disabled),.icon-btn:active{transform:scale(var(--app-press))}
.nav-item:active,.avatar-btn:active{background:var(--app-hover)}
/* Dialoge kommen weich rein (aus der Mitte, nicht aus dem Nichts) */
.dlg-hg{animation:apfel-hg var(--app-speed) var(--app-ease-out)}
.dlg-hg:not(.seitlich) .dlg{animation:apfel-dlg 260ms var(--app-ease-out)}
@keyframes apfel-hg{from{opacity:0}}
@keyframes apfel-dlg{from{opacity:0;transform:scale(.96)}}
/* Handy-Schublade als Glas */
@media (max-width:1023px){.app.drawer .sb{background:var(--app-glass);-webkit-backdrop-filter:var(--app-blur);backdrop-filter:var(--app-blur)}}
/* Touch-Geräte: Hover bleibt nach dem Tippen nicht hängen */
@media (hover:none){
  .btn-primary:hover{filter:none}
  .btn-ghost:hover{background:var(--app-surface)}
  .icon-btn:hover{background:none;color:var(--app-text-muted)}
  .nav-item:not(.active):hover,.avatar-btn:hover{background:none}
}
/* Barrierefreiheit: weniger Bewegung, weniger Transparenz, mehr Kontrast */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}
  .btn:active,.icon-btn:active{transform:none!important}
  .dlg-hg,.dlg-hg .dlg{animation-name:apfel-hg!important}
}
@media (prefers-reduced-transparency:reduce){.app.drawer .sb{background:var(--app-sidebar);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.card,.dlg{border-color:var(--app-text-faint)}}