:root{
  --bg:#ffffff;
  --panel:#f6f8fa;
  --ink:#182430;
  --muted:#5c6b7a;
  --line:#e3e8ee;
  --accent:#0b4f9e;
  --accent-d:#083b76;
  --danger:#b42318;
  --ok:#16794a;
  --amber:#8a5a00;
  --radius:6px;
  --wrap:760px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
.wrap.narrow{max-width:560px}

/* ── Topbar ─────────────────────────────────────────────── */
.topbar{border-bottom:1px solid var(--line);background:var(--bg)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.wordmark{font-weight:700;letter-spacing:.02em;font-size:1.05rem;display:flex;align-items:baseline;gap:.6rem}
.wordmark-sub{font-weight:500;font-size:.8rem;color:var(--muted);letter-spacing:0}
.logout-form{margin:0}

/* ── Headings / lead ────────────────────────────────────── */
h1{font-size:1.6rem;font-weight:700;letter-spacing:-.01em;margin:2rem 0 .5rem}
h2{font-size:1.05rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.6rem}
.accent{color:var(--accent)}
.lead{font-size:1.02rem;color:var(--ink);margin:.25rem 0 1.5rem;max-width:60ch}
.muted{color:var(--muted)}
.count{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--panel);
  border:1px solid var(--line);border-radius:999px;padding:.05rem .55rem}

/* ── Panels ─────────────────────────────────────────────── */
.panel{border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin:1.25rem 0}

/* ── Alerts ─────────────────────────────────────────────── */
.alert{border-radius:var(--radius);padding:.75rem 1rem;margin:1rem 0;font-size:.95rem;border:1px solid}
.alert-ok{background:#eef7f1;border-color:#c7e6d4;color:var(--ok)}
.alert-error{background:#fdf1f0;border-color:#f3ccc7;color:var(--danger)}

/* ── People table ───────────────────────────────────────── */
.empty{color:var(--muted);margin:0}
table.people{width:100%;border-collapse:collapse}
table.people th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);font-weight:600;padding:0 .75rem .5rem;border-bottom:1px solid var(--line)}
table.people td{padding:.7rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}
table.people tr:last-child td{border-bottom:none}
.cell-action{text-align:right;width:1%;white-space:nowrap}

.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;
  background:var(--panel);border:1px solid var(--line);color:var(--muted)}
.badge-extern{background:#fdf3e7;border-color:#f0d9b8;color:var(--amber)}

/* ── Add: person cards ──────────────────────────────────── */
.person-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);
  padding:1.1rem 1.1rem .95rem;margin-bottom:.85rem;background:var(--bg)}
.person-card.has-error{border-color:#e6b4ad;background:#fdf6f5}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .9rem;align-items:end}
.pc-grid .full{grid-column:1 / -1}
.pc-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}
.pc-grid .opt{font-weight:400;color:var(--muted)}
.pc-grid input,.pc-grid select{font:inherit;color:var(--ink);padding:.55rem .6rem;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--bg);width:100%}
.pc-grid input:focus,.pc-grid select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.row-remove{position:absolute;top:.5rem;right:.5rem;border:1px solid var(--line);background:var(--bg);
  color:var(--muted);border-radius:var(--radius);width:1.9rem;height:1.9rem;font-size:1.1rem;line-height:1;cursor:pointer}
.row-remove:hover{border-color:var(--danger);color:var(--danger)}
.row-error{margin:.7rem 0 0;color:var(--danger);font-size:.85rem}

/* ── Buttons ────────────────────────────────────────────── */
.btn-primary{font:inherit;font-weight:600;background:var(--accent);color:#fff;border:1px solid var(--accent);
  padding:.65rem 1.4rem;border-radius:var(--radius);cursor:pointer}
.btn-primary:hover{background:var(--accent-d);border-color:var(--accent-d)}
.btn-ghost{font:inherit;font-weight:600;background:transparent;color:var(--accent);border:1px dashed var(--line);
  padding:.5rem .9rem;border-radius:var(--radius);cursor:pointer;margin-top:.25rem}
.btn-ghost:hover{border-color:var(--accent);background:var(--panel)}
.form-actions{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.link-btn{font:inherit;background:none;border:none;color:var(--accent);cursor:pointer;padding:0;
  font-size:.9rem;text-decoration:underline;text-underline-offset:2px}
.link-btn.danger{color:var(--danger)}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── Footer ─────────────────────────────────────────────── */
.foot{color:var(--muted);font-size:.85rem;margin:2rem 0 3rem}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width:620px){
  .pc-grid{grid-template-columns:1fr}
  table.people thead{display:none}
  table.people,table.people tbody,table.people tr,table.people td{display:block;width:100%}
  table.people tr{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.75rem;padding:.4rem .2rem}
  table.people td{border:none;padding:.35rem .75rem;display:flex;justify-content:space-between;gap:1rem}
  table.people td::before{content:attr(data-label);color:var(--muted);font-size:.8rem;font-weight:600}
  .cell-action{justify-content:flex-end}
  .cell-action::before{content:none}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── Top-Nav ─────────────────────────────────────────────── */
a.wordmark{text-decoration:none;color:var(--ink)}
.mainnav{display:flex;gap:1.25rem;align-items:center}
.mainnav a{text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:500;
  padding:.2rem 0;border-bottom:2px solid transparent}
.mainnav a:hover{color:var(--ink)}
.mainnav a.is-active{color:var(--accent);border-bottom-color:var(--accent)}

/* ── Infobox ─────────────────────────────────────────────── */
.infobox{border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);padding:1.1rem 1.25rem;margin:1.5rem 0;background:var(--panel)}
.infobox h2{margin:0 0 .4rem;font-size:1rem}
.infobox p{margin:0;color:var(--ink)}

/* ── Service-Cards ───────────────────────────────────────── */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1.5rem 0}
.card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;
  border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;
  color:var(--ink);background:var(--bg);transition:border-color .12s,box-shadow .12s}
.card:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(11,79,158,.08)}
.card-title{font-weight:600;color:var(--accent)}
.card-text{font-size:.9rem;color:var(--muted)}
.note-soon{font-size:.9rem;margin-top:.5rem}

/* ── FAQ (details/summary) ───────────────────────────────── */
.faq{margin:1.25rem 0}
.faq details{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.6rem;background:var(--bg)}
.faq summary{cursor:pointer;padding:.85rem 1rem;font-weight:600;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:700;font-size:1.15rem}
.faq details[open] summary::after{content:"\2013"}
.faq summary:hover{color:var(--accent)}
.faq .faq-a{padding:0 1rem 1rem;color:var(--muted);line-height:1.6}

/* ── Kontakt ─────────────────────────────────────────────── */
.contact{border:1px solid var(--line);border-radius:var(--radius);padding:.4rem 1.25rem;margin:1.25rem 0}
.contact-row{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.contact-row:last-child{border-bottom:none}
.contact-label{color:var(--muted);font-size:.9rem}
.contact-value{font-weight:600;color:var(--ink);text-decoration:none}
a.contact-value:hover{color:var(--accent)}

/* ── Site-Footer ─────────────────────────────────────────── */
.sitefoot{border-top:1px solid var(--line);margin-top:3rem;padding:1.5rem 0;color:var(--muted);font-size:.85rem}
.sitefoot .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sitefoot-nav{display:flex;gap:1rem}
.sitefoot-nav a{color:var(--muted);text-decoration:none}
.sitefoot-nav a:hover{color:var(--accent)}

/* ── Mobile (Nav/Cards/Footer) ───────────────────────────── */
@media (max-width:620px){
  .topbar-inner{height:auto;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.7rem 0}
  .mainnav{gap:1rem}
  .cards{grid-template-columns:1fr}
  .sitefoot .wrap{flex-direction:column;align-items:flex-start;gap:.6rem}
}

/* ── Kontakt: mehrere Werte pro Zeile (SOMED/Spitex) ─────── */
.contact-multi{display:flex;flex-direction:column;gap:.45rem;align-items:flex-end}
.contact-line{display:flex;gap:.7rem;align-items:baseline;justify-content:flex-end}
.contact-line a{font-weight:600;color:var(--ink);text-decoration:none}
.contact-line a:hover{color:var(--accent)}
.contact-sub{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
@media (max-width:620px){
  .contact-row{flex-direction:column;gap:.4rem}
  .contact-multi{align-items:flex-start}
  .contact-line{justify-content:flex-start}
}
.contact-line .hours{font-weight:500;color:var(--ink)}

/* ── Logo in der Top-Nav ─────────────────────────────────── */
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.brand-logo{height:34px;width:auto;display:block}
@media (max-width:620px){ .brand-logo{height:28px} }

/* ── Ansprechpartner-Panel ───────────────────────────────── */
.panel-hint{color:var(--muted);font-size:.9rem;margin:-.4rem 0 1rem}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .9rem;align-items:end}
.ap-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}
.ap-grid .opt{font-weight:400;color:var(--muted)}
.ap-grid input{font:inherit;color:var(--ink);padding:.55rem .6rem;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--bg);width:100%}
.ap-grid input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
@media (max-width:620px){ .ap-grid{grid-template-columns:1fr} }

/* ── Mehrere Betriebe ────────────────────────────────────── */
.betrieb-liste{list-style:none;margin:0;padding:0}
.betrieb-liste li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:.55rem 0;border-bottom:1px solid var(--line)}
.betrieb-liste li:last-child{border-bottom:none}
.betrieb-liste a{color:var(--accent);text-decoration:none;font-weight:600}
.betrieb-liste a:hover{text-decoration:underline}
.bur{color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.02em}
.betrieb-titel{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;
  border-bottom:2px solid var(--line);padding-bottom:.6rem;margin-bottom:1rem}
.betrieb-titel .bur{font-size:.85rem}
h3.sub{font-size:.9rem;font-weight:600;color:var(--muted);text-transform:uppercase;
  letter-spacing:.04em;margin:1.4rem 0 .7rem}
h3.sub:first-of-type{margin-top:.5rem}

/* ── Betrieb-Übersicht (nicht klickbar) ──────────────────── */
.betrieb-liste.plain li{justify-content:flex-start;gap:.7rem}
.betrieb-liste.plain li > span:first-child{font-weight:600}

/* ── Betrieb-Multiselect mit Chips ───────────────────────── */
.betrieb-select{display:flex;flex-direction:column;gap:.5rem}
.betrieb-picker{font:inherit;color:var(--ink);padding:.55rem .6rem;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--bg);width:100%}
.betrieb-picker:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--panel);
  border:1px solid var(--line);border-radius:999px;padding:.2rem .3rem .2rem .7rem;font-size:.85rem;font-weight:500}
.chip-x{border:none;background:none;cursor:pointer;color:var(--muted);font-size:1rem;line-height:1;
  padding:0 .2rem;border-radius:50%}
.chip-x:hover{color:var(--danger)}

/* ── Zwei-Button-Leiste ──────────────────────────────────── */
.form-actions-2{display:flex;gap:.75rem;flex-wrap:wrap}
.btn-secondary{font:inherit;font-weight:600;background:var(--bg);color:var(--accent);
  border:1px solid var(--accent);padding:.65rem 1.4rem;border-radius:var(--radius);cursor:pointer}
.btn-secondary:hover{background:var(--panel)}

/* ── 5c: breiteres Formular, 3-spaltiger Ansprechpartner ─── */
.wrap.wide{max-width:980px}
.ap-grid{grid-template-columns:repeat(3,1fr)}
.opt-tag{font-weight:400;color:var(--muted);font-size:.85rem}
@media (max-width:640px){ .ap-grid{grid-template-columns:1fr} }

/* ── 5c-Feinschliff ──────────────────────────────────────── */
.wide .lead{max-width:none}
.session-hint{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);padding:.6rem .9rem;margin:1.25rem 0 0;font-size:.92rem}
.session-hint a{color:var(--accent);text-decoration:none;font-weight:600}
.session-hint a:hover{text-decoration:underline}
h1 .bur-h1{margin-left:.6rem;font-size:.95rem;vertical-align:middle}

/* ── Bearbeiten ──────────────────────────────────────────── */
.edit-panel{border-color:var(--accent);border-left:3px solid var(--accent)}
.row-editing{background:#eef4fb}
.cell-action a.link-btn{margin-right:.9rem}
.cell-action form{display:inline}
a.btn-secondary{display:inline-block;text-decoration:none;text-align:center}

/* ── Admin: Topbar ───────────────────────────────────────── */
.admin-topbar .topbar-inner{gap:1.5rem}
.admin-user{margin-left:auto;display:flex;align-items:center;gap:.9rem}
.admin-email{color:var(--muted);font-size:.85rem}
.admin-topbar .mainnav{margin-left:1rem}

/* ── Admin: Login ────────────────────────────────────────── */
.admin-login-body{display:flex;min-height:100vh;align-items:center;justify-content:center;
  background:var(--panel);margin:0}
.admin-login-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;
  padding:2rem 2.25rem;width:min(92vw,380px);box-shadow:0 6px 30px rgba(0,0,0,.06)}
.admin-login-head{text-align:center;margin-bottom:1.25rem}
.admin-login-head .brand-logo{height:40px;margin:0 auto .6rem}
.admin-login-head h1{font-size:1.25rem;margin:.2rem 0 0}
.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);margin-bottom:.9rem}
.field input{font:inherit;color:var(--ink);padding:.6rem .7rem;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--bg)}
.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.btn-block{width:100%;margin-top:.3rem}

/* ── Admin: Dashboard-Kennzahlen ─────────────────────────── */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.25rem 0 1.75rem}
.stat{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;background:var(--bg)}
.stat-num{display:block;font-size:1.9rem;font-weight:700;color:var(--accent);line-height:1}
.stat-label{display:block;margin-top:.35rem;font-size:.85rem;color:var(--muted)}
.card-disabled{opacity:.6;cursor:default}
.card-disabled:hover{border-color:var(--line);box-shadow:none}
@media (max-width:720px){ .stat-grid{grid-template-columns:1fr 1fr} }

/* ── Passwortfeld mit Augen-Icon ─────────────────────────── */
.pw-field{position:relative;display:block}
.pw-field input{width:100%;padding-right:2.5rem}
.pw-toggle-eye{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);
  border:none;background:none;cursor:pointer;color:var(--muted);padding:.25rem;
  display:inline-flex;align-items:center}
.pw-toggle-eye:hover{color:var(--accent)}
.pw-toggle-eye svg{width:18px;height:18px}
.pw-toggle-eye .eye-off{display:none}
.pw-toggle-eye.is-visible .eye-on{display:none}
.pw-toggle-eye.is-visible .eye-off{display:inline}

/* ── Passwort-Regeln ─────────────────────────────────────── */
.pw-rules{font-size:.82rem;color:var(--muted);background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:.7rem .9rem;margin:.2rem 0 1rem}
.pw-rules ul{margin:.4rem 0 0;padding-left:1.1rem}
.pw-rules li{margin:.15rem 0}
.pw-form .field{max-width:420px}

/* ── Nutzer-Dropdown (Admin-Topbar) ──────────────────────── */
.user-menu{position:relative;margin-left:auto}
.user-menu-trigger{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid transparent;
  cursor:pointer;font:inherit;color:var(--muted);padding:.35rem .5rem;border-radius:var(--radius)}
.user-menu-trigger:hover{color:var(--ink);border-color:var(--line)}
.user-menu-trigger .admin-email{font-size:.85rem}
.user-menu-trigger .chevron{font-size:.7rem}
.user-menu-dropdown{position:absolute;right:0;top:calc(100% + .3rem);min-width:170px;background:var(--bg);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 24px rgba(0,0,0,.09);
  padding:.3rem;display:none;z-index:20}
.user-menu.open .user-menu-dropdown{display:block}
.user-menu-dropdown a,.user-menu-dropdown button{display:block;width:100%;text-align:left;
  padding:.5rem .6rem;border:none;background:none;font:inherit;color:var(--ink);text-decoration:none;
  cursor:pointer;border-radius:calc(var(--radius) - 1px)}
.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:var(--panel);color:var(--accent)}

/* ── Admin: Betriebe-Liste ───────────────────────────────── */
.search-bar{display:flex;gap:.5rem;align-items:center;margin:1rem 0 1.25rem;flex-wrap:wrap}
.search-bar input[type=search]{flex:1;min-width:220px;font:inherit;color:var(--ink);
  padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.search-bar input[type=search]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.badge-aktiv{background:#e3f4e8;color:#1a7f3c}
.badge-inaktiv{background:#ededed;color:#666}
.tag-traeger{display:inline-block;margin-left:.5rem;font-size:.72rem;font-weight:600;color:var(--accent);
  background:#eef4fb;border-radius:999px;padding:.05rem .55rem;vertical-align:middle}
a.stat-link{text-decoration:none;color:inherit;transition:border-color .12s,box-shadow .12s}
a.stat-link:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(11,79,158,.08)}

/* ── Admin: Seiten-Kopf mit Aktion ───────────────────────── */
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.btn-danger{font:inherit;font-weight:600;background:var(--bg);color:var(--danger,#b3261e);
  border:1px solid var(--danger,#b3261e);padding:.6rem 1.1rem;border-radius:var(--radius);cursor:pointer}
.btn-danger:hover{background:#fdeceb}

/* ── Terminbuchung: Layout ───────────────────────────────── */
.booking-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start;margin-top:1rem}
@media (max-width:720px){ .booking-layout{grid-template-columns:1fr} }

/* Kalender */
.calendar{border:1px solid var(--line);border-radius:var(--radius);padding:1rem}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.cal-title{font-weight:600}
.cal-nav{text-decoration:none;color:var(--accent);font-size:1.3rem;line-height:1;padding:.1rem .55rem;border-radius:var(--radius)}
.cal-nav:hover{background:var(--panel)}
.cal-nav.is-off{color:var(--line);pointer-events:none}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-wd{text-align:center;font-size:.72rem;color:var(--muted);font-weight:600;padding:.3rem 0}
.cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.9rem}
.cal-day.is-muted{color:transparent}
.cal-day.is-disabled{color:var(--muted)}
.cal-day.is-available{color:var(--ink);font-weight:600;cursor:pointer;border:1px solid var(--line)}
.cal-day.is-available:hover{border-color:var(--accent);background:var(--panel)}
.cal-day.is-selected{background:var(--accent);color:#fff;border-color:var(--accent)}
.cal-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:2px}
.cal-day.is-selected .cal-dot{background:#fff}
.cal-legend{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted);margin:.7rem 0 0}
.cal-legend .cal-dot{margin:0}

/* Slots rechts */
.slots-panel{min-height:100px}
.day-title{font-size:1rem;margin:.2rem 0 .8rem}
.slot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.slot-list li{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .8rem}
.slot-time{font-weight:600;min-width:74px}
.slot-meta{color:var(--muted);font-size:.85rem;flex:1}
.btn-sm{padding:.35rem .9rem;font-size:.9rem}

/* Formular */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.field textarea{font:inherit;color:var(--ink);padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;resize:vertical}
.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}

/* ── Terminbuchung: Vorname/Nachname nebeneinander ───────── */
.name-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media (max-width:520px){ .name-row{grid-template-columns:1fr;gap:0} }

/* ── Admin: Termin-Kalender + Detail-Modal ───────────────── */
#admin-calendar{margin-top:1rem}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:1rem}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.modal-card{position:relative;z-index:1;background:var(--bg);border-radius:12px;padding:1.5rem 1.75rem;
  width:min(94vw,420px);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.modal-close{position:absolute;top:.5rem;right:.7rem;border:none;background:none;font-size:1.5rem;
  line-height:1;cursor:pointer;color:var(--muted)}
.modal-close:hover{color:var(--ink)}
.modal-card h2{margin:.2rem 0 .1rem;font-size:1.2rem}
.modal-details{margin:1rem 0 1.25rem}
.modal-details > div{display:flex;gap:.6rem;padding:.4rem 0;border-top:1px solid var(--line)}
.modal-details dt{color:var(--muted);min-width:74px}
.modal-details dd{margin:0;word-break:break-word}

/* ── FullCalendar: lesbarere Kacheln ─────────────────────── */
.fc .fc-daygrid-event{padding:1px 4px;border-radius:4px}
.fc .fc-daygrid-event .fc-event-title{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.fc .fc-daygrid-event .fc-event-time{font-weight:400;opacity:.9}
.fc .fc-more-link{font-weight:600;color:var(--accent)}
.fc .fc-daygrid-day-frame{min-height:92px}

/* ── Admin: Slot-Verwaltung ──────────────────────────────── */
.generator-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.9rem;align-items:end}
.generator-form .field{margin-bottom:0}
.generator-form .form-actions{align-self:end}
.generator-form input{font:inherit;color:var(--ink);padding:.5rem .6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.cap-form{display:flex;align-items:center;gap:.4rem}
.cap-form input[type=number]{width:64px;font:inherit;padding:.3rem .4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.row-actions{display:flex;gap:.8rem;align-items:center}