/* Screen 7 · Team (Werte aus dem Design über komponenten.css: .kpi4, .team-l, .p-kopf, .mb, .ziel …) */
.team .kopf .ansage { margin-bottom:6px; }
.team .kopf .ansage .ic { margin-left:-2px; }
.team .kopf > div:first-child { min-width:0; }
.team .kopf .kicker { white-space:nowrap; }
.team .team-l .ava-txt { box-shadow:none; }
.team .team-l .zeile.person { cursor:pointer; }
.team .team-l .zt { overflow:visible; }
.team .ue-pille[hidden] { display:none; }
.team .mb.seg i { transition:flex-grow .6s var(--ios); }
.team .p-text { min-height:17px; }
.team .ziel-seg i { transform-origin:0 50%; }

/* Letzte Ansage */
.team .ansage-slot:empty { display:none; }
.team .ansage-slot .sek { margin-top:16px; }
.team .ansage-karte { padding:13px 14px 12px; }
.team .ak-kopf { display:flex; align-items:center; gap:10px; }
.team .ak-kopf .ichip { width:28px; height:28px; border-radius:8px; }
.team .ak-kopf .t3 { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.team .ak-text { margin:9px 0 0; font:500 15px/21px var(--schrift); color:var(--navy); letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.team .ak-fuss { display:flex; align-items:center; justify-content:space-between; margin-top:11px; padding-top:10px; border-top:1px solid var(--linie); }
.team .ak-avas { display:flex; }
.team .ak-ava { position:relative; display:block; transition:opacity .4s var(--ios); }
.team .ak-ava + .ak-ava { margin-left:-6px; }
.team .ak-ava > .ava, .team .ak-ava > .ava-txt { box-shadow:0 0 0 2px #fff; font-size:11px; }
.team .ak-ava.offen { opacity:.42; }
.team .ak-haken { position:absolute; right:-3px; bottom:-2px; width:14px; height:14px; border-radius:50%; display:grid; place-items:center;
  background:var(--gruen); color:#fff; box-shadow:0 0 0 2px #fff; transform:scale(0); opacity:0; transition:transform .45s var(--ios), opacity .2s; }
.team .ak-ava.gelesen .ak-haken { transform:scale(1); opacity:1; }
.team .ak-ava.neu-gelesen { animation:team-hupf .55s var(--ios); }
.team .ak-ava.neu-gelesen .ak-haken { animation:team-pop .5s cubic-bezier(.34,1.56,.64,1); }
@keyframes team-hupf { 0% { transform:scale(1); } 35% { transform:scale(1.14); } 100% { transform:scale(1); } }
@keyframes team-pop { 0% { transform:scale(0); opacity:0; } 100% { transform:scale(1); opacity:1; } }
.team .ak-status { font:600 12.5px/16px var(--schrift); color:var(--text2); }

/* Sheet: Ansage (liegt außerhalb von .team, daher eigene Klassen) */
.ansage-form .ansage-feld { min-height:120px; }
.ansage-chips { display:flex; flex-wrap:wrap; gap:8px; }
.ansage-chips .chip { padding:0 14px; }
.ansage-chips .chip-haken { display:none; }
.ansage-chips .chip.an .chip-haken { display:grid; place-items:center; margin-left:-3px; }
.ansage-chips .chip.an .chip-haken .ic { color:#fff; }
.ansage-optionen { margin-top:16px; }
.ansage-optionen .feld-zeile { min-height:64px; padding:8px 14px; }
.ansage-optionen .ichip { width:32px; height:32px; }
.ansage-zitat { padding:14px 16px; }
.ansage-zitat p { margin:0 0 8px; font:500 16px/23px var(--schrift); color:var(--navy); overflow-wrap:anywhere; }
.ansage-optionen .zt .t2, .p-optionen .zt .t2 { white-space:normal; }

/* Echte Daten: Quartalsziel änderbar, Wochenrückblick, Hinweis */
.team .ziel.aenderbar .t3 { display:inline-flex; align-items:center; gap:6px; }
.team .ziel-stift { display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--navy-bg); color:var(--navy); }
.team .ziel-erreicht { display:flex; align-items:center; gap:6px; margin-top:10px; font:600 13px/18px var(--schrift); color:var(--gruen); }
.team .team-rb { margin-top:12px; }
.team .team-leer { padding:18px 16px; text-align:center; }
.team .team-hinweis { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:20px; }
.team .mb.seg i.o.leer { background:#F0EBE5; }
.ansage-push { margin:12px 4px 0; }

/* Sheet: Ziel mit Stepper (auch Person) */
.zs-text { margin:0 4px 14px; white-space:normal; line-height:20px; }
.zs-stepper { display:flex; align-items:center; justify-content:space-between; padding:14px; }
.zs-mitte { display:flex; flex-direction:column; align-items:center; gap:2px; }
.zs-zahl { font:700 44px/50px var(--schrift); letter-spacing:-.03em; color:var(--navy); }
.zs-knopf { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:var(--navy-bg); color:var(--navy); transition:transform .2s var(--ios), opacity .2s; }
.zs-knopf.gedrueckt { transform:scale(.9); }
.zs-knopf[disabled] { opacity:.35; pointer-events:none; }