/* Person (vom Team aus). Wurzel .person: die Design-Regel .person .t2 (Teamzeile) hier zurücksetzen. */
div.person .t2 { font-size:13px; margin-top:0; }
div.person .zt .t1 + .t2 { margin-top:1px; }

/* Kopf: zentriertes Profil (Abstand unter der Zurück-Leiste setzt shell.css über .ansicht.gestapelt) */
.person .p-kopf-gross { flex-direction:column; align-items:center; justify-content:flex-start; gap:0; text-align:center; }
.person .p-bild .ava, .person .p-bild .ava-txt { width:96px; height:96px; box-shadow:0 0 0 3px #fff, 0 8px 22px rgba(28,36,75,.16); }
.person .p-bild .ava { object-position:50% 18%; }
.person .p-bild .ava-txt { font-size:36px; font-weight:600; background:var(--sand-hell); }
.person .p-kopf-gross .lt { margin-top:14px; font-size:28px; line-height:34px; }
.person .p-rolle { display:flex; align-items:center; gap:8px; margin-top:6px; }

/* Schnellaktionen wie Kontakte */
.person .p-aktionen { display:flex; gap:10px; margin-top:20px; }
.person .p-aktion { flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 6px 10px; background:#fff;
  border:1px solid var(--linie); border-radius:16px; box-shadow:var(--schatten); color:var(--navy); transition:transform .3s var(--ios); }
.person .p-aktion.gedrueckt { transform:scale(.96); transition-duration:.1s; }
.person .p-ak-icon { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(--navy-bg); color:var(--navy); }
.person .p-ak-l { font:600 12.5px/16px var(--schrift); letter-spacing:-.005em; }

.person .p-kpi { margin-top:14px; }
.person .p-kpi b { font:700 28px/34px var(--schrift); letter-spacing:-.03em; transition:color .3s; }
.person .p-kpi b.rot { color:var(--rot); }

/* Einarbeitung (Lena) */
.person .p-fort { margin-top:0; padding:12px 14px; }
.person .p-fort .zt .t2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Ziele */
.person .p-ziele { padding:4px 16px; }
.person .p-ziel { padding:12px 0 13px; }
.person .p-ziel + .p-ziel { border-top:1px solid var(--linie); }
.person .p-ziel-o { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:9px; }
.person .p-ziel-o .t1 { font-size:14.5px; }
.person .p-ziel-o .t2 { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; font-weight:500; }
.person .p-ziel-o .t2.erreicht { color:var(--gruen); font-weight:600; }

/* Aufgaben */
.person .p-ue { display:flex; align-items:center; gap:7px; margin:-2px 4px 8px; font:600 13px/18px var(--schrift); color:var(--rot); }
.person .p-aufgaben .zeile { gap:12px; min-height:60px; transition:opacity .25s; }
.person .p-aufgaben .zeile + .zeile::before { left:38px; }
.person .p-aufgabe .zt { cursor:pointer; padding:2px 0; }
.person .p-aufgabe.ue .t2 { color:var(--rot); font-weight:500; }
.person .p-aufgabe.ue .p-haken { border-color:var(--rot); }
.person .p-haken { position:relative; flex:none; width:26px; height:26px; border-radius:50%; border:1.75px solid #CFC8C0; display:grid; place-items:center;
  color:#fff; background:transparent; transition:transform .25s var(--ios); }
.person .p-haken::before { content:""; position:absolute; inset:-1.75px; border-radius:50%; background:var(--gruen); transform:scale(0); transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
.person .p-haken .ic { position:relative; transform:scale(0); opacity:0; transition:transform .35s cubic-bezier(.34,1.56,.64,1) .06s, opacity .15s .06s; }
.person .p-haken.gedrueckt { transform:scale(.88); }
.person .p-haken::after { content:""; position:absolute; inset:-10px; }
.person .p-aufgabe.fertig .p-haken { border-color:var(--gruen); }
.person .p-aufgabe.fertig .p-haken::before { transform:scale(1); }
.person .p-aufgabe.fertig .p-haken .ic { transform:scale(1); opacity:1; }
.person .p-aufgabe.fertig .zt { opacity:.45; transition:opacity .3s; }
.person .p-aufgabe.raus { animation:dm-raus .3s var(--ios) both; }

/* Termine */
.person .p-termine .zeile { gap:10px; }
.person .p-termine .zeile + .zeile::before { left:52px; }
.person .p-zeit { width:42px; flex:none; font:600 14px/18px var(--schrift); color:var(--navy); }
.person .p-termine .ichip { width:32px; height:32px; }
.person .p-termine .vorbei .zt, .person .p-termine .vorbei .p-zeit, .person .p-termine .vorbei .ichip { opacity:.45; }

.person .p-hinweis { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:22px; }

/* Sheets (außerhalb von .person) */
.p-form .feld-titel { margin-top:18px; }
.p-chips { display:flex; flex-wrap:wrap; gap:8px; }
.p-optionen { margin-top:16px; }
.p-optionen .feld-zeile { min-height:62px; padding:8px 14px; }
.p-optionen .ichip { width:32px; height:32px; }

/* Echte Daten: Funktion unter dem Namen, zweite Kennzahl-Reihe, änderbare Ziele */
.person .p-funktion { margin-top:8px; max-width:300px; white-space:normal; text-align:center; font-size:13px; line-height:18px; color:var(--text2); }
.person .p-kpi2 { margin-top:8px; }
.person .p-kpi2 b { font-size:22px; line-height:28px; }
.person .p-ziel.aenderbar { cursor:pointer; transition:opacity .2s; }
.person .p-ziel.aenderbar.gedrueckt { opacity:.55; }
.person .p-stift { display:inline-grid; place-items:center; margin-left:4px; color:var(--text3); }
.person .p-ziel-neu { display:flex; align-items:center; gap:10px; cursor:pointer; }
.person .p-ziel-neu .ichip { width:28px; height:28px; border-radius:8px; }
.person .p-ziel-neu .t1 { flex:1; font-size:14.5px; color:var(--text2); }
.person .p-ziel-setzen { font:600 13px/18px var(--schrift); color:var(--taupe-tief); }
.person .p-ziel-neu.gedrueckt { opacity:.55; }
.person .p-laedt { padding:18px 16px; text-align:center; }
.p-notiz { margin:12px 4px 0; white-space:pre-line; }
.p-oo { margin:12px 4px 0; }

/* Hinweis-Pille (Paket 2) */
.person .hinweis-pille { flex:none; }