/* Redesign v6 (Claude Design) – eingebunden am Ende von <body>
   Steht nach allen <style>-Blöcken der Seite: gleiche Spezifität gewinnt.
   Nur ASCII im Regelteil (Sonderzeichen als CSS-Escape), damit es ohne @charset sicher ist.
   Gliederung: 1 Grundlagen · 2 Kopfleiste · 3 Startseite · 4 Anmelden · 5 Team · 6 Zugaenge
               7 Akquise AI · 8 Blacklist AI · 9 Karten Vertrieb+Abwicklung · 10 Vertrieb AI · 11 Abwicklung AI
   Content AI fehlt bewusst: /content laeuft nicht ueber seite(). */

/* ===================================================================
   1 GRUNDLAGEN (Rahmen, gilt fuer alle Werkzeuge)
   =================================================================== */
.aurora .a1{background:radial-gradient(circle,rgba(255,178,56,.62) 0%,rgba(255,178,56,0) 68%)}
.aurora .a2{background:radial-gradient(circle,rgba(246,116,26,.44) 0%,rgba(246,116,26,0) 68%)}
.buehne{padding:56px 24px 64px}
.titel{font-size:44px;letter-spacing:-.03em;line-height:1.05}
.untertitel{font-size:16px;margin-top:8px}
/* v6-Glas. :where() haelt die Spezifitaet bei (0,1,0) und laesst die Team-v5-Karten (.tkarte) unberuehrt. */
.glas:where(:not(.tkarte)){background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.54));-webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);border:1px solid rgba(255,255,255,.6);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(35,32,27,.04),0 1px 2px rgba(35,32,27,.04),0 24px 60px -24px rgba(35,32,27,.22)}
.meldung{margin-bottom:18px;animation:fadeUp .3s var(--ease-out) both}
/* Schalter in der Buehne (Kalender|Liste, Zeitraum, Gruende, Sprache, Blacklist-Filter) als Glasinsel */
.buehne .schalter{padding:4px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(35,32,27,.04),0 10px 24px -12px rgba(35,32,27,.18)}
.buehne .schalter a{padding:0 13px;gap:6px}
.buehne .schalter a.an{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(246,116,26,.3)}
.schalter a.an .zahl{background:rgba(255,255,255,.28)}

@media (max-width:760px){
  .buehne{padding-top:44px}
  .titel{font-size:40px}
  .buehne .schalter a{padding:0 12px}
}

/* ===================================================================
   2 KOPFLEISTE (Rahmen)
   =================================================================== */
.insel .marke{transition:color var(--duration-fast) var(--ease-standard)}
.insel .marke:hover{color:var(--orange-600)}
.insel .mittegruppe{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent)}
.insel .schalter a{gap:6px}
.insel .mittegruppe .schalter a:not(.an):hover{color:var(--ink-500);filter:brightness(.97)}
.insel .schalter.blick a{padding:0 11px}
/* Akquise-Nebenreiter (Statistik · Blacklist · Team) als kleine Segmente */
.insel .nebenreiter a{height:30px;padding:0 11px;font-size:12px}
/* Nur "Team" im Nebenreiter (Start, Team, Vertrieb, Abwicklung): eigener 42px-Glasknopf */
.insel .nebenreiter:not(:has(a+a)){padding:0}
.insel .nebenreiter:not(:has(a+a)) a{height:40px;padding:0 18px;font-size:13px;color:var(--ink-700)}
.insel .nebenreiter:not(:has(a+a)) a:not(.an):hover{color:var(--ink-900)}
.insel .nebenreiter:not(:has(a+a)):has(>a.an){background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.insel .nebenreiter:not(:has(a+a)) a.an{height:42px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(246,116,26,.3)}
/* Profilmenue */
.insel .profilmenue summary{transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}
.insel .profilmenue[open] summary{background:var(--orange-500);color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(230,110,10,.35)}
.profilmenue .menue{border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.8));-webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(35,32,27,.05),0 24px 60px -16px rgba(35,32,27,.28)}
.profilmenue .menue a{border-radius:14px}
/* Trennstrich nach den Handy-Eintraegen (Statistik/Blacklist/Team) im Akquise-Menue */
.profilmenue .menue a.nur-mobil[href="/team"]{position:relative;margin-bottom:9px}
.profilmenue .menue a.nur-mobil[href="/team"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-5px;height:1px;background:rgba(35,32,27,.08)}
/* Aktiven Handy-Eintrag hervorheben (Nebenreiter steht ausgeblendet noch im DOM) */
.insel:has(.nebenreiter a.an[href="/blacklist"]) .profilmenue .menue a.nur-mobil[href="/blacklist"],
.insel:has(.nebenreiter a.an[href="/akquise?ansicht=statistik"]) .profilmenue .menue a.nur-mobil[href="/akquise?ansicht=statistik"]{background:rgba(246,132,26,.1);color:var(--orange-700)}

@media (max-width:1359px){
  .insel:has(.nebenreiter a+a) .mittegruppe .schalter:not(.blick) a{height:30px;padding:0 11px;font-size:12px}
}
@media (max-width:1099px){
  .insel .nebenreiter:has(a+a){display:none}
  .profilmenue .nur-mobil{display:block}
}
@media (max-width:760px){
  .insel .nebenreiter:not(:has(a+a)){display:flex}
  .insel .nebenreiter:not(:has(a+a)) a{height:36px;padding:0 12px}
  .insel .nebenreiter:not(:has(a+a)) a.an{height:38px}
  .insel.start .marke{flex:0 1 auto;min-width:0}
  .insel.start .marke .wort{min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* ===================================================================
   3 STARTSEITE
   =================================================================== */
.werkzeug{align-items:flex-start}
.werkzeug:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(35,32,27,.04),0 30px 70px -24px rgba(35,32,27,.3)}
.werkzeug .symbol{border-radius:17px;margin-bottom:12px;box-shadow:0 12px 28px rgba(246,116,26,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.werkzeug .symbol svg{width:26px;height:26px;stroke-width:2.2;stroke-linejoin:round}

/* ===================================================================
   4 ANMELDEN
   =================================================================== */
.anmelden form{padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.54));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(35,32,27,.04),0 1px 2px rgba(35,32,27,.04),0 24px 60px -24px rgba(35,32,27,.22)}
.anmelden input{border-radius:14px}

/* ===================================================================
   5 TEAM (ergaenzt "Team v5"; .tkarte bleibt durch :where() oben unberuehrt)
   =================================================================== */
.tmehr summary:hover{color:var(--orange-700)}
.tmehr[open] summary{font-size:0}
.tmehr[open] summary::after{content:"Weniger \25B4";font-size:11.5px}
.tmehr[open] .tlang{animation:fadeUp .2s var(--ease-out) both}
.tlang{margin-top:9px}
.tchip:hover{background:#FFE3C2}
.tfoto{background-color:#FFE3C2}

@media (min-width:901px){
  .baum{padding:8px 24px 32px;scrollbar-width:none}
  .baum::-webkit-scrollbar{display:none}
}

/* ===================================================================
   6 ZUGAENGE (/zugaenge; Klassen .zg* auch in /vertrieb/teams-zugang)
   =================================================================== */
.ansicht:has(>form.zg~form.zg){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-items:start}
.ansicht:has(>form.zg~form.zg)>:not(form.zg){grid-column:1/-1}
.zg{padding:24px 28px 22px;margin-bottom:20px;min-width:0}
.zg h3{margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.015em}
.zg .zg-wozu{margin:4px 0 14px;line-height:1.55}
.zg-zeile{padding:9px 0;border-bottom:1px solid rgba(35,32,27,.06)}
.zg-zeile>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
.zg .feldzeile{grid-template-columns:132px minmax(0,1fr);margin-top:6px}
.zg .feldzeile:has(textarea){display:block;min-height:0;border-bottom:0;margin-top:14px}
.zg .feldzeile:has(textarea) label{display:block}
.zg textarea{display:block;margin-top:8px;min-height:110px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px 14px;border:0;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.05)}
.zg textarea:focus{box-shadow:0 0 0 4px rgba(246,132,26,.16)}
.zg .aktionen{margin-top:22px}
.zg .feldzeile:has(textarea)+.aktionen{margin-top:16px}
.zg-meldung{margin:-18px 0 18px;padding:12px 18px;border-radius:18px;font-size:14px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);animation:fadeUp .3s var(--ease-out) both}
.zg-meldung.gut,.zg-meldung.schlecht{background:rgba(255,255,255,.7)}

@media (max-width:760px){
  .ansicht:has(>form.zg~form.zg){grid-template-columns:minmax(0,1fr)}
  .zg{padding:22px 22px 20px}
}

/* ===================================================================
   7 AKQUISE AI (Jan)
   =================================================================== */
/* Freigabe: Karten links */
.karte{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px -10px rgba(35,32,27,.1)}
.karte.an{border-color:rgba(255,255,255,.95);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));box-shadow:inset 0 1px 0 #fff,0 0 0 1.5px var(--orange-400),0 18px 44px -12px rgba(246,116,26,.22)}
/* Freigabe: Entwurf – Hinweise unter die Trennlinie (Flex-order, ohne Markup) */
.entwurf{display:flex;flex-direction:column}
.entwurf>*{order:3}
.entwurf>.kopf{order:0}
.entwurf>.trenner{order:1}
.entwurf>.ersatzhinweis,.entwurf>.janhinweis{order:2}
.entwurf .kopf{align-items:flex-start}
.entwurf form[hidden]{display:none}
.entwurf>.ersatzhinweis{margin:18px 32px 0;line-height:1.5}
.entwurf>.janhinweis{margin:12px 32px 0;border-radius:14px}
.janhinweis b{font-weight:600}
.entwurf .notiztext:has(+form.hinweisform){padding-bottom:4px}
/* Freigabe: Aufklapper Akquiriert/Blacklist */
.rueckmeldung{padding-top:18px}
.rueckmeldung form{gap:12px}
.rueckmeldung .zeile{gap:12px}
.rueckmeldung .blgrund{height:44px;border:0;border-radius:14px;padding:0 14px;font-size:14px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.05);width:100%}
.akqkopie{gap:10px;margin-bottom:0}
.akqkopie input{accent-color:var(--orange-500)}
/* Freigabe: Schriftwechsel unter dem Entwurf */
.entwurfverlauf{margin:0 32px;padding:18px 0 24px;border-top:1px solid rgba(35,32,27,.07)}
.entwurfverlauf .vnachricht{padding:14px 16px;border-radius:16px}
.entwurfverlauf .vgesagt{font-size:14px}
/* Laufend: Kalender */
.kalkopf{flex-wrap:wrap}
.kalkopf .monat{white-space:nowrap}
.kalnav .knopf.geist{padding:0 0 2px}
.tag.heute .nr{box-shadow:0 4px 12px rgba(246,116,26,.35)}
.tag .ereignis{border-radius:8px;line-height:1.5}
.tag .ereignis.gesendet{background:rgba(246,132,26,.1)}
.tag .ereignis.geplant{border:1px dashed rgba(246,132,26,.5)}
.tag .ereignis.faellig{background:rgba(224,165,24,.14)}
.tag .ereignis.antwort{background:rgba(47,163,90,.12)}
.kal .legende{gap:6px 18px;padding:0 4px}
.kal .legende .ereignis{gap:7px}
.kal .legende .ereignis .punkt{width:7px;height:7px}
.kal .legende .ereignis.geplant .punkt{background:transparent;box-shadow:none;border:1.5px dashed var(--orange-500);box-sizing:border-box}
/* Laufend: Liste / Akquiriert */
.liste .pfeil{font-size:12px}
.liste details:last-of-type{border-bottom:0}
.abzeichen.waehlbar{font-size:12px;padding-left:10px;padding-right:22px}
.liste .verlauf .wann{font-size:14px}
.blausklapp{margin:0 32px 22px}
.blausfaden input{height:40px;border:0;border-radius:12px;padding:0 12px;font-size:13px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.05)}
.blausfaden input:focus,.rueckmeldung .blgrund:focus{box-shadow:0 0 0 4px rgba(246,132,26,.16)}
/* Ohne Antwort */
.oazeile{padding:15px 28px}
.oatun .schieben{gap:8px}
.oatun .schieben label{display:none}
.oatun .schieben select{appearance:none;-webkit-appearance:none;height:36px;padding:0 30px 0 14px;border:0;border-radius:999px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-900);background-color:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(35,32,27,.08);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-300) 50%),linear-gradient(135deg,var(--ink-300) 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 13px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.ansicht:has(>.schalter.gruende){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:end}
.ansicht:has(>.schalter.gruende)>*{grid-column:1/-1}
.ansicht:has(>.schalter.gruende)>.kopfzeile{grid-column:1;grid-row:1;margin-bottom:28px}
.ansicht:has(>.schalter.gruende)>.schalter.gruende{grid-column:2;grid-row:1;align-self:end;margin:0 0 28px}
/* Vorlagen: Sprachwahl rechts neben dem Titel */
.kopfzeile:has(>.sprachwahl){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:end}
.kopfzeile:has(>.sprachwahl)>.titel,.kopfzeile:has(>.sprachwahl)>.untertitel{grid-column:1;text-wrap:pretty}
.kopfzeile>.sprachwahl{grid-column:2;grid-row:1/span 2;align-self:end;margin-top:0}
/* Statistik */
.wochen{padding-top:22px}
.statkarte .legende .ereignis{padding:4px 8px}
.postfach .kopf{margin-bottom:10px}

@media (min-width:761px){
  .tag{min-height:108px;padding:8px 6px 10px;gap:3px;border-bottom-color:rgba(35,32,27,.06)}
  .tag.fremd{opacity:.45}
  .tag.fremd .nr{color:var(--ink-700)}
  .tag .nr{margin-bottom:3px}
  .antworttext{margin:0 32px 18px}
}
@media (max-width:760px){
  .entwurf>.ersatzhinweis{margin:16px 22px 0}
  .entwurf>.janhinweis{margin:12px 22px 0}
  .entwurfverlauf{margin:0 22px}
  .oazeile{padding:15px 22px}
  .ansicht:has(>.schalter.gruende){display:block}
  .ansicht:has(>.schalter.gruende)>.schalter.gruende{margin:0 0 16px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .kopfzeile:has(>.sprachwahl){display:block}
  .kopfzeile>.sprachwahl{margin-top:20px}
}

/* ===================================================================
   8 BLACKLIST AI (Glas/Titel/Filterleiste kommen aus 1 Grundlagen)
   =================================================================== */
.kopfzeile.breit:has(.blfilter){margin-bottom:28px}
/* Pruefleiste */
.blsuche{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.54));-webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(35,32,27,.04),0 1px 2px rgba(35,32,27,.04),0 24px 60px -24px rgba(35,32,27,.22)}
.blsuche input[name=suche]{padding:0 8px}
.blsuche input[name=suche]:focus{box-shadow:none}
/* Eintrag hinzufuegen */
.blneu{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.54));-webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(35,32,27,.04),0 12px 32px -14px rgba(35,32,27,.18)}
.blneu[open] form{animation:fadeUp .25s var(--ease-out) both}
.blneu input,.blneu select{font-size:14px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.05)}
.blneu input:nth-of-type(2){flex:2 1 300px}
.blneu select{flex:0 1 190px;min-width:160px;appearance:none;-webkit-appearance:none;padding:0 34px 0 14px;cursor:pointer;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23B3A99C'/%3E%3C/svg%3E") no-repeat right 14px center/8px 5px}
/* Tabelle */
.bltafel{padding:0;border-radius:28px}
.bltafel th{padding:18px 8px 8px}
.bltafel td{padding:12px 8px}
.bltafel th:last-child,.bltafel td:last-child{padding-right:28px}
.bltafel td.wert{min-width:180px;width:29.5%;max-width:0;overflow:hidden;text-overflow:ellipsis}
.bltafel td.wert .blname,.bltafel td.wert .bldom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bltafel th:nth-child(3),.bltafel td.grund{width:auto}
.bltafel th:nth-child(2){width:120px}
.bltafel td.tun{width:112px}
.bltafel td.tun .blauf{margin-left:2px}
.bltafel tbody tr:first-child,.bltafel tbody tr.bldetail{border-top:0}
.bltafel tr.blzeile{transition:background var(--duration-fast) var(--ease-standard)}
.bltafel tbody tr.bldetail:hover{background:transparent}
.bltafel tr.auf{background:rgba(255,255,255,.55)}
.bltafel tbody tr.auf:hover{background:rgba(255,255,255,.75)}
.bltafel .abzeichen.warn{color:var(--warning-500)}
/* Pin und Aufklapp-Pfeil */
.blpin{border-radius:50%}
.bltafel tr.blzeile:hover .blpin{opacity:.6}
.bltafel tr.blzeile .blpin:hover,.bltafel tr.blzeile .blpin.an{opacity:1}
.blauf{border-radius:50%;color:var(--ink-300)}
.blauf svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.bltafel tr.blzeile:hover .blauf,.blauf:hover{background:transparent;color:var(--ink-300)}
.bltafel tr.blzeile.auf .blauf,.bltafel tr.blzeile.auf:hover .blauf{color:var(--orange-600)}
/* Aufgeklappter Eintrag */
.bltafel tr.bldetail td{padding:2px 28px 22px}
.bltafel tr.bldetail td>*{animation:fadeUp .25s var(--ease-out) both}
.bldetail input,.bldetail select{background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.05)}
.bldetail select{appearance:none;-webkit-appearance:none;padding:0 30px 0 12px;cursor:pointer;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23B3A99C'/%3E%3C/svg%3E") no-repeat right 12px center/8px 5px}
.blneu input:focus,.blneu select:focus,.bldetail input:focus,.bldetail select:focus{outline:none;box-shadow:0 0 0 4px rgba(246,132,26,.16)}
.blfrei{gap:8px}
.blfrei .knopf.loeschen{color:var(--ink-700)}
.blfrei .knopf.loeschen:hover{background:rgba(35,32,27,.05);color:var(--ink-900)}
.blfrei.fragt .knopf.loeschen,.blfrei.fragt .knopf.loeschen:hover{color:var(--danger-500)}
/* Blaettern */
.blblatt a,.blblatt .aus{font-weight:500}
.blblatt a{color:var(--ink-500)}
/* Leer-Zustand (Glas aus 1 Grundlagen) mit grauer Sonne */
.blneu~.glas.leer{margin-top:14px}
.blneu~.glas.leer .sonne{filter:none}
.blneu~.glas.leer .sonne .oben,.blneu~.glas.leer .sonne .unten{background:rgba(35,32,27,.08)}

@media (max-width:820px){
  .bltafel td.wert{width:100%}
}
@media (max-width:760px){
  .bltafel td{padding:12px 6px}
  .bltafel th{padding:18px 6px 8px}
  .bltafel th:first-child,.bltafel td:first-child{padding-left:18px}
  .bltafel th:last-child,.bltafel td:last-child{padding-right:12px}
  .bltafel td.wert{min-width:120px}
  .bltafel th:nth-child(2){width:auto}
  .bltafel td.tun{width:84px}
  .bltafel tr.bldetail td{padding:2px 18px 22px}
}

/* ===================================================================
   9 KARTEN – gemeinsam fuer Vertrieb AI und Abwicklung AI (gleiche cardStyle/stepTiles/msgVals im Prototyp)
   =================================================================== */
.glas.vkachel{min-width:0;transition:background var(--duration-med) var(--ease-standard)}
.glas.vkachel[open]{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.8))}
.vkachel>summary:hover{border-radius:28px}
.vkachel .pfeil{justify-self:stretch;text-align:center}
.vkachel .mail .weblink:hover{text-decoration:none}
/* Schritt-Kacheln */
.vschritt b{line-height:1.25;white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vschritt em{line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis}
.vschritt.gut{background:rgba(47,163,90,.13)}
.vschritt.gut i{display:block;background:var(--success-500);box-shadow:none}
.vschritt.gut:hover{background:rgba(47,163,90,.13)}
a.vschritt.gut:hover{background:rgba(47,163,90,.2)}
.vschritt.jetzt{background:rgba(224,165,24,.16)}
.vschritt.jetzt i{background:var(--warning-500);box-shadow:0 0 0 3px rgba(224,165,24,.25)}
.vschritt.jetzt b,.vschritt.jetzt em{color:#B98410}
.vschritt.jetzt.vtun:hover{background:rgba(224,165,24,.26)}
/* Nachrichten: Kopf ueber der Blase */
.vinhalt .vnachricht,.vinhalt .vnachricht.rein{display:flex;flex-direction:column;gap:6px;padding:0;border-radius:0;background:none}
.vinhalt .vabsender{justify-content:space-between;gap:10px;margin:0;padding:0 4px}
.vinhalt .vabsender span{color:var(--ink-300);font-variant-numeric:tabular-nums}
.vinhalt .vgesagt{padding:12px 14px;border-radius:14px;background:rgba(35,32,27,.04);max-height:260px;overflow:auto;overflow-wrap:anywhere}
.vinhalt .vnachricht.rein .vgesagt{background:rgba(46,160,67,.08)}
.vinhalt .vverlauf{gap:12px}
/* "N aeltere Nachrichten" als schlichter Textknopf */
.vinhalt .vfrueher{margin-top:0;border-top:0;padding-top:0}
.vinhalt .vfrueher>.vverlauf{margin:12px 0 0}
.vinhalt .vfrueher>summary{display:block;width:fit-content;padding:0 4px;font-size:13px;font-weight:600;color:var(--ink-500)}
.vinhalt .vfrueher>summary::before{content:none}
.vinhalt .vfrueher>summary:hover{color:var(--orange-600);background:none;border-radius:0}
/* Entwurf und Knoepfe */
.vinhalt .lentwurf .aktionen{margin-top:16px}
.vinhalt>.aktionen .knopf,.vinhalt .lentwurf>.aktionen .knopf{height:36px;font-size:13px;padding:0 16px}

@media (min-width:761px){
  /* nur Desktop: unter 16px zoomt iOS Safari beim Antippen ins Feld */
  .vinhalt .lentwurf>textarea.blank,
  .vkachel:is([id^="k-"],.sammel) .lentwurf textarea.blank{margin-top:16px;font-size:15px}
}
@media (max-width:760px){
  .vkachel>summary{grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding:16px 20px}
  .vkachel:not([id^="k-"]):not(.sammel)>summary>.vablauf{display:none}
  .vkachel .vablauf{grid-column:1/-1;grid-row:2}
  .vkachel .pfeil{grid-column:2;grid-row:1}
  .vinhalt{padding:0 20px 18px}
}

/* ===================================================================
   10 VERTRIEB AI (Lena) – .vinhalt-Abstaende nur auf Vertriebsseiten
   =================================================================== */
.seite:has(.insel a[href="/vertrieb?ansicht=kunden"]) .vinhalt{display:flex;flex-direction:column;gap:12px}
.seite:has(.insel a[href="/vertrieb?ansicht=kunden"]) .vinhalt>*{margin-top:0;margin-bottom:0}
.seite:has(.insel a[href="/vertrieb?ansicht=kunden"]) .vinhalt>.lentwurf{padding-bottom:12px}
.seite:has(.insel a[href="/vertrieb?ansicht=kunden"]) .vinhalt>.aktionen{margin-top:4px}
.vnotiz{white-space:pre-wrap}
/* Kunden */
.ksuche{box-sizing:border-box;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(35,32,27,.04),0 10px 24px -12px rgba(35,32,27,.18)}
.ksuche:focus{outline:none;box-shadow:0 0 0 4px rgba(246,132,26,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.kblock{border-bottom:0;border-top:1px solid rgba(35,32,27,.06)}
.kedit{border-radius:8px;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.kperson>span:empty{display:none}
/* Neue Anfrage */
form.glas[action="/vertrieb/neu"]{max-width:640px}
form[action="/vertrieb/neu"] .feldzeile{grid-template-columns:110px minmax(0,1fr)}
form[action="/vertrieb/neu"] textarea.blank{margin-top:16px !important} /* gegen Inline-Stil margin-top:14px */
form[action="/vertrieb/neu"] .aktionen{margin-top:24px}
form[action="/vertrieb/neu"] input.blank[type="date"]{width:auto}

@media (min-width:761px){
  .kperson:has(>span:empty){grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
}

/* ===================================================================
   11 ABWICKLUNG AI – Karten mit id="k-..." und Sammelbuchung
   =================================================================== */
.vkachel:is([id^="k-"],.sammel){overflow:hidden}
.vkachel.sammel{margin-bottom:12px}
.vkachel:is([id^="k-"],.sammel)>summary{grid-template-columns:minmax(170px,230px) minmax(0,1fr) 24px}
.vkachel:is([id^="k-"],.sammel)>summary:hover{background:transparent;border-radius:0}
.vkachel[id^="k-"] .kopie{cursor:copy}
.vkachel[id^="k-"] .kopie:hover{text-decoration:none;color:var(--orange-600)}
.vkachel[id^="k-"] .wer>.mail{color:var(--ink-700)}
.vkachel[id^="k-"] .wer .mail .mail{font-size:12px;color:var(--ink-300);margin-top:2px}
/* Schritt ohne Unterzeile: Strich */
.vkachel:is([id^="k-"],.sammel) .vschritt:not(:has(em))::after{content:"\2014";font-size:11px;line-height:1.25;color:var(--ink-300)}
.vkachel:is([id^="k-"],.sammel) .vschritt.jetzt:not(:has(em))::after{color:#B98410}
/* Aufgeklappter Inhalt: eine Spalte mit 12px Abstand */
.vkachel:is([id^="k-"],.sammel) .vinhalt{display:flex;flex-direction:column;gap:12px}
.vkachel:is([id^="k-"],.sammel) .vinhalt>:is(.trennlinie,.aktionen,.dateien,.meldung,.vverlauf){margin:0}
.vkachel:is([id^="k-"],.sammel) .vinhalt>:is(.lhinweis,.stumfeld){margin-top:0}
.vkachel:is([id^="k-"],.sammel) .vinhalt>.lentwurf{margin:0;padding-bottom:12px}
.vkachel:is([id^="k-"],.sammel) .vinhalt .knopf{height:36px;font-size:13px;padding:0 16px}
/* Dateiblock */
.vkachel:is([id^="k-"],.sammel) .dateien .feldname{letter-spacing:.1em}
.vkachel:is([id^="k-"],.sammel) .dateien>.aktionen{margin-bottom:0}
.vkachel:is([id^="k-"],.sammel) .dateien .aktionen .wann{min-width:0;overflow-wrap:anywhere}
/* Abwicklung AI 02.10.: Erklaersaetze sind aus dem Code entfernt. "ältere ausblenden": */
.vfrueher[open] .zu{display:none}
.vfrueher:not([open]) .auf{display:none}
.vkachel:is([id^="k-"],.sammel) .dateien>.weblink{font-size:14px;color:var(--ink-900);overflow-wrap:anywhere}
.vkachel:is([id^="k-"],.sammel) .dateien>.weblink:hover{color:var(--orange-600)}

@media (max-width:900px){
  .vkachel:is([id^="k-"],.sammel)>summary{grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding:18px 20px}
  .vkachel:is([id^="k-"],.sammel)>summary>.vablauf,.vkachel:is([id^="k-"],.sammel)>summary>.vschritt{grid-column:1/-1;grid-row:2}
  .vkachel:is([id^="k-"],.sammel) .pfeil{grid-column:2;grid-row:1}
  .vkachel:is([id^="k-"],.sammel) .vinhalt{padding:0 20px 20px}
}
@media (max-width:760px){
  .vkachel:is([id^="k-"],.sammel) .vablauf{flex-wrap:wrap}
  .vkachel:is([id^="k-"],.sammel) .vablauf>.vschritt{flex:1 1 calc(50% - 3px)}
}