/* Mein Fragebogen (A-643, 16.10.2026) -- Ory CI, nutzt die Farbwerte aus dashboard/index.html (:root). */
#fragebogen-section .fb-erkl { background:var(--surfaceAlt); border:1px solid var(--border); border-radius:16px; padding:12px 16px; margin:0 0 16px; }
#fragebogen-section .fb-erkl summary { cursor:pointer; font-weight:600; font-size:14px; min-height:44px; display:flex; align-items:center; color:var(--text); }
#fragebogen-section .fb-erkl p { font-size:14px; line-height:1.55; color:var(--textMuted); margin:0 0 8px; }
#fragebogen-section .fb-liste { display:grid; gap:8px; margin:0 0 8px; }
#fragebogen-section .fb-zeile { display:flex; gap:12px; align-items:center; justify-content:space-between; border:1px solid var(--border); border-radius:16px; padding:10px 14px; background:var(--white); }
#fragebogen-section .fb-zeile.aktiv { border-color:var(--primary); background:var(--primarySoft); }
#fragebogen-section .fb-zeile b { font-size:15px; overflow-wrap:anywhere; }
#fragebogen-section .fb-marke { display:inline-block; font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; border-radius:999px; padding:2px 10px; background:var(--surfaceAlt); color:var(--textMuted); }
#fragebogen-section .fb-marke.aktiv { background:var(--okBg); color:var(--okText); }
#fragebogen-section .fb-marke.archiviert { background:var(--goldBg); color:var(--goldText); }
#fragebogen-section .fb-marke.warn { background:var(--rose); color:var(--roseText); }
#fragebogen-section .fb-editor { border-top:1px solid var(--border); margin-top:18px; padding-top:18px; }
#fragebogen-section .fb-editor h4 { margin:18px 0 8px; font-size:16px; font-weight:600; }
#fragebogen-section .fb-kopf { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
#fragebogen-section .fb-kopf h4 { margin:0; flex:1 1 220px; overflow-wrap:anywhere; }
#fragebogen-section .fb-raster { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
#fragebogen-section .fb-gruppe { display:flex; flex-direction:column; gap:4px; min-width:0; }
#fragebogen-section .fb-gruppe label { font-size:13px; color:var(--textMuted); }
#fragebogen-section .fb-gruppe .feld { flex:none; width:100%; padding:10px 12px; }
#fragebogen-section textarea.feld { min-height:84px; line-height:1.5; resize:vertical; font-family:inherit; }
#fragebogen-section .fb-frage { border:1px solid var(--border); border-radius:16px; padding:12px 14px 14px; margin:0 0 12px; background:var(--white); min-width:0; }
#fragebogen-section .fb-frage legend { font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--textSubtle); padding:0 6px; }
#fragebogen-section .fb-haken { display:flex; gap:10px; align-items:center; min-height:44px; font-size:14px; color:var(--text); cursor:pointer; }
#fragebogen-section .fb-haken input { width:20px; height:20px; accent-color:var(--primary); }
#fragebogen-section .fb-idee { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border); font-size:14px; line-height:1.5; }
#fragebogen-section .fb-qr { min-height:116px; margin:0 0 8px; }
#fragebogen-section .fb-antwort { border:1px solid var(--border); border-radius:14px; padding:6px 14px; margin:0 0 8px; background:var(--white); }
#fragebogen-section .fb-antwort summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-size:14px; }
#fragebogen-section .fb-qa { padding:6px 0; border-top:1px solid var(--border); font-size:14px; }
@media (max-width: 640px) {
  #fragebogen-section .fb-raster { grid-template-columns:minmax(0,1fr); }
  #fragebogen-section .fb-zeile, #fragebogen-section .fb-idee { flex-direction:column; align-items:stretch; }
}

/* ── Eigene Seite, Übersicht, Akkordeon, Schalter (A-643, 16.10.2026) ─────────────────────────────── */
/* Solange die eigene Seite offen ist, sind alle anderen Karten des Dashboards ausgeblendet. */
.fb-nur-eltern > *:not(#fragebogen-section) { display:none !important; }
#fragebogen-section .fb-zurueck { margin:0 0 14px; }
#fragebogen-section .fb-eintrag { border:1px solid var(--border); border-radius:16px; background:var(--white); margin:0 0 10px; overflow:hidden; scroll-margin-top:84px; }
#fragebogen-section .fb-eintrag.offen { border-color:var(--primary); }
#fragebogen-section .fb-eintrag.zuletzt { box-shadow:0 0 0 3px var(--primarySoft); }
#fragebogen-section .fb-eintrag > .fb-zeile { border:0; border-radius:0; flex-wrap:wrap; background:transparent; }
#fragebogen-section .fb-eintrag > .fb-editor { border-top:1px solid var(--border); margin:0; padding:16px; background:var(--surface); }

/* Schalter: online / offline. Der Zustand steht auch als Text da, nicht nur als Farbe. */
#fragebogen-section .fb-schalter { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0 4px; border:0; background:none; cursor:pointer; font:inherit; font-size:13px; font-weight:600; color:var(--textMuted); }
#fragebogen-section .fb-schalter:disabled { opacity:.55; cursor:default; }
#fragebogen-section .fb-schalter:focus-visible { outline:3px solid var(--primary); outline-offset:2px; border-radius:999px; }
#fragebogen-section .fb-schalter-knopf { position:relative; width:46px; height:26px; flex:0 0 auto; border-radius:999px; background:var(--borderStrong); transition:background .15s; }
#fragebogen-section .fb-schalter-knopf::after { content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(32,31,49,.25); transition:transform .15s; }
#fragebogen-section .fb-schalter.an .fb-schalter-knopf { background:var(--primary); }
#fragebogen-section .fb-schalter.an .fb-schalter-knopf::after { transform:translateX(20px); }
#fragebogen-section .fb-schalter.an .fb-schalter-text { color:var(--okText); }
#fragebogen-section .fb-schalter-text { min-width:3.2em; }

#fragebogen-section .fb-aktionen { align-items:center; margin:0 0 14px; }
#fragebogen-section .fb-aktionen + .fb-ungespeichert, #fragebogen-section .fb-ungespeichert { align-self:center; }

/* Fragen als Akkordeon: zugeklappt eine Zeile (Nummer, Text, Art), aufgeklappt alle Felder. */
#fragebogen-section details.fb-frage { border:1px solid var(--border); border-radius:14px; margin:0 0 8px; background:var(--white); padding:0 12px; }
#fragebogen-section details.fb-frage[open] { padding-bottom:12px; border-color:var(--borderStrong); }
#fragebogen-section details.fb-frage > summary { cursor:pointer; min-height:44px; display:flex; gap:10px; align-items:center; }
#fragebogen-section .fb-frage-nr { font-family:var(--mono); font-size:12px; color:var(--textSubtle); flex:0 0 auto; }
#fragebogen-section .fb-frage-text { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:14px; }
#fragebogen-section .fb-frage-art { flex:0 0 auto; font-size:12px; color:var(--textMuted); white-space:nowrap; }

/* Abschnitte im Editor (Impressum/Links, Veröffentlichen, Antworten) */
#fragebogen-section details.fb-abschnitt { border-top:1px solid var(--border); margin-top:14px; }
#fragebogen-section details.fb-abschnitt > summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:600; font-size:16px; }
#fragebogen-section .fb-abschnitt-inhalt { padding:0 0 8px; }

@media (max-width: 640px) {
  #fragebogen-section .fb-frage-art { display:none; }
  #fragebogen-section .fb-eintrag > .fb-zeile { flex-direction:column; align-items:stretch; }
  #fragebogen-section .fb-schalter { align-self:flex-start; }
}

/* Link und QR-Code direkt unter einem veröffentlichten Fragebogen (Übersicht und Karte auf der Seite Patienten). */
#fragebogen-section .fb-teilen { padding:2px 14px 14px; }
#fragebogen-section .fb-kompakt-bogen { border:1px solid var(--border); border-radius:16px; background:var(--white); padding:12px 14px 4px; margin:0 0 10px; }
#fragebogen-section .fb-kompakt-bogen .fb-teilen { padding:0 0 10px; }