/* ============================================================================
   apple.css · call a bee · Chef-App im Apple-Look (v2.181.0)
   ----------------------------------------------------------------------------
   Wunsch Lars (24.09.2026): „Jetzt noch die Chef-App im gleichen Apple-Look."
   Dieselben Muster wie Büro-„Neu" und Monteur-App: heller Glas-Kopf mit großem
   Titel statt schwarzem Balken, gruppierte weiße Flächen ohne Rahmen auf Grau,
   Überschriften im Satzstil, Filter als gefüllte Chips (gewählter = dunkle Kapsel),
   Chat-Blasen wie in Nachrichten, Tab-Leiste aus Glas. Gelb nur für die EINE
   Hauptaktion. Warn-/Statusfarben (rote/gelbe/grüne Chips, Notdienst, KPI-Ampel)
   bleiben – sie tragen Bedeutung.
   Jede Regel hängt an html.ui-apple (gesetzt früh in index.html, Wahl cab.ui) –
   „Klassisch" bleibt Pixel für Pixel wie vorher (Wächter _test-chef-app.cjs).
   ============================================================================ */
html.ui-apple{
  --ap-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Inter",system-ui,sans-serif;
  --ap-bg:#f2f2f7; --ap-card:#ffffff; --ap-fill:rgba(118,118,128,.12); --ap-fill-2:rgba(118,118,128,.08);
  --ap-sep:#e5e5ea; --ap-label:#1d1d1f; --ap-label-2:#5f5f64; --ap-ink:#806300;
  --ap-glass:rgba(249,249,250,.9); --ap-shadow:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);
}
html.ui-apple body{ font-family:var(--ap-font); background:var(--ap-bg); color:var(--ap-label); -webkit-font-smoothing:antialiased; letter-spacing:-.01em }
html.ui-apple .ch-app{ background:var(--ap-bg) }

/* Kopf: Glas mit Haarlinie, großer Titel */
html.ui-apple .ch-kopf{ background:var(--ap-glass); color:var(--ap-label); border-bottom:1px solid var(--ap-sep);
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px) }
html.ui-apple .ch-kopf h1{ font-size:30px; letter-spacing:-.024em }
html.ui-apple .ch-kopf .ch-unter{ color:var(--ap-label-2) }
html.ui-apple .ch-zurueck{ color:var(--ap-ink) }
html.ui-apple .ch-kopf-knopf{ border:0; background:var(--ap-fill); color:var(--ap-label); border-radius:999px }
html.ui-apple .ch-kopf .ch-suche,
html.ui-apple .ch-suche{ background:var(--ap-fill) }
html.ui-apple .ch-suche input{ color:var(--ap-label) }
/* Filter über der Liste: gefüllte Chips, gewählter als dunkle Kapsel (wie Büro) */
html.ui-apple .ch-filter button{ border:0; background:var(--ap-fill); color:var(--ap-label); font-weight:500 }
html.ui-apple .ch-filter button.an{ background:#1d1d1f; color:#fff }
html.ui-apple .ch-tagwahl button{ border:0; background:var(--ap-fill); color:var(--ap-label) }

/* Überschriften im Satzstil */
html.ui-apple .ch-sektion-titel{ font-size:13px; letter-spacing:-.005em; text-transform:none; color:var(--ap-label-2); padding:0 4px }
html.ui-apple .ch-sektion-titel a,
html.ui-apple .ch-sektion-titel button{ color:var(--ap-ink); font-weight:500 }
html.ui-apple .ch-kpi .ch-kachel-name{ text-transform:none; letter-spacing:0; font-size:13px; color:var(--ap-label-2) }

/* Flächen ohne Rahmen */
html.ui-apple :is(.ch-karte,.ch-liste,.ch-kachel){ border-top:0; border-right:0; border-bottom:0; border-radius:14px; box-shadow:var(--ap-shadow) }
/* Linker Rand nur, wo er Bedeutung trägt: Kennzahl-Ampel (.crit/.warn/.gut) des Beraters */
html.ui-apple :is(.ch-karte,.ch-liste,.ch-kachel):not(.crit,.warn,.gut){ border-left:0 }
html.ui-apple .ch-zeile{ border-bottom-color:var(--ap-sep) }
html.ui-apple .ch-zeile-sub{ color:var(--ap-label-2) }
html.ui-apple .ch-pfeil{ color:#aeaeb2 }
html.ui-apple .ch-avatar{ background:var(--ap-fill) }
html.ui-apple .ch-leer{ border:0; background:var(--ap-card); color:var(--ap-label-2); box-shadow:var(--ap-shadow) }
html.ui-apple .ch-hinweis{ background:var(--ap-fill-2); color:var(--ap-label-2) }
html.ui-apple .ch-termin{ border-bottom-color:var(--ap-sep) }
/* Chef-Fokus: weiße Karte mit gelbem Ring statt schwarzem Block */
html.ui-apple .ch-fokus{ background:var(--ap-card); color:var(--ap-label); box-shadow:0 0 0 2px #f5c800, var(--ap-shadow) }
html.ui-apple .ch-fokus .ch-sektion-titel{ color:var(--ap-label-2) }

/* Knöpfe: gefüllt statt umrandet; Hauptaktion bleibt gelb */
html.ui-apple .ch-btn{ border:0; background:var(--ap-fill); color:var(--ap-label); font-weight:600 }
html.ui-apple .ch-btn.klar{ background:#1d1d1f; color:#fff }
html.ui-apple .ch-btn-haupt{ background:#f5c800; color:#1d1d1f; font-weight:600; border-radius:14px }
html.ui-apple .ch-rund{ border:0; background:var(--ap-fill); color:var(--ap-label) }
html.ui-apple .ch-mini{ border:0; background:var(--ap-fill); color:var(--ap-label) }
html.ui-apple :is(.ch-btn,.ch-btn-haupt,.ch-rund,.ch-filter button):active{ transform:scale(.98) }

/* Eingaben: grau gefüllt, ohne Kante */
html.ui-apple :is(.ch-textfeld,.ch-schreiben textarea){ border:0; background:var(--ap-fill) }
html.ui-apple .ch-schreiben{ background:var(--ap-glass); border-top-color:var(--ap-sep);
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px) }

/* Chat wie Nachrichten: eigene Blasen gelb, fremde hellgrau */
html.ui-apple .ch-nachricht{ border:0; background:#e9e9eb; border-radius:18px }
html.ui-apple .ch-nachricht.meine{ background:#f5c800; color:#1d1d1f }
html.ui-apple .ch-nachricht .wer{ color:var(--ap-label-2) }
html.ui-apple .ch-nachricht.meine .wer{ color:#5c4700 }
html.ui-apple .ch-nachricht .wann{ color:#5f5f64 }
html.ui-apple .ch-nachricht.meine .wann{ color:#5c4700 }

/* Leiste unten: Glas, aktive Seite in Akzent-Schrift statt gelbem Strich */
html.ui-apple .ch-nav{ background:var(--ap-glass); border-top-color:var(--ap-sep);
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px) }
html.ui-apple .ch-nav a{ color:#6e6e73; border-top-color:transparent }
html.ui-apple .ch-nav a.an{ color:var(--ap-ink); border-top-color:transparent }

/* Meldung als Kapsel */
html.ui-apple .ch-toast{ background:rgba(29,29,31,.88); border-radius:999px; text-align:center;
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px) }

/* Anmeldung: hell */
html.ui-apple .ch-login{ background:radial-gradient(1200px 600px at 50% -10%,#fff 0%,#f5f5f7 55%,#ececf0 100%); color:var(--ap-label) }
html.ui-apple .ch-login input{ border:0; background:var(--ap-fill); color:var(--ap-label) }
html.ui-apple .ch-login .fehler{ color:#c4001a }
html.ui-apple .ch-code{ background:#fff7c2 }

/* Bewegung nur ohne „Bewegung reduzieren" */
@media (prefers-reduced-motion: reduce){
  html.ui-apple :is(.ch-btn,.ch-btn-haupt,.ch-rund,.ch-filter button):active{ transform:none }
}
/* Lesbarkeit (gemessen): ruhige Nullen auf den Kacheln und die Monatsachse des Beraters lagen bei 2,6:1 */
html.ui-apple .ch-kachel.ruhig .ch-kachel-zahl{ color:#8e8e93 }
html.ui-apple .ch-kpi-achse{ color:#6e6e73 }