/* pflege.css — Pflege-Cockpit-Vorschau für die FeWo-Direktbuchungs-Vorlage.
   Eigener, sichtlich "internes Tool"-Look (grauer Rahmen, keine Marketing-Ästhetik) —
   analog dem Muster der Terminbuchungs-Demos, damit der Kontrast zur Gast-Website deutlich ist. */
:root {
  --pf-bg: #f2f1ec;
  --pf-surface: #ffffff;
  --pf-ink: #2a2b22;
  --pf-ink-muted: #63604f;
  --pf-border: #dcd8ca;
  --pf-accent: #6f8f56;
  --pf-accent-deep: #4f6a3c;
  --pf-rust: #bd6a3d;
  --pf-radius: 12px;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--pf-bg); color: var(--pf-ink); font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; line-height: 1.6; }
.pf-topbar { background: #23301c; color: #eef0e4; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.pf-topbar a.back { color: #cfd6bc; text-decoration: none; font-size: 0.86rem; font-weight: 600; }
.pf-topbar a.back:hover { color: #fff; }
.pf-topbar .badge { background: var(--pf-rust); color: #fff; font-size: 0.72rem; padding: 3px 10px; border-radius: 999px; font-weight: 700; }
.pf-shell { max-width: 880px; margin: 0 auto; padding: 24px 16px 60px; }
.pf-intro { background: #fff; border: 1px solid var(--pf-border); border-radius: var(--pf-radius); padding: 18px 20px; margin-bottom: 20px; font-size: 0.92rem; }
.pf-tabs { display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }
.pf-tab { background: #fff; border: 1.5px solid var(--pf-border); border-radius: 999px; padding: 9px 16px; font-size: 0.86rem; font-weight: 700; cursor: pointer; color: var(--pf-ink-muted); min-height: 40px; }
.pf-tab.is-active { background: var(--pf-accent); border-color: var(--pf-accent); color: #fff; }
.pf-panel { display: none; background: var(--pf-surface); border: 1px solid var(--pf-border); border-radius: var(--pf-radius); padding: 20px; }
.pf-panel.is-active { display: block; }
.pf-panel h2 { margin-top: 0; font-size: 1.15rem; }
.pf-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.pf-field label { font-size: 0.82rem; font-weight: 700; }
.pf-field input, .pf-field select, .pf-field textarea { padding: 10px 12px; border-radius: 8px; border: 1.5px solid var(--pf-border); font-size: 0.94rem; font-family: inherit; }
.pf-row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; margin-bottom: 10px; }
@media (max-width: 600px) { .pf-row { grid-template-columns: 1fr; } }
.pf-btn { background: var(--pf-accent); color: #fff; border: none; border-radius: 8px; padding: 10px 16px; font-weight: 700; cursor: pointer; min-height: 40px; }
.pf-btn:hover { background: var(--pf-accent-deep); }
.pf-btn.pf-btn-ghost { background: transparent; color: var(--pf-ink); border: 1.5px solid var(--pf-border); }
.pf-btn.pf-btn-danger { background: #fff; color: var(--pf-rust); border: 1.5px solid var(--pf-rust); }
.pf-saved-note { display: none; background: #e1e8d3; color: var(--pf-accent-deep); border-radius: 8px; padding: 10px 14px; font-size: 0.86rem; font-weight: 700; margin-top: 10px; }
.pf-saved-note.is-visible { display: block; }
.pf-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.pf-table th, .pf-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--pf-border); font-size: 0.88rem; }
.pf-feed-status { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--pf-border); }
.pf-feed-status:last-child { border-bottom: none; }
.pf-feed-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.pf-feed-dot.ok { background: #4f8a52; }
.pf-feed-dot.warn { background: #bd6a3d; }
.pf-feed-dot.error { background: #a33; }
.pf-checklist { display: flex; flex-direction: column; gap: 8px; }
.pf-checklist label { display: flex; align-items: center; gap: 8px; font-size: 0.92rem; }