/* D-054: kanonische Oberfläche. Verbindliche Regeln: docs/UI_DESIGN_SYSTEM.md. */
:root{
  --font-text:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-headline:var(--font-text);
  --ui-title:26px;--ui-section:19px;--ui-body:16px;--ui-label:14px;--ui-meta:13px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
  --ink:#3C3C3C;--muted:#5f646b;--paper:#EFEFEF;--line:#dadde1;--ui-border:var(--line);
  --button:var(--accent-green);--button-hover:var(--accent-green-hover);--accent:var(--accent-green);--sage:#d8bda7;
  /* D-109: drei Farben. Hauptfarbe (Struktur, Navigation, Symbole), Sekundärfarbe (Hervorhebungen), Buttonfarbe (wichtige Aktionen inkl. Rechnungen). */
  --color-main:#1E5B6B;--color-main-hover:#164756;--color-main-bg:#EAF2F4;--color-main-soft:#D2E5EA;
  --color-accent:#5E93A3;--color-accent-bg:#EEF4F6;--color-accent-soft:#DCE9ED;--color-accent-ink:#3B6878;
  --color-action:#F0C24B;--color-action-hover:#DDAE36;--color-action-ink:#1F2A30;
  /* D-133: Ruhige Farbwelt – heller aktiver Hintergrund, Salbeigrün als zurückhaltende Kennzeichnung, Seitenhintergrund. */
  --color-active-bg:#EAF2F1;--color-page-bg:#F5F7F7;--color-mark:#F0C24B;--text-muted:#5f646b;
  /* D-132: Statusfarben Rechnungszentrum (nur Orientierung, Status immer auch als Text). */
  --status-draft-bg:#FFF3DC;--status-draft-ink:#8A5A16;--status-open-bg:#F9EDE8;--status-open-ink:#A45743;--status-overdue-bg:#F7DEDE;--status-overdue-ink:#A33434;--status-paid-bg:#E4F1E9;--status-paid-ink:#32664B;--status-cancel-bg:#ECEEF0;--status-cancel-ink:#4B5258;
  --brand-green:var(--color-main);--brand-green-bg:var(--color-main-bg);--accent-green:var(--color-main);--accent-green-hover:var(--color-main-hover);--accent-green-bg:var(--color-main-bg);--accent-green-soft:var(--color-main-soft);--brand-yellow-bg:#fff8db;--positive:#216445;--positive-bg:#edf6f0;--danger:#a52c25;--danger-bg:#fff0ed;
  --brand-sage:var(--color-accent);--brand-sage-bg:var(--color-main-bg);--brand-warm:#D09962;--brand-yellow:var(--color-action);
  --ui-surface:#fff;--ui-subtle:#f1f2f3;--ui-radius:6px;--ui-space:var(--space-2);--ui-shadow:0 2px 6px #20273104;
}
html{font-size:var(--ui-body);scroll-padding-top:var(--space-5)}
body{font-family:var(--font-text);font-size:var(--ui-body);line-height:1.5;color:var(--ink);background:var(--paper)}
h1,h2,h3,h4{font-family:var(--font-text);color:var(--ink);font-weight:600;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
body h1,.patient-heading h1,.invoice-heading h1,.login-card h1,.auth-panel h1{font-size:var(--ui-title);font-weight:600;line-height:1.2;margin:0 0 var(--space-2);letter-spacing:-.03em}
body h2,.record-section h2,.invoice-sheet h2,.invoice-picker h2,.patient-documentation>.section-heading h2{font-size:var(--ui-section);font-weight:600;margin:0 0 var(--space-4)}
body h3,.record-section h3,.record-card h2,.form-row-main h2,.dashboard-tile h2,.catalog-item h3,.invoice-source-row h3{font-size:var(--ui-body);font-weight:600;line-height:1.4;margin:0 0 var(--space-2)}
body h4{font-size:var(--ui-label);font-weight:600}
p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}
small,.helptext,.entry-provenance,.invoice-muted,.invoice-footnote{font-size:var(--ui-meta);line-height:1.5;color:var(--muted)}
.eyebrow,.invoice-kicker,.tile-label,.tile-tag{font-size:var(--ui-meta);letter-spacing:.06em;color:var(--muted)}
a{text-underline-offset:3px}a:not(.button):hover{color:var(--button-hover)}
.ui-secondary,.subtle,.patient-meta{font-size:var(--ui-label);color:var(--muted)}
.ui-icon{flex:none;vertical-align:middle}
.ui-skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:100;background:#fff;padding:var(--space-3);transform:translateY(-180%)}
.ui-skip-link:focus{transform:none}
/* D-081: gemeinsamer Seitenrahmen für alle Module (Kopf, Hauptnavigation, Seitenbreite). */
.workspace>header{padding:var(--space-3) var(--space-6);min-height:72px;background:#fff;border-bottom:1px solid var(--line)}
.workspace .practice-logo{width:264px;max-width:100%;height:auto}
.header-tools{margin-left:var(--space-4)}
.workspace>main{width:100%;max-width:1600px;margin:0 auto;padding:var(--space-5) var(--space-6) var(--space-6);min-width:0;box-sizing:border-box}
.module-navigation{margin:0;padding:0 var(--space-6);background:#fff;border-bottom:1px solid var(--line);min-height:48px}
.module-navigation .module-row{display:flex;justify-content:center;align-items:stretch;gap:var(--space-1);width:100%;margin:0;padding:0;flex-wrap:wrap}
.module-navigation .module-tab{display:flex;align-items:center;min-height:48px;box-sizing:border-box;font-family:var(--font-text);font-size:var(--ui-label);font-weight:500;padding:var(--space-3) var(--space-4);border:0;border-radius:0;color:var(--ink);text-decoration:none;white-space:nowrap;background:transparent}
.module-navigation .module-tab:hover{color:var(--ink);background:var(--ui-subtle)}
.module-navigation .module-tab:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.module-navigation .module-tab[aria-current]{color:var(--color-main);background:var(--color-main-bg);box-shadow:inset 0 -3px var(--color-main);font-weight:600}
.button,button,.view-switch a{font-family:var(--font-text);font-size:var(--ui-label);font-weight:600;line-height:1.4;border-radius:var(--ui-radius);padding:var(--space-3) var(--space-4);min-height:44px;max-width:100%;text-align:center}
.button,button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}
.button.secondary,button.secondary,.outline-button,.invoice-secondary{background:#fff;color:var(--ink);border:1px solid #c9cdd2;text-decoration:none}
.button.secondary:hover,button.secondary:hover,.outline-button:hover,.invoice-secondary:hover{background:var(--ui-subtle);color:var(--ink);border-color:#aeb3ba}
.quiet{background:transparent;color:var(--muted);border:0;min-height:44px;padding:var(--space-2);text-decoration:none}
/* D-082: gemeinsame Bausteine. Orange (.button/button) nur für die eine Hauptaktion eines Bereichs;
   Filter, Suchen, Anzeigen und Nebenwege sind .secondary oder .quiet. */
.ui-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0 0 var(--space-4)}
.search-form>a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--ui-label);color:var(--ink)}
.ui-actions .quiet,.ui-quiet-link{font-size:var(--ui-label);color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* Umschalter für Ansichten derselben Daten (Tag/Woche/Monat, Auf einen Blick/Alle Texte) */
.view-switch,.journal-view-switch{display:inline-flex;flex-wrap:nowrap;gap:2px;padding:2px;background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);overflow:visible;font-size:var(--ui-label)}
.view-switch a,.journal-view-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);font-size:var(--ui-label);font-weight:500;line-height:1.2;color:var(--ink);text-decoration:none;border-radius:4px;background:transparent}
.view-switch a:hover,.journal-view-switch a:hover{background:var(--ui-subtle);color:var(--ink)}
.view-switch a[aria-current],.journal-view-switch a[aria-current=page]{background:var(--accent-green-bg);color:var(--accent-green);box-shadow:inset 0 0 0 1px var(--accent-green);font-weight:600}
/* Reiter für Unterbereiche eines Moduls und Sprungleisten */
.ui-tabs,.forms-tabs,.billing-navigation{display:flex;align-items:stretch;justify-content:flex-start;gap:var(--space-1);flex-wrap:wrap;margin:var(--space-4) 0 var(--space-5);padding:0;border-bottom:1px solid var(--line)}
.ui-tabs a,.forms-tabs a,.billing-navigation a{display:flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);font-size:var(--ui-label);font-weight:500;color:var(--ink);text-decoration:none;border-radius:0;background:transparent;box-shadow:none}
.ui-tabs a:hover,.forms-tabs a:hover,.billing-navigation a:hover{background:var(--ui-subtle);color:var(--ink)}
.ui-tabs a[aria-current],.forms-tabs a[aria-current=page]{font-weight:600;background:transparent;box-shadow:inset 0 -3px var(--brand-sage)}
.view-switch a:focus-visible,.journal-view-switch a:focus-visible,.ui-tabs a:focus-visible,.forms-tabs a:focus-visible,.billing-navigation a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
button:disabled,.button[aria-disabled=true]{background:#eee;color:#70757a;border-color:#ddd;cursor:default;box-shadow:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #1E5B6B99;outline-offset:3px}
.ui-status,.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid #dfe2e5;border-radius:4px;background:#f2f3f5;color:#4b5057;font-size:var(--ui-meta);line-height:1.3;font-weight:600;white-space:normal;max-width:100%}
.ui-status-positive{color:var(--positive);background:var(--positive-bg);border-color:#cee2d4}
.ui-status-critical{color:var(--danger);background:var(--danger-bg);border-color:#edcbc6}
.ui-feedback,.notice{border:1px solid var(--line);border-left:3px solid #969da6;border-radius:var(--ui-radius);background:#f1f2f3;color:var(--ink);max-width:none;padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;font-size:var(--ui-label)}
.ui-feedback-success{border-color:#cee2d4;border-left-color:var(--positive);background:var(--positive-bg)}
.ui-feedback-error,.notice.error,.notice:has(.errorlist),.notice[role=alert]{color:var(--danger);border-color:#edcbc6;border-left-color:var(--danger);background:var(--danger-bg)}
.errorlist{font-size:var(--ui-label);color:var(--danger)}
.ui-empty{padding:var(--space-5) var(--space-4);font-size:var(--ui-label);color:var(--muted);text-align:center}
.ui-empty p{margin:0 0 var(--space-2)}
.ui-card,.record-section,.invoice-sheet,.invoice-picker,.status-panel,.record-form{background:var(--ui-surface);border:1px solid var(--line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);padding:var(--space-5);min-width:0;max-width:100%}
.record-section{margin:0 0 var(--space-4)}
.ui-card-heading,.section-heading,.ui-dashboard-heading,.invoice-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-5);flex-wrap:wrap}
.ui-card-heading h2,.section-heading h1,.section-heading h2{margin:0}
.ui-card-heading>a{font-size:var(--ui-label);font-weight:500;white-space:nowrap;text-decoration:none}
.ui-page-heading,.page-heading{margin:0 0 var(--space-5)}
.ui-page-heading p,.page-heading p,.invoice-heading p{font-size:var(--ui-label);color:var(--muted);margin:var(--space-1) 0 0}
.ui-dashboard-heading .ui-page-heading,.section-heading .page-heading{margin:0}
.actions,.record-actions{gap:var(--space-2);margin:var(--space-4) 0;align-items:center}
.ui-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}
.ui-dashboard-stats>a{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);text-decoration:none;color:var(--ink)}
.ui-dashboard-stats span{font-weight:500;font-size:var(--ui-label);align-self:end}
.ui-dashboard-stats strong{grid-column:2;grid-row:1/3;font-size:var(--ui-title);font-weight:600;align-self:center;line-height:1;font-variant-numeric:tabular-nums}
.ui-dashboard-stats small{grid-column:1}
.ui-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}
.ui-dashboard-main,.ui-dashboard-side{display:grid;gap:var(--space-5);min-width:0}
.ui-next-patient{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--brand-yellow-bg);border:1px solid #e7ddb2;border-left:3px solid #d0b341;border-radius:var(--ui-radius);flex-wrap:wrap}
.ui-next-time{display:grid;gap:var(--space-1);font-variant-numeric:tabular-nums}
.ui-next-time>span{font-size:var(--ui-meta);font-weight:600;color:var(--button)}
.ui-next-time>strong{font-size:var(--ui-title);line-height:1.2}
.ui-next-patient h3{margin:0 0 var(--space-1)}
.ui-next-patient p{margin:0 0 var(--space-1);font-size:var(--ui-label)}
.ui-next-patient>.button{margin-left:auto}
.ui-day-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(90px,.45fr) 90px 20px;gap:var(--space-4);align-items:center;padding:var(--space-3) 0;border-top:1px solid #edf0f2;text-decoration:none;color:var(--ink);font-size:var(--ui-label)}
.ui-day-row strong,.ui-task-row strong{font-size:var(--ui-body);font-weight:600}
.ui-day-row small,.ui-task-row small{display:block;margin-top:var(--space-1);color:var(--muted)}
.ui-time{font-weight:600;font-variant-numeric:tabular-nums}
.ui-time small{font-weight:400}
.ui-row-arrow{color:var(--muted)}
.ui-task-row{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--ink);padding:var(--space-3) 0;border-top:1px solid #edf0f2}
.ui-task-row>span:last-child{margin-left:auto}
.ui-task-icon{color:var(--muted);background:var(--ui-subtle);padding:var(--space-2);border-radius:var(--ui-radius);display:flex}
.ui-quicklinks{display:grid;gap:0}
.ui-quicklinks>a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid #edf0f2;text-decoration:none;color:var(--ink);font-size:var(--ui-body);font-weight:500}
.ui-quicklinks>a span:first-child{display:flex;align-items:center;gap:var(--space-3)}
.ui-quicklinks .ui-icon{color:#737a83}
.ui-patient-search p{margin:0 0 var(--space-3)}
.ui-patient-search label{display:block;font-size:var(--ui-label);margin-bottom:var(--space-2)}
.ui-patient-search input{width:100%}
.ui-patient-search button{width:100%}
.ui-future-modules{padding:var(--space-4);border:1px dashed #c9cdd2;border-radius:var(--ui-radius);font-size:var(--ui-label);color:var(--muted)}
.ui-future-modules summary{cursor:pointer;font-weight:600}
.ui-future-modules>div{display:grid;gap:var(--space-3);padding-top:var(--space-4)}
.ui-future-modules span{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
/* Patientenakte: kompakter Kontext, Dokumentation erhält die Hauptfläche. */
.ui-patient-heading{margin:0;padding:0}
.patient-heading>div{width:100%}
.patient-heading .back-link{display:inline-block;margin-bottom:var(--space-3);font-size:var(--ui-label)}
.patient-meta{margin:var(--space-1) 0 var(--space-3)}
.record-actions{margin:0 0 var(--space-5);gap:var(--space-2)}
.record-actions button span{font-size:var(--ui-meta)}
.patient-workspace{display:grid;grid-template-columns:192px minmax(0,1fr);gap:var(--space-5);align-items:start}
.record-sidebar{background:transparent;border:0;border-radius:0;padding:0;position:sticky;top:var(--space-4);box-shadow:none}
.record-sidebar nav{display:grid;gap:var(--space-1);padding:0;margin:0;font-size:var(--ui-label)}
.record-sidebar nav a{padding:var(--space-3);border-radius:var(--ui-radius);border:0;text-decoration:none;color:var(--muted);display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}
.record-sidebar nav a[aria-current]{background:#fff;border:1px solid var(--line);box-shadow:inset 3px 0 var(--brand-green);color:var(--ink);font-weight:600}
.record-sidebar small{font-size:var(--ui-meta)}
.ui-visit-context{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:white;border:1px solid var(--line);border-radius:var(--ui-radius);margin-bottom:var(--space-4);flex-wrap:wrap}
.ui-context-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ui-subtle);border-radius:var(--ui-radius);color:var(--muted)}
.ui-visit-context>div{display:grid;gap:var(--space-1)}
.ui-visit-context>div strong{font-size:var(--ui-body)}
.ui-visit-context>div span{font-size:var(--ui-label)}
.ui-visit-context>.ui-status:first-of-type{margin-left:auto}
.ui-treatment-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-4);align-items:start}
.ui-treatment-side{min-width:0;display:grid;gap:var(--space-4)}
.ui-treatment-side .record-section{margin:0;padding:var(--space-4)}
.unified-documentation{border-top:3px solid #a44200;padding:var(--space-5)}
.unified-documentation .ui-card-heading{margin-bottom:var(--space-3)}
.unified-documentation .ui-card-heading>div{display:grid;gap:var(--space-1)}
.unified-documentation .ui-card-heading h2{margin:0}
.documentation-editor{min-width:0}
.documentation-field{padding:var(--space-4) 0;border-bottom:1px solid #e8ebee}
.documentation-field h3{font-size:var(--ui-body);font-weight:600;margin:0 0 var(--space-3)}
.dated-entry h4{font-size:var(--ui-label);margin:var(--space-3) 0 var(--space-2);color:var(--muted)}
.dated-entry:not(.current-entry){border-left:2px solid #dde1e5;padding-left:var(--space-3);margin-bottom:var(--space-3)}
.clinical-text{background:#f5f6f7;border-radius:4px;padding:var(--space-3);font-size:var(--ui-body);line-height:1.5;color:var(--ink);max-width:100%}
.dated-entry .clinical-text{padding:var(--space-3)}
.current-entry textarea{min-height:96px;resize:vertical}
.entry-provenance{font-size:var(--ui-meta);margin:var(--space-2) 0}
.documentation-save{padding-top:var(--space-4);gap:var(--space-3)}
.documentation-save .actions{margin:0}
.saved-state{font-size:var(--ui-meta);color:var(--muted)!important}
.ui-disclosure>summary{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:44px}
.ui-disclosure>summary::after{content:'+';font-size:var(--ui-section);color:var(--muted);font-weight:400}
.ui-disclosure[open]>summary::after{content:'−'}
.ui-disclosure>summary h2{font-size:var(--ui-body);margin:0;font-weight:600;max-width:90%}
.ui-disclosure-content{padding-top:var(--space-3)}
.ui-appointment-lists>.ui-disclosure+.ui-disclosure{border-top:1px solid var(--line);margin-top:var(--space-3);padding-top:var(--space-2)}
.compact-appointments a{font-size:var(--ui-label);padding:var(--space-3) 0;gap:var(--space-1)}
.compact-appointments .ui-status{justify-self:start}
.ui-appointment-date{font-size:var(--ui-meta);font-variant-numeric:tabular-nums;color:var(--muted)}
.ui-appointment-date small{margin-left:var(--space-2)}
.ui-all-history{display:inline-block;font-size:var(--ui-label);margin-top:var(--space-4);text-decoration:none}
.compact-note{margin-top:var(--space-4);padding-top:var(--space-4)}
.compact-note h2{font-size:var(--ui-body);font-weight:600}
.compact-note textarea{min-height:72px}
.technical-details{padding:var(--space-4);margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--ui-radius);font-size:var(--ui-label);background:#fff}
.ui-patient-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.ui-patient-overview>.record-section{margin:0}
.ui-patient-overview>.record-section:first-of-type,.ui-patient-overview>.notice{grid-column:1/-1}
.record-data div{padding:var(--space-3) 0;font-size:var(--ui-label)}
.record-data dt{font-size:var(--ui-label)}
.record-data dd{text-align:left;font-size:var(--ui-body);color:var(--ink)}
.overview-grid{gap:var(--space-5)}
.record-card,.form-list-row{border-radius:var(--ui-radius);padding:var(--space-4);margin:0;border:1px solid var(--line);box-shadow:var(--ui-shadow);gap:var(--space-4)}
.record-list,.form-list,.appointment-list{display:grid;gap:var(--space-2)}
.record-card h2,.record-card h3,.ui-history-row h3{font-size:var(--ui-body);margin-bottom:var(--space-1)}
.record-card>div{min-width:0}
.record-card p{margin:var(--space-1) 0;font-size:var(--ui-label)}
.record-card>a{font-size:var(--ui-label);white-space:nowrap}
.ui-history-row .appointment-kind{display:inline;padding:0;background:transparent;color:var(--ink);border:0;font-size:var(--ui-body);margin:0}
.patient-documentation-visit{padding-top:var(--space-4);margin-top:var(--space-4)}
.patient-documentation-fields{gap:var(--space-4)}
.patient-documentation-heading{margin-bottom:var(--space-3)}
.patient-documentation-heading h3{font-size:var(--ui-body)}
.patient-documentation-fields h4{font-size:var(--ui-label)}
.patient-documentation-fields .clinical-text{font-size:var(--ui-body)}
/* Gemeinsame Formulare und Listen. */
label,.form-field label,.clinical-form label,.search-form label{font-size:var(--ui-label);font-weight:500}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-family:var(--font-text);font-size:var(--ui-body);line-height:1.5;max-width:100%;min-width:0;border:1px solid #bec4cb;border-radius:var(--ui-radius);background:#fff;color:var(--ink);padding:var(--space-2) var(--space-3)}
:where(input[type=checkbox],input[type=radio]){accent-color:var(--button);width:20px;height:20px;flex:none}
input:disabled,select:disabled,textarea:disabled{background:#f2f2f2}
input:focus,textarea:focus,select:focus{border-color:var(--button)}
textarea{resize:vertical}
.form-field{margin-bottom:var(--space-4)}
.form-field label,.clinical-form label{margin-bottom:var(--space-2)}
.search-form,.start-search,.catalog-filter,.forms-filter{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--ui-radius);background:#fff;max-width:none;margin:var(--space-4) 0;display:flex;align-items:end;gap:var(--space-3);flex-wrap:wrap}
.search-form p{margin:0;flex:1;min-width:min(100%,240px)}
.search-form label{margin-bottom:var(--space-2)}
.form-row-main h2{font-size:var(--ui-body);font-weight:600;margin:var(--space-1) 0 var(--space-2)}
.form-row-main p{font-size:var(--ui-label);margin:var(--space-1) 0;color:var(--muted)}
.form-more summary{border-radius:var(--ui-radius);padding:var(--space-3) var(--space-4);font-size:var(--ui-label)}
.form-more-menu{border-radius:var(--ui-radius)}
.form-more-menu a{font-size:var(--ui-label);padding:var(--space-3)}
.form-more-menu small{font-size:var(--ui-meta)}
.ui-form-meta{font-size:var(--ui-meta);margin-top:var(--space-2);color:var(--muted)}
.intake-row{border-radius:var(--ui-radius);padding:var(--space-5);margin-bottom:var(--space-4)}
.intake-row legend,.intake-row>label{font-size:var(--ui-body)}
.intake-row input,.intake-row textarea,.intake-row select{font-size:var(--ui-body)}
.intake-row .helptext{font-size:var(--ui-label)}
.empty-module{min-height:0;padding:var(--space-5);max-width:800px}
.empty-module p{max-width:70ch;font-size:var(--ui-label)}
/* Tagesliste und Kalender verwenden dieselbe visuelle Hierarchie. */
.appointment-row{padding:var(--space-4) var(--space-5);gap:var(--space-5);border-radius:var(--ui-radius);margin:0;background:#fff}
.appointment-row h2{font-size:var(--ui-body);font-weight:600;line-height:1.4;margin:0}
.appointment-row p{font-size:var(--ui-label);margin:var(--space-1) 0}
.appointment-row .appointment-kind,.appointment-kind{display:inline-flex;border:1px solid #d5e2db;border-radius:4px;border-left:3px solid var(--brand-green);color:var(--brand-green);background:var(--brand-green-bg);font-size:var(--ui-label);font-weight:600;line-height:1.4;padding:var(--space-1) var(--space-2);margin:var(--space-2) 0}
.appointment-time{font-size:var(--ui-section);font-weight:600;min-width:100px;font-variant-numeric:tabular-nums}
.appointment-time small{font-size:var(--ui-meta);font-weight:400}
.appointment-note-preview{font-size:var(--ui-label);color:var(--muted)}
.calendar-heading{margin-bottom:var(--space-4);gap:var(--space-4)}
.calendar-heading h1{margin:0}
.calendar-toolbar{margin:var(--space-4) 0;gap:var(--space-4)}
.calendar-toolbar h2{font-size:var(--ui-section);font-weight:600}
.calendar-toolbar .actions{margin:0}
.calendar-resource-picker{gap:var(--space-3);margin:0 0 var(--space-4)}
.calendar-column-header{font-size:var(--ui-label);background:#f8f9fa}
.calendar-event{background:#fff7ef;border-left-color:var(--button);padding:var(--space-1);gap:0;font-size:var(--ui-meta);box-shadow:0 1px 2px #0000000a}
.calendar-event strong{font-size:var(--ui-label);font-weight:600}
.calendar-cleanup{font-size:var(--ui-meta);padding:0 var(--space-1)}
.calendar-note{font-size:var(--ui-meta);color:#713914}
.calendar-block{background:repeating-linear-gradient(135deg,#e9eaec,#e9eaec 7px,#f7f7f8 7px,#f7f7f8 14px);border-color:#858b94}
.month-calendar th{font-size:var(--ui-label);padding:var(--space-3)}
.month-event{font-size:var(--ui-meta);padding:var(--space-2);border-radius:4px}
.time-label{font-size:var(--ui-meta)}
#appointment-panel{font-size:var(--ui-body);padding:var(--space-5);color:var(--ink)}
#appointment-panel h2{font-family:var(--font-text);font-size:var(--ui-title);font-weight:600;margin:0 0 var(--space-4)}
#appointment-panel h3{font-size:var(--ui-section);margin-top:var(--space-5)}
#appointment-panel .appointment-kind{font-size:var(--ui-body)}
#appointment-panel [data-close]{min-height:44px;background:#fff;color:var(--muted);border:1px solid var(--line)}
#appointment-panel label{font-size:var(--ui-label);margin:var(--space-3) 0}
#appointment-panel label input:not([type=checkbox]){display:block;margin-top:var(--space-2);width:100%}
#appointment-panel [data-label-options] label{display:flex}
#appointment-panel [data-move-form]{background:#f6f7f8;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--ui-radius)}
#appointment-panel [data-move-form] h3{margin:0 0 var(--space-3);font-size:var(--ui-body)}
#appointment-panel [data-move-form] p{font-size:var(--ui-label);color:var(--muted)}
.appointment-panel-header{padding-bottom:var(--space-4);margin-bottom:var(--space-5)}
.appointment-contact{font-size:var(--ui-label);gap:var(--space-4);grid-template-columns:112px minmax(0,1fr)}
.appointment-contact dd{font-size:var(--ui-label);text-align:left;font-weight:400}
.appointment-contact .clinical-text{padding:var(--space-2);font-size:var(--ui-label)}
.calendar-label{font-size:var(--ui-meta);padding:var(--space-1) var(--space-2);border-radius:4px}
/* Leistungen/Rechnungen: Bearbeiten bleibt vollständig erhalten. */
.catalog-workspace{gap:var(--space-5)}
.catalog-workspace .record-section{padding:var(--space-4)}
.catalog-chain{padding:var(--space-3);border-radius:4px;font-size:var(--ui-body)}
.catalog-chain span{font-size:var(--ui-label)}
.catalog-chain.selected{border-color:var(--button);background:#fff5ec}
.catalog-item{padding:var(--space-4) 0;gap:var(--space-3)}
.catalog-item p,.catalog-position p,.catalog-position details{font-size:var(--ui-label)}
.catalog-item-list{max-height:720px}
.ui-billing-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid #edf0f2;text-decoration:none;color:var(--ink)}
.ui-billing-row>span:first-child{flex:1;min-width:0}
.ui-billing-row small{display:block;margin-top:var(--space-1)}
.ui-billing-row>strong{font-variant-numeric:tabular-nums}
.billing-profiles{gap:var(--space-4)}
.billing-profiles>.record-section{padding:var(--space-4)}
.invoice-heading{margin-bottom:var(--space-5)}
.invoice-heading-actions{gap:var(--space-4);font-size:var(--ui-label)}
.invoice-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr)}
.invoice-sheet{padding:var(--space-5)}
.invoice-sheet-heading{padding-bottom:var(--space-4);margin-bottom:var(--space-4)}
.invoice-sheet-heading img{width:220px}
.invoice-sheet-heading>div{font-size:var(--ui-label)}
.invoice-panel-title{margin:var(--space-5) 0 var(--space-4);gap:var(--space-3)}
.invoice-panel-title h2{margin:0}
.invoice-picker{padding:0}
.invoice-picker>.invoice-panel-title{padding:var(--space-4);margin:0}
.invoice-source-row{padding:var(--space-4) 0;gap:var(--space-3)}
.invoice-source-row h3{font-size:var(--ui-body)}
.invoice-source-row details,.invoice-source-row details p,.invoice-code{font-size:var(--ui-meta)}
.invoice-price{font-size:var(--ui-label)}
.invoice-tabs{flex-wrap:wrap}
.invoice-tabs button{font-size:var(--ui-label);padding:var(--space-3) var(--space-2);white-space:normal;min-width:0}
.invoice-tabs button[aria-selected=true]{color:var(--button)}
.invoice-search{padding:var(--space-4)}
.invoice-picker [role=tabpanel]{padding:0 var(--space-4);max-height:620px}
.invoice-position-table{font-size:var(--ui-body);min-width:0}
.invoice-position-table th{font-size:var(--ui-meta);background:#f3f4f5;padding:var(--space-3) var(--space-1)}
.invoice-position-table td{padding:var(--space-3) var(--space-1)}
.invoice-position-table input:not([type=hidden]),.invoice-position-table textarea{font-size:var(--ui-body);padding:var(--space-2) var(--space-1);border-radius:4px}
.invoice-position-table .invoice-line-total{padding-top:var(--space-5);font-size:var(--ui-label)}
.invoice-position-table .invoice-trash{background:transparent;min-width:32px;min-height:44px;color:var(--muted);border:0;padding:var(--space-2) var(--space-1)}
.invoice-position-table .invoice-trash:hover{color:var(--danger);background:var(--danger-bg)}
.invoice-total{padding:var(--space-4);margin-top:var(--space-5);border-top:1px solid #d4d7dc;background:#f0f1f3}
.invoice-total strong{font-size:var(--ui-title)}
.invoice-empty-state{min-height:160px;padding:var(--space-5)}
.invoice-savebar{padding-top:var(--space-4);margin-top:var(--space-4);gap:var(--space-4);flex-wrap:wrap}
.invoice-target{border-color:var(--line);border-left:3px solid #b8bfc6;background:#f6f7f8;padding:var(--space-4);margin-top:var(--space-5)}
.invoice-target h3{font-size:var(--ui-body)}
.invoice-target-controls{gap:var(--space-3)}
.invoice-diagnosis .invoice-panel-title{flex-wrap:wrap}
.invoice-diagnosis-actions{gap:var(--space-2)}
.invoice-diagnosis-actions button{font-size:var(--ui-label)}
.invoice-target-table,.forms-analysis,.paper-table table{font-size:var(--ui-label);table-layout:fixed;max-width:100%;overflow-wrap:anywhere}
.invoice-target-table th,.invoice-target-table td{padding:var(--space-2);font-size:var(--ui-label);white-space:normal}
.settlement-layout{gap:var(--space-5)}
.settlement-kind>div{gap:var(--space-2)}
.settlement-field label{font-size:var(--ui-label)}
.settlement-options .record-form{max-width:none}
.invoice-page .notice{margin:0 0 var(--space-4)}
.login-header .login-logo{width:320px}
.login-card{border-radius:var(--ui-radius);padding:var(--space-6);max-width:440px;box-shadow:0 8px 32px #29313d12}
.login-card h1{margin-bottom:var(--space-5)}
.login-card input:not([type=hidden]){font-size:var(--ui-body)}
@media(min-width:1600px){.ui-treatment-layout{grid-template-columns:minmax(0,1fr) 340px}.ui-dashboard-grid{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:1180px){.ui-dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.ui-day-location{display:none}.ui-day-row{grid-template-columns:60px minmax(0,1fr) 80px 16px;gap:var(--space-3)}.ui-treatment-layout{grid-template-columns:minmax(0,1fr) 260px}.patient-workspace{grid-template-columns:160px minmax(0,1fr);gap:var(--space-4)}.ui-patient-overview{grid-template-columns:minmax(0,1fr)}.invoice-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){.workspace>main{padding:var(--space-5)}.workspace>header{padding:var(--space-4) var(--space-5)}.patient-workspace{display:block}.record-sidebar{position:static;margin-bottom:var(--space-4);overflow:visible}.record-sidebar nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.record-sidebar nav a{padding:var(--space-2) var(--space-3);background:#eceef0;min-height:44px}.record-sidebar nav a[aria-current]{box-shadow:inset 0 -2px var(--brand-green)}.record-sidebar small{display:none}.ui-treatment-layout{grid-template-columns:minmax(0,1fr) 280px}.ui-dashboard-grid{grid-template-columns:minmax(0,1fr)}.ui-dashboard-side{grid-template-columns:1fr 1fr}.ui-future-modules{grid-column:1/-1}.ui-day-location{display:block}.ui-day-row{grid-template-columns:64px minmax(0,1fr) minmax(90px,.45fr) 90px 20px}.module-navigation{padding:0 var(--space-4)}.module-navigation .module-tab{padding:var(--space-3)}}
@media(max-width:760px){.ui-treatment-layout{grid-template-columns:minmax(0,1fr)}.ui-treatment-side{grid-template-columns:minmax(0,1fr)}.ui-patient-overview{grid-template-columns:minmax(0,1fr)}.ui-dashboard-stats{gap:var(--space-2)}.ui-dashboard-stats>a{padding:var(--space-3);grid-template-columns:1fr;gap:var(--space-2)}.ui-dashboard-stats strong{grid-column:1;grid-row:2}.ui-dashboard-stats small{grid-row:3}.ui-dashboard-stats span{min-height:42px}.ui-day-location{display:none}.ui-day-row{grid-template-columns:56px minmax(0,1fr) 78px 16px;gap:var(--space-2)}.ui-dashboard-side{grid-template-columns:minmax(0,1fr)}.billing-profiles{grid-template-columns:minmax(0,1fr)}.catalog-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
  .invoice-position-table,.invoice-position-table tbody{display:block;width:100%;table-layout:auto;min-width:0}
  .invoice-position-table thead{display:block;background:#f3f4f5;border-radius:4px;margin-bottom:var(--space-3)}
  .invoice-position-table thead tr{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}
  .invoice-position-table thead th{display:none!important}
  .invoice-position-table thead th:first-child{display:flex!important;align-items:center;width:auto!important;background:transparent;border:0;padding:0}
  .invoice-position-table thead th:first-child::after{content:'Alle Positionen auswählen';font-size:var(--ui-label);font-weight:500;white-space:nowrap}
  .invoice-position-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--line);border-radius:var(--ui-radius);position:relative}
  .invoice-position-table tbody td{display:block;width:auto;border:0;padding:0;min-width:0}
  .invoice-position-table tbody td::before{content:attr(data-label);display:block;font-size:var(--ui-meta);color:var(--muted);margin-bottom:var(--space-1)}
  .invoice-position-table tbody td:first-child{grid-column:1;grid-row:1}
  .invoice-position-table tbody td:nth-child(2){grid-column:2/-1;grid-row:1;text-align:right;font-size:var(--ui-meta);padding-right:40px;color:var(--muted)}
  .invoice-position-table tbody td:nth-child(3){grid-column:1/-1;grid-row:2}
  .invoice-position-table tbody td:nth-child(4){grid-column:1;grid-row:3}
  .invoice-position-table tbody td:nth-child(5){grid-column:2;grid-row:3}
  .invoice-position-table tbody td:nth-child(6){grid-column:3;grid-row:3}
  .invoice-position-table tbody td:nth-child(7){grid-column:1/-1;grid-row:4;text-align:right;padding:var(--space-2) 0 0;font-size:var(--ui-body);border-top:1px solid var(--line);display:flex;justify-content:space-between}
  .invoice-position-table tbody td:last-child:has(.invoice-trash){position:absolute;right:var(--space-2);top:var(--space-1)}
  .invoice-position-table input:not([type=hidden]),.invoice-position-table textarea{font-size:var(--ui-body);border:1px solid #c6ccd2;padding:var(--space-2);background:white}
  .invoice-position-table textarea{min-height:80px}
  .invoice-position-table .invoice-check-cell input[type=checkbox]{width:20px;height:20px;margin:0}
  .invoice-position-table .invoice-empty{grid-column:1/-1!important;grid-row:auto!important;text-align:center!important;padding:var(--space-4)!important}
  .invoice-panel-title{flex-wrap:wrap}
  .invoice-table-scroll{overflow:visible}
  .settlement-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .workspace>header{padding:var(--space-3) var(--space-4);min-height:64px}.workspace .practice-logo{width:220px}.header-tools{margin-left:var(--space-2)}.header-tools button{font-size:var(--ui-meta);padding:var(--space-1)}
  .workspace>main{padding:var(--space-4)}.module-navigation{padding:0}.module-navigation .module-row{gap:0;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.module-navigation .module-row::-webkit-scrollbar{display:none}.module-navigation .module-tab{flex:0 0 auto;padding:var(--space-3)}
  .ui-card,.record-section,.invoice-sheet,.record-form{padding:var(--space-4)}.ui-card-heading,.section-heading,.ui-dashboard-heading,.invoice-heading{gap:var(--space-3);margin-bottom:var(--space-4)}
  .ui-dashboard-heading>.button{width:100%}.ui-dashboard-stats>a{padding:var(--space-3) var(--space-2)}.ui-dashboard-stats small{font-size:var(--ui-meta)}.ui-dashboard-stats span{font-size:var(--ui-meta)}
  .ui-next-patient{padding:var(--space-3);gap:var(--space-4)}.ui-next-patient>.button{width:100%;margin-left:0}.ui-day-row{grid-template-columns:48px minmax(0,1fr) 70px;gap:var(--space-2)}.ui-row-arrow{display:none}.ui-day-row strong{font-size:var(--ui-label)}
  .patient-heading h1{font-size:var(--ui-title)}.patient-meta{font-size:var(--ui-label)}.record-actions{gap:var(--space-2)}.record-actions .button,.record-actions button{padding:var(--space-2) var(--space-3);font-size:var(--ui-label)}
  .record-sidebar nav a{font-size:var(--ui-label);padding:var(--space-2);min-width:0}.record-sidebar nav a span{overflow-wrap:anywhere}
  .ui-visit-context{gap:var(--space-3);padding:var(--space-3)}.ui-visit-context>.ui-secondary{flex-basis:100%;padding-left:52px}.ui-visit-context>.ui-status:first-of-type{margin-left:0}.ui-visit-context>.ui-status{margin-top:0}
  .ui-patient-overview .section-heading>.button{width:100%}.overview-grid{grid-template-columns:minmax(0,1fr)}
  .appointment-row{gap:var(--space-4);padding:var(--space-4);flex-wrap:wrap}.appointment-time{min-width:80px;font-size:var(--ui-section)}.appointment-row>div:nth-child(2){flex:1;min-width:130px}.appointment-row>.tile-link{display:none}
  .record-card{align-items:start;flex-wrap:wrap}.record-card>a{margin-left:auto;min-height:32px;display:flex;align-items:center}.record-card>div{width:100%}
  .search-form,.start-search,.catalog-filter,.forms-filter{padding:var(--space-3);gap:var(--space-3)}.search-form p,.search-form input{width:100%}.search-form a{font-size:var(--ui-label)}
  .form-list-row{padding:var(--space-4);gap:var(--space-3)}.form-row-main h2{font-size:var(--ui-body)}.form-row-actions{gap:var(--space-2)}
  .calendar-heading{align-items:center;gap:var(--space-3)}.calendar-add{margin-left:auto}.calendar-add .button{padding:var(--space-2) var(--space-3)}.view-switch{width:100%}.view-switch a{flex:1;padding:var(--space-3)}
  .calendar-toolbar h2{font-size:var(--ui-section)}.calendar-picker{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}.calendar-picker input{flex:1;min-width:0}.calendar-resource-picker{flex-wrap:wrap}.calendar-resource-picker select{width:100%;min-width:0}
  .calendar-scroll{max-width:100%;min-width:0}.calendar-column-header{font-size:var(--ui-label)}
  .invoice-heading-actions{gap:var(--space-3);align-items:center}.invoice-heading-actions>button{width:100%}.invoice-layout{gap:var(--space-4)}.invoice-picker{padding:0}
  .invoice-tabs button{font-size:var(--ui-label);flex-basis:50%;min-height:44px}.invoice-total{gap:var(--space-3);flex-wrap:wrap}.invoice-total strong{font-size:var(--ui-title)}
  .invoice-source-row{grid-template-columns:32px minmax(0,1fr) auto;gap:var(--space-2)}.invoice-source-row h3{font-size:var(--ui-label)}.invoice-arrow{min-height:36px;padding:var(--space-1)}
  .invoice-diagnosis-actions{width:100%}.invoice-diagnosis-actions button{flex:1}.invoice-savebar .button,.invoice-savebar>button{width:100%}
  .ui-billing-row{gap:var(--space-2);flex-wrap:wrap}.ui-billing-row>span:first-child{flex-basis:100%}.ui-billing-row .ui-status{margin-right:auto}
  .catalog-item{grid-template-columns:minmax(0,1fr) auto}.position-controls{gap:var(--space-2)}.position-controls label{max-width:100%}
  .paper-preview{padding:var(--space-4);min-height:0}.paper-footer{margin-top:var(--space-5);gap:var(--space-4)}.paper-table th,.paper-table td{white-space:normal!important;overflow-wrap:anywhere}
  .intake-row{padding:var(--space-4)}.login-header{padding:var(--space-5)}.login-stage{padding:var(--space-4) var(--space-4) var(--space-6)}.login-card{padding:var(--space-5)}
}
/* Kompakter Kopf auf breiten Arbeitsflächen; Aktionen bleiben direkt erreichbar. */
@media(min-width:1100px){.ui-record-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-5);margin-bottom:var(--space-5)}.ui-record-heading .record-actions{margin:0}.ui-record-heading .patient-meta{margin-bottom:0}}
.current-entry textarea{height:96px}
.empty-module>.ui-card-heading h2{font-size:var(--ui-body)}
@media(max-width:1000px){.record-sidebar nav{flex-direction:row}.record-sidebar nav a{width:auto;flex:0 1 auto;max-width:100%}}
@media(max-width:560px){.record-actions>*{flex:0 1 auto;width:auto}.record-sidebar nav{gap:var(--space-1)}.record-sidebar nav a{font-size:var(--ui-meta);padding:var(--space-2);min-height:40px}}
/* D-055: Belegvorschau und -vorbereitung als Dialoge, einheitlich mit dem UI-System. */
.ui-page-dialog{width:min(1200px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:var(--ui-radius);padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0003;overflow:auto}
.ui-page-dialog::backdrop{background:#1c202661}
.ui-dialog-header{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border-bottom:1px solid var(--line)}
.ui-dialog-header h1{font-size:var(--ui-section);margin:0}
.ui-dialog-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);flex-wrap:wrap;background:#fff;border-bottom:1px solid var(--line)}
.ui-dialog-toolbar>.button:last-child{margin-left:auto}
.ui-preview-state{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-wrap:wrap}
.ui-invoice-preview{max-width:794px;margin:0 auto var(--space-5);padding:48px;background:#fff;border:1px solid var(--line);box-shadow:var(--ui-shadow);min-width:0}
.ui-paper-header{max-width:none;padding:0 0 var(--space-5);margin:0 0 var(--space-6);border:0;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:var(--space-5)}
.ui-paper-header img{display:block;width:48%;max-width:320px;height:auto;align-self:flex-start;object-fit:contain}
.ui-paper-header>div{font-size:var(--ui-meta);width:43%;max-width:43%;margin-left:auto;text-align:right;overflow-wrap:anywhere}
.ui-paper-header p{font-size:var(--ui-meta);line-height:1.5;margin:var(--space-2) 0 0}.ui-paper-header strong{font-size:var(--ui-meta);line-height:1.5}
.ui-paper-recipient{font-size:var(--ui-label);margin-bottom:var(--space-6)}
.ui-paper-meta{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-block:1px solid var(--line);margin-bottom:var(--space-5);flex-wrap:wrap}
.ui-paper-meta>div{display:grid;gap:var(--space-1);font-size:var(--ui-label)}
.ui-paper-meta span{font-size:var(--ui-meta);color:var(--muted)}
.ui-invoice-preview>p{font-size:var(--ui-label)}
.ui-preview-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--ui-label)}
.ui-preview-table th,.ui-preview-table td{border-bottom:1px solid var(--line);padding:var(--space-3) var(--space-2);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.ui-preview-table th{background:#f3f4f5;font-size:var(--ui-meta)}
.ui-preview-table th:first-child{width:64px}.ui-preview-table th:last-child{width:100px}.ui-preview-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.ui-preview-table small{display:block;margin-top:var(--space-1)}
.ui-paper-footer{padding:var(--space-4) 0 0;margin-top:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-5);font-size:var(--ui-meta);max-width:none}
.ui-paper-footer>div{max-width:50%;overflow-wrap:anywhere}
.ui-preview-disclaimer{font-size:var(--ui-meta);text-align:center;padding:0 var(--space-5) var(--space-5);color:var(--muted)}
.ui-page-dialog>.invoice-page{padding:var(--space-5)}
@media(max-width:700px){.ui-page-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.ui-dialog-header,.ui-dialog-toolbar,.ui-preview-state{padding:var(--space-3)}.ui-dialog-toolbar>.button:last-child{margin-left:0;width:100%}.ui-invoice-preview{padding:var(--space-4);margin:0 var(--space-2) var(--space-4)}.ui-paper-header{flex-wrap:wrap;gap:var(--space-4)}.ui-paper-header img{width:240px;max-width:100%}.ui-paper-header>div{width:100%;max-width:100%;margin-left:0;text-align:left}.ui-preview-table{font-size:var(--ui-meta)}.ui-preview-table th:first-child{width:48px}.ui-preview-table th:last-child{width:72px}.ui-preview-table th,.ui-preview-table td{padding:var(--space-2) var(--space-1)}.ui-page-dialog>.invoice-page{padding:var(--space-3)}.ui-page-dialog .invoice-heading h1{font-size:var(--ui-section)}}
@media print{body>header,body>nav,.ui-skip-link,.ui-dialog-header,.ui-dialog-toolbar,.ui-preview-state,.ui-preview-disclaimer,[data-mail-message]{display:none!important}body,body>main{background:white!important;padding:0!important;margin:0!important}dialog::backdrop{display:none}.ui-page-dialog{position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.ui-invoice-preview{border:0;box-shadow:none;width:100%;max-width:none;margin:0;padding:12mm}.ui-invoice-preview .ui-paper-header,.ui-invoice-preview .ui-paper-footer{display:flex!important}.ui-preview-table tr{break-inside:avoid}.ui-invoice-preview::before{content:'ENTWURF – keine endgültige Rechnung';display:block;color:#777;font-size:12px;margin-bottom:12px}}

/* D-059: quiet calendar accents; strong orange belongs to primary actions. */
.appointment-row .appointment-time{color:var(--ink)}
.appointment-row .tile-link{color:var(--brand-green)}
.appointment-panel-header{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}
.appointment-panel-header>span{margin-right:auto}
#appointment-panel [data-appointment-edit] input,#appointment-panel [data-appointment-edit] select,#appointment-panel [data-appointment-edit] textarea{width:100%;max-width:100%;box-sizing:border-box;font:inherit;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--ui-radius)}
#appointment-panel [data-appointment-edit] label{display:block}

/* D-069: kompakte Patientenhistorie und terminbezogene Übungen. */
.ui-meta {font-size:var(--ui-meta);color:var(--muted);}
.ui-history-disclosure {padding:var(--space-3) 0;border-bottom:1px solid var(--line);}
.ui-history-disclosure summary {cursor:pointer;overflow-wrap:anywhere;}
.ui-history-overview {display:block;font-size:var(--ui-label);color:var(--muted);margin-top:var(--space-1);}
.ui-history-status {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--ui-label);margin:var(--space-2) 0;}
.ui-exercises {margin-top:var(--space-4);}
.ui-exercises .ui-list-row {display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0;}
.ui-exercise-editor {margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--line);min-width:0;}
.ui-exercise-editor [role=radiogroup], .ui-exercise-editor ul {display:flex;flex-wrap:wrap;gap:var(--space-3);}
.ui-exercise-editor input[type=text] {max-width:100%;}

.patient-documentation-visit {border-top:0;margin-top:0;padding-top:0;}
.ui-history-disclosure>summary {min-height:44px;}

.ui-exercise-grid {display:grid;grid-template-columns:minmax(90px,.7fr) minmax(140px,1fr) minmax(60px,.4fr) minmax(200px,1.5fr);gap:var(--space-3);align-items:start;}
.ui-exercise-grid [id$="-steps"], .ui-exercise-grid [id$="-rating"] {display:flex;flex-wrap:wrap;gap:var(--space-2);}
.ui-exercise-grid label {font-size:var(--ui-label);}
@media(max-width:820px){.ui-exercise-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:500px){.ui-exercise-grid{grid-template-columns:minmax(0,1fr);}}

.ui-dialog-content {padding:var(--space-5);}
.ui-exercise-grid fieldset {border:0;padding:0;margin:0;min-width:0;}
.ui-exercise-editor>legend {font-size:var(--ui-label);font-weight:600;}
@media(max-width:700px){.ui-dialog-content{padding:var(--space-4);}}

/* D-070: Patientengeschichte als gemeinsame, schnell erfassbare Lesefläche. */
.patient-journal {background:var(--ui-surface);border:1px solid var(--line);border-radius:var(--ui-radius);overflow:hidden;}
.journal-section {padding:var(--space-4) var(--space-5);min-width:0;}
.journal-section+.journal-section {border-top:1px solid var(--line);}
.journal-section-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);}
.journal-section .journal-section-heading h2 {font-size:var(--ui-body);margin:0;display:flex;align-items:center;gap:var(--space-2);font-weight:600;}
.journal-count {display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:0 var(--space-1);border-radius:var(--ui-radius);font-size:var(--ui-meta);font-weight:500;color:var(--muted);background:var(--ui-subtle);}
.journal-action {font-size:var(--ui-label);font-weight:500;color:var(--brand-green);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:var(--space-1);}
.journal-action:hover {text-decoration:underline;}
.journal-order {font-size:var(--ui-meta);color:var(--muted);}
.journal-file>summary {display:grid;grid-template-columns:24px minmax(0,1fr) 100px minmax(100px,auto) 16px;gap:var(--space-3);align-items:center;min-height:44px;cursor:pointer;list-style:none;}
.journal-file>summary::-webkit-details-marker,.journal-visit-details>summary::-webkit-details-marker {display:none;}
.journal-file-icon {display:flex;color:var(--brand-green);}
.journal-file-name {font-size:var(--ui-label);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.journal-file time,.journal-origin {font-size:var(--ui-meta);color:var(--muted);}
.journal-origin {justify-self:end;}
.journal-chevron {display:inline-block;justify-self:end;font-size:var(--ui-section);color:var(--muted);transition:transform .15s;}
.journal-file[open]>summary .journal-chevron,.journal-visit-details[open]>summary .journal-chevron {transform:rotate(90deg);}
.journal-anamneses {position:relative;}
.journal-anamneses .journal-section-heading {padding-right:120px;min-height:28px;}
.journal-upload {font-size:var(--ui-label);}
.journal-upload>summary {position:absolute;right:var(--space-5);top:var(--space-2);cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--brand-green);list-style:none;}
.journal-upload[open]>.journal-diagnosis-editor[open]>.journal-edit-content {margin-top:var(--space-3);}
.journal-edit-content {padding:var(--space-4);margin:var(--space-2) 0;background:var(--ui-subtle);border-radius:var(--ui-radius);}
.journal-diagnoses {position:relative;}
.journal-diagnoses .journal-section-heading {padding-right:180px;min-height:28px;}
.journal-diagnosis-list {display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;}
.journal-diagnosis {display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--brand-green-bg);border-radius:var(--ui-radius);color:var(--brand-green);font-size:var(--ui-label);max-width:100%;overflow-wrap:anywhere;}
.journal-diagnosis strong {font-size:var(--ui-label);font-weight:700;white-space:nowrap;}
.journal-diagnosis-editor {font-size:var(--ui-label);margin-top:0;}
.journal-diagnosis-editor>summary {position:absolute;top:var(--space-2);right:var(--space-5);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:var(--space-2);list-style:none;color:var(--brand-green);}
.journal-diagnosis-editor[open]>.journal-edit-content {margin-top:var(--space-3);}
.journal-edit-content {padding:var(--space-3) 0;}
.journal-diagnosis-editor .diagnosis-picker {margin:0;}
.journal-diagnosis-editor [data-selected] p {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);}
.journal-documentation {padding-bottom:var(--space-2);}
.journal-grid {display:grid;grid-template-columns:68px minmax(110px,1fr) minmax(180px,2.6fr) 104px 12px;gap:var(--space-3);align-items:center;}
.journal-columns {font-size:var(--ui-meta);color:var(--muted);padding:var(--space-2) var(--space-3);background:var(--ui-subtle);border-radius:var(--ui-radius);}
.journal-visit+.journal-visit {border-top:1px solid var(--line);}
.journal-visit-details>summary {list-style:none;cursor:pointer;padding:var(--space-2) var(--space-3);min-height:56px;border-left:3px solid transparent;}
.journal-visit-details>summary:hover,.journal-visit-details>summary:focus-visible {background:var(--brand-green-bg);}
.journal-visit-details[open]>summary {background:var(--brand-green-bg);border-left-color:var(--brand-green);}
.journal-date {display:flex;flex-direction:column;font-variant-numeric:tabular-nums;line-height:1.3;}
.journal-date strong {font-size:var(--ui-body);font-weight:600;}
.journal-date>span {font-size:var(--ui-meta);color:var(--muted);}
.journal-appointment {display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}
.journal-appointment>strong {font-size:var(--ui-body);font-weight:600;overflow-wrap:anywhere;}
.journal-appointment>span {font-size:var(--ui-meta);color:var(--muted);}
.journal-overview {font-size:var(--ui-label);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;color:var(--muted);}
.journal-visit-status .ui-status {font-size:var(--ui-meta);padding:var(--space-1) var(--space-2);}
.journal-expanded {padding:var(--space-4) var(--space-3);border-top:1px solid var(--line);}
.journal-detail-toolbar {display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4);}
.journal-detail-toolbar .ui-history-status {margin:0;}
.journal-date-note {font-size:var(--ui-label);color:var(--muted);border-left:3px solid var(--line);padding-left:var(--space-3);}
.journal-versions {font-size:var(--ui-meta);}
.journal-versions>summary {cursor:pointer;min-height:44px;display:flex;align-items:center;}
.journal-section>p {margin:var(--space-2) 0;font-size:var(--ui-label);}
@media(max-width:1100px){
 .journal-grid {grid-template-columns:60px minmax(100px,1fr) minmax(160px,1.9fr) 92px 12px;gap:var(--space-2);}
 .journal-section {padding:var(--space-4);}
}
@media(max-width:900px){
 .journal-columns {display:none;}
 .journal-visit-details>summary {grid-template-columns:56px minmax(0,1fr) auto 12px;gap:var(--space-2);}
 .journal-date {grid-column:1;grid-row:1 / span 2;align-self:start;}
 .journal-appointment {grid-column:2;grid-row:1;}
 .journal-visit-status {grid-column:3;grid-row:1;}
 .journal-visit-details>summary>.journal-chevron {grid-column:4;grid-row:1;}
 .journal-overview {grid-column:2 / span 2;grid-row:2;-webkit-line-clamp:1;}
 .journal-file>summary {grid-template-columns:20px minmax(0,1fr) auto 12px;gap:var(--space-2);}
 .journal-origin {grid-column:2 / span 2;justify-self:start;grid-row:2;padding-bottom:var(--space-2);}
 .journal-file>summary>.journal-chevron {grid-column:4;grid-row:1;}
 .journal-diagnosis {flex-wrap:wrap;}
}
@media(max-width:500px){
 .journal-diagnoses .journal-section-heading {padding-right:0;}
 .journal-diagnosis-editor>summary {position:static;}
 .journal-section {padding:var(--space-3);}
 .journal-date strong {font-size:var(--ui-label);}
 .journal-visit-details>summary {padding:var(--space-3) 0;grid-template-columns:44px minmax(0,1fr) auto 12px;}
 .journal-visit-status .ui-status {padding:var(--space-1);}
 .journal-expanded {padding:var(--space-3) 0;}
 .journal-file-name {white-space:normal;}
 .journal-detail-toolbar>.button {width:100%;}
 .journal-diagnosis strong {font-size:var(--ui-label);}
}
@media(prefers-reduced-motion:reduce){.journal-chevron{transition:none;}}

.journal-diagnosis-editor>summary::after {content:'+';font-size:var(--ui-body);}
.journal-diagnosis-editor[open]>summary::after {content:'−';}

@media(max-width:700px){
 .journal-workspace .record-sidebar {min-width:0;overflow:hidden;margin-bottom:var(--space-3);}
 .journal-workspace .record-sidebar nav {flex-wrap:nowrap;overflow-x:auto;gap:var(--space-2);padding-bottom:var(--space-1);}
 .journal-workspace .record-sidebar nav a {flex:0 0 auto;white-space:nowrap;}
 .journal-record-heading .record-actions {gap:var(--space-2);}
}
@media(max-width:500px){.journal-order{display:none;}}

/* D-071: Empfehlungen als reguläres Feld direkt unter der Behandlung. */
.journal-expanded .patient-documentation-fields {grid-template-columns:minmax(0,1fr);}

/* D-072: kompakte Stammdaten, ICD-Auswahl und wiederherstellbarer Papierkorb. */
.record-form.patient-data-form {max-width:1100px;width:100%;}
.patient-data-form .form-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3) var(--space-4);}
.patient-data-form .form-field {grid-column:span 2;min-width:0;margin:0;}
.patient-data-form .field-first_name,.patient-data-form .field-last_name {grid-column:span 3;}
.patient-data-form .field-street {grid-column:span 3;}
.patient-data-form .field-postal_code {grid-column:span 1;}
.patient-data-form .field-city {grid-column:span 2;}
.patient-data-form .field-country,.patient-data-form .field-insurance {grid-column:span 3;}
.patient-data-form .helptext {font-size:var(--ui-meta);}
.patient-data-form .actions {margin-bottom:0;}
.diagnosis-picker.patient-diagnosis-picker {margin:var(--space-5) 0 0;padding:var(--space-4) 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;}
.patient-diagnosis-picker h2 {font-size:var(--ui-body);margin-bottom:var(--space-3);}
.diagnosis-picker>label {display:block;margin-bottom:var(--space-2);}
.diagnosis-picker>input[type=search] {display:block;width:100%;}
.diagnosis-picker .diagnosis-results {gap:0;max-height:300px;margin:var(--space-2) 0;}
.diagnosis-result-group {border-bottom:1px solid var(--line);}
.diagnosis-picker .diagnosis-result {display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:0;border-radius:0;font-size:var(--ui-label);font-weight:400;text-align:left;background:var(--ui-surface);color:var(--ink);}
.diagnosis-result strong {flex:none;min-width:64px;font-variant-numeric:tabular-nums;}
.diagnosis-result span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.diagnosis-picker .diagnosis-result:hover {background:var(--brand-green-bg);}
.diagnosis-result-group details>summary {font-size:var(--ui-meta);padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer;color:var(--brand-green);}
.diagnosis-selection-row {display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--line);min-width:0;flex-wrap:wrap;}
.diagnosis-description {display:flex;gap:var(--space-3);flex:1 1 220px;min-width:0;font-size:var(--ui-label);}
.diagnosis-description>strong {flex:none;}
.diagnosis-description>span {min-width:0;overflow-wrap:anywhere;}
.diagnosis-permanent-choice,.clinical-form .diagnosis-permanent-choice {display:flex;gap:var(--space-2);align-items:center;font-size:var(--ui-label);margin:0;min-height:44px;cursor:pointer;}
.diagnosis-picker [data-selected] .diagnosis-remove {margin:0;padding:var(--space-2) var(--space-3);}
.patient-delete-action {border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-5);}
.button.danger-outline {background:var(--ui-surface);color:var(--danger);border:1px solid var(--line);}
.button.danger-outline:hover {background:var(--danger-bg);}
button.danger-button {background:var(--danger);}
.patient-trash-confirm {max-width:760px;}
@media(max-width:700px) {
  .patient-data-form .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .patient-data-form .form-field {grid-column:span 1;}
  .patient-data-form .field-email,.patient-data-form .field-street,.patient-data-form .field-insurance {grid-column:1/-1;}
  .diagnosis-permanent-choice {flex:1 1 180px;}
}

/* D-073: Dateiauswahl links, geschützte Vorschau rechts; durchgehende Dokumentation. */
.anamnesis-browser>summary {display:flex;gap:var(--space-3);align-items:center;min-height:44px;font-size:var(--ui-label);font-weight:600;cursor:pointer;color:var(--brand-green);}
.anamnesis-browser>summary::before {content:'›';font-size:var(--ui-section);}
.anamnesis-browser[open]>summary::before {transform:rotate(90deg);}
.anamnesis-reader {display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:var(--space-4);padding-top:var(--space-3);}
.anamnesis-reader-files {min-width:0;}
.anamnesis-reader-files>label {display:block;margin-bottom:var(--space-2);}
.anamnesis-reader-files>select {display:block;width:100%;}
.anamnesis-reader-files>.journal-action {display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-2);}
.anamnesis-source>summary {font-size:var(--ui-label);min-height:44px;cursor:pointer;}
.anamnesis-source .clinical-text {font-size:var(--ui-label);}
.anamnesis-reader-preview {min-width:0;}
.anamnesis-reader iframe {width:100%;height:620px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--ui-subtle);}
.anamnesis-source[hidden] {display:none;}
@media(max-width:800px) {.anamnesis-reader {grid-template-columns:minmax(0,1fr);}.anamnesis-reader iframe {height:500px;}.journal-section-heading:has(.journal-view-switch) {flex-wrap:wrap;}}
.document-row-actions {display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;}
.document-preview-dialog {width:min(1100px,calc(100vw - var(--space-5)));height:calc(100dvh - var(--space-5));max-width:none;max-height:none;margin:auto;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ink);}
.document-preview-dialog::backdrop {background:#292d3280;}
.document-preview-dialog>header {display:flex;max-width:none;padding:0 0 var(--space-3);gap:var(--space-3);flex-wrap:wrap;}
.document-preview-dialog h2 {font-size:var(--ui-body);margin:0;overflow-wrap:anywhere;}
.document-preview-dialog>iframe {display:block;width:100%;height:calc(100% - 115px);border:1px solid var(--line);margin-top:var(--space-3);}
@media(max-width:700px) {.document-preview-dialog>iframe {height:calc(100% - 155px);}.record-card:has(.document-row-actions) {flex-wrap:wrap;}}

/* D-075: geschütztes archiviertes Test-PDF im vorhandenen Dialog. */
.ui-archived-pdf{display:block;width:100%;height:65vh;min-height:320px;border:1px solid var(--line);border-radius:var(--ui-radius);margin-block:var(--space-4)}
/* Gemeinsame kompakte Auswahlzeilen für PDF-Schutz und Versandbestätigung. */
.ui-choice-group{border:0;padding:0;margin:var(--space-4) 0;min-width:0}
.ui-choice-group legend{font-size:var(--ui-label);font-weight:500}
.clinical-form .ui-choice{display:flex;align-items:center;gap:var(--space-3);min-height:44px;margin-block:var(--space-2);font-size:var(--ui-label)}
.clinical-form .ui-choice input:is([type=radio],[type=checkbox]){width:20px;min-width:20px;min-height:20px;flex:0 0 20px;padding:0}
.ui-choice span{min-width:0;flex:1}

/* D-079: quiet invoice actions in the confirmed brand palette. */
.invoice-page .invoice-arrow,.invoice-page .invoice-area-switch,
.invoice-page .invoice-arrow:disabled,.invoice-page .invoice-present:disabled{
 background:var(--color-main);color:#FFFFFF;border:1px solid var(--color-main);opacity:1;
 min-width:36px;min-height:44px;font-size:20px;font-weight:700;text-shadow:none;
 display:inline-flex;align-items:center;justify-content:center;
}
.invoice-page .invoice-arrow:hover,.invoice-page .invoice-area-switch:hover{background:var(--color-main);color:#FFFFFF;border-color:#3C3C3C}
.invoice-page input[type=checkbox],.invoice-page input[type=radio]{accent-color:var(--color-main)}
.invoice-primary,.button.invoice-primary,.invoice-page button.invoice-primary{background:#E3AE25;color:#3C3C3C;border-color:#E3AE25}
.invoice-primary:hover,.button.invoice-primary:hover,.invoice-page button.invoice-primary:hover{background:#E3AE25;color:#3C3C3C;border-color:#3C3C3C}
.invoice-page .invoice-tabs button[aria-selected=true]{color:#3C3C3C;border-bottom-color:var(--color-main)}
.invoice-delivery-status{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-left:3px solid var(--color-main);border-radius:var(--ui-radius);font-size:var(--ui-label)}

.invoice-page .settlement-kind label:has(input:checked){border-color:var(--color-main);box-shadow:inset 0 -2px var(--color-main)}
.invoice-page .settlement-payment{border-left-color:var(--color-main)}

/* D-099: Öffentliche Digitale Anamnese für Patienten – ruhiges Blatt statt vieler Einzelkästen. */
.public-page{background:var(--paper);color:var(--ink);font-family:var(--font-text);margin:0}
.public-header{display:flex;justify-content:center;padding:var(--space-6) var(--space-4) var(--space-4)}
.public-logo{display:block;width:300px;max-width:100%;height:auto}
.public-main{max-width:760px;margin:0 auto;padding:0 var(--space-4) var(--space-6)}
.public-intro{background:var(--ui-surface);border:1px solid var(--line);border-top:3px solid var(--brand-sage);border-radius:var(--ui-radius);padding:var(--space-5);margin-bottom:var(--space-4)}
.public-intro h1{font-size:var(--ui-title);line-height:1.2;margin:0 0 var(--space-2)}
.public-intro p{margin:0 0 var(--space-2);color:var(--muted)}
.public-intro p:last-child{margin-bottom:0}
.public-intro .public-therapist{color:var(--ink)}
.public-greeting{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--ui-subtle)}
.public-greeting p{color:var(--ink);line-height:1.6}
.public-intro .public-required-hint{font-size:var(--ui-label);color:var(--muted)}
.public-required-hint span{color:var(--danger)}
.public-form .intake-row .clinical-text{background:transparent;padding:0;border:0}
.public-form .intake-pages{background:var(--ui-surface);border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-2) var(--space-5);margin-top:0}
.public-form .intake-row{max-width:none;background:transparent;border:0;border-radius:0;padding:var(--space-4) 0;margin:0}
.public-form .intake-row+.intake-row{border-top:1px solid var(--ui-subtle)}
.public-form .intake-row[data-required="true"]::before{content:none}
.public-form .intake-row[data-required="true"]>label:first-child::after,.public-form .intake-row[data-required="true"] legend::after{content:" *";color:var(--danger)}
.public-form .public-section{padding-top:var(--space-6)}
.public-form .public-section h2{font-size:var(--ui-section);line-height:1.3;margin:0}
.public-form .intake-row .clinical-text{color:var(--ink);font-size:var(--ui-body)}
.public-form .intake-row input:not([type=checkbox]):not([type=radio]),.public-form .intake-row textarea,.public-form .intake-row select{border-color:#c8cbcd;border-radius:var(--ui-radius);min-height:44px}
.public-form .intake-row input[type=radio],.public-form .intake-row input[type=checkbox]{width:20px;height:20px;vertical-align:middle}
.public-form .intake-row label:has(input[type=radio]),.public-form .intake-row label:has(input[type=checkbox]){display:flex;align-items:center;min-height:44px}
.public-scale fieldset>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.public-form .public-scale fieldset>div>div>label{justify-content:center;gap:var(--space-1);min-width:52px;padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--ui-surface)}
.public-form .public-scale label:has(input:checked){border-color:var(--brand-sage);background:var(--brand-sage-bg);font-weight:600}
.public-form .public-scale input[type=radio]{margin:0;width:16px;height:16px}
.public-submit{text-align:center;margin:var(--space-5) 0}
.public-submit button{width:100%;max-width:360px;min-height:48px;font-size:var(--ui-body)}
.public-submit p{font-size:var(--ui-label);color:var(--muted);margin-top:var(--space-3)}
.public-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.public-done{text-align:center;padding:var(--space-6) var(--space-5)}
.public-footer{text-align:center;font-size:var(--ui-meta);color:var(--muted);padding:0 var(--space-4) var(--space-6)}
.intake-assign-form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}
.intake-assign-form label{flex-basis:100%;font-size:var(--ui-label);font-weight:600}
.intake-assign-form select{flex:1 1 280px;min-height:44px;font:inherit}
@media(max-width:560px){.public-header{padding:var(--space-5) var(--space-4) var(--space-3)}.public-logo{width:240px}.public-main{padding:0 var(--space-3) var(--space-5)}.public-intro{padding:var(--space-4)}.public-form .intake-pages{padding:var(--space-1) var(--space-4)}}
/* D-095: Bereich (Briefpapier/Nummernkreis) als Umschalter im Rechnungsentwurf. */
.invoice-area-toggle{display:inline-flex;gap:2px;padding:2px;margin:var(--space-2) 0 var(--space-1);background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius)}
.invoice-area-toggle button{min-height:40px;padding:var(--space-2) var(--space-3);background:transparent;color:var(--ink);border:0;border-radius:4px;font-weight:500}
.invoice-area-toggle button:hover{background:var(--ui-subtle)}
.invoice-area-toggle button.is-current{background:var(--brand-sage);color:var(--ink);font-weight:600;opacity:1}
/* D-096: bereits eingefügte Kette mit schwarzem Pfeil, klar unterscheidbar von grünen Übernahmeknöpfen. */
.invoice-page .invoice-present:disabled{background:#fff;color:#3C3C3C;border:1px solid #3C3C3C}
/* Diagnosefeld schmaler, daneben Dauerdiagnose-Auswahl. */
.invoice-diagnosis-body{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:var(--space-4);align-items:start}
.invoice-diagnosis-body textarea{width:100%}
.invoice-permanent-list{display:grid;gap:var(--space-2);font-size:var(--ui-label)}
.invoice-permanent-list label{display:flex;align-items:center;gap:var(--space-2);min-height:32px}
.invoice-permanent-list input{width:20px;height:20px;margin:0}
@media(max-width:900px){.invoice-diagnosis-body{grid-template-columns:minmax(0,1fr)}}
/* D-098: Passwort-Auswahl kompakt, Auswahlpunkt direkt vor dem Text. */
.invoice-page input[name=password_mode]+*,.ui-page-dialog input[name=password_mode]+*{margin:0}
.invoice-page label:has(> input[name=password_mode]),.ui-page-dialog label:has(> input[name=password_mode]){display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-2);width:auto;min-height:40px;margin:0 var(--space-5) 0 0;font-weight:500}
.invoice-page input[name=password_mode],.ui-page-dialog input[name=password_mode]{order:-1;width:20px;height:20px;margin:0;flex:none}
.invoice-page div:has(> div > label > input[name=password_mode]),.ui-page-dialog div:has(> div > label > input[name=password_mode]){display:flex;flex-wrap:wrap;gap:0}


/* D-103: gemeinsame Bausteine des Stils D-101/D-102 (Karten, Kopfkarte, Listenzeilen, Knöpfe) für alle neuen Seiten. */
.ds-card{background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-4)}
.ds-card-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 0 var(--space-3)}
.ds-card-head h2{font-size:var(--ui-section);font-weight:600;margin:0}
.ds-head-actions{margin-left:auto;display:flex;gap:var(--space-2);flex-wrap:wrap}
.ds-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ui-subtle);font-size:var(--ui-meta);font-weight:600;color:var(--ink)}
.ds-hint{font-size:var(--ui-meta);color:var(--muted)}
.ds-subhead{font-size:var(--ui-label);font-weight:600;color:var(--muted);margin:var(--space-4) 0 var(--space-2)}
.ds-empty{margin:0;padding:var(--space-3) var(--space-4);color:var(--muted);font-size:var(--ui-label)}
.ds-list{border:1px solid var(--line);border-radius:var(--ui-radius);overflow:hidden}
.ds-row{display:grid;grid-template-columns:24px minmax(150px,200px) minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:56px;padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none}
.ds-list>.ds-row:first-child{border-top:0}
a.ds-row:hover{background:var(--accent-green-bg)}
a.ds-row:focus-visible{outline:2px solid var(--accent-green);outline-offset:-2px}
.ds-row>.ui-icon{color:var(--muted)}
.ds-row-date{font-weight:600;font-variant-numeric:tabular-nums}
.ds-row-date small,.ds-row-main small{display:block;font-size:var(--ui-label);font-weight:400;color:var(--muted)}
.ds-row-main{min-width:0;overflow-wrap:anywhere}
.ds-row-end{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end;font-variant-numeric:tabular-nums}
.ds-chev{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:var(--ui-radius);background:#fff;color:var(--ink)}
.ds-chev .ui-icon{width:16px;height:16px}
.ds-row-today{background:var(--accent-green-bg);box-shadow:inset 3px 0 var(--accent-green)}
.ds-pill{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;background:var(--ui-subtle);font-size:var(--ui-meta);font-weight:600;color:var(--ink);white-space:nowrap}
.ds-pill-green{background:var(--accent-green-soft);color:var(--accent-green)}
.ds-pill-red{background:var(--danger-bg);color:var(--danger)}
.ds-hero{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.ds-hero-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--ui-radius);background:var(--accent-green-bg);color:var(--accent-green);flex:none}
.ds-hero-icon .ui-icon{width:28px;height:28px}
.ds-hero-text{flex:1;min-width:0}
.ds-hero-label{margin:0;font-size:var(--ui-label);color:var(--muted)}
.ds-hero h2{font-size:24px;font-weight:600;margin:2px 0}
.ds-hero-meta{margin:0;font-size:var(--ui-label);color:var(--ink)}
.ds-btn-primary,.ds-btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--ui-radius);font-size:var(--ui-label);font-weight:600;text-decoration:none;cursor:pointer;list-style:none}
.ds-btn-primary{border:0;background:var(--accent-green);color:#fff}
.ds-btn-primary:hover{background:var(--accent-green-hover);color:#fff}
.ds-btn-outline{border:1px solid var(--line);background:#fff;color:var(--ink)}
.ds-btn-outline:hover{border-color:var(--accent-green);color:var(--accent-green)}
.ds-btn-outline::-webkit-details-marker{display:none}
.ds-btn-primary .ui-icon,.ds-btn-outline .ui-icon{width:18px;height:18px}
.ds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin:0 0 var(--space-4)}
.ds-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);color:var(--ink);text-decoration:none}
.ds-stat:hover{border-color:var(--accent-green)}
.ds-stat .ds-hero-icon{width:44px;height:44px}
.ds-stat .ds-hero-icon .ui-icon{width:22px;height:22px}
.ds-stat strong{display:block;font-size:24px;line-height:1.1}
.ds-stat span{font-size:var(--ui-label);color:var(--muted)}
.ds-disclosure>summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;font-weight:600;list-style:none}
.ds-disclosure>summary::-webkit-details-marker{display:none}
.ds-disclosure>summary::after{content:"›";margin-left:auto;color:var(--muted);transition:transform .15s}
.ds-disclosure[open]>summary::after{transform:rotate(90deg)}
@media(max-width:700px){.ds-card{padding:var(--space-4)}.ds-row{grid-template-columns:20px minmax(0,1fr) auto}.ds-row-main{grid-column:2}.ds-row-end{grid-column:3;grid-row:1}.ds-hero-icon{display:none}.ds-hero h2{font-size:var(--ui-section)}}
.ds-list:empty{display:none}
/* D-104: Seitenkopf und schlichte Zeile für Seiten im Stil D-102 (zuerst Dashboard). */
.ds-page-head{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin:0 0 var(--space-4)}
.ds-page-head h1{margin:0}
.ds-page-head .ds-hint{margin:2px 0 0}
.ds-row-plain{grid-template-columns:minmax(0,1fr) auto;min-height:44px}
.ds-list-foot{margin:var(--space-3) 0 0}
@media(max-width:700px){.ds-row-plain{grid-template-columns:minmax(0,1fr) auto}.ds-row-plain .ds-row-main{grid-column:1}.ds-row-plain .ds-row-end{grid-column:2}}
/* D-106: Rechnungsbereich im Stil D-102. Gelb bleibt die Rechnungsaktion (D-079). */
.ds-btn-invoice{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--brand-yellow);border-radius:var(--ui-radius);background:var(--brand-yellow);color:var(--ink);font-size:var(--ui-label);font-weight:600;text-decoration:none;cursor:pointer}
.ds-btn-invoice:hover{border-color:var(--ink);color:var(--ink)}
.ds-btn-invoice .ui-icon{width:18px;height:18px}
.ds-paper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}
.ds-paper{border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-4)}
.ds-paper h3{margin:0 0 var(--space-3);font-size:var(--ui-body);font-weight:600}
.ds-paper dl{margin:0;display:grid;gap:var(--space-3)}
.ds-paper dt{font-size:var(--ui-label);color:var(--muted)}
.ds-paper dd{margin:0;overflow-wrap:anywhere}
.ds-paper-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}
.ds-card>.ds-hint{margin:0 0 var(--space-3)}
.ds-card.ds-disclosure>summary{margin:calc(-1*var(--space-2)) 0}
.ds-card.ds-disclosure[open]>summary{margin-bottom:var(--space-3)}
.ds-search label{display:block;font-size:var(--ui-label);color:var(--muted);margin:0 0 var(--space-1)}
.ds-search-row{display:flex;gap:var(--space-2);flex-wrap:wrap}
.ds-search-row input{flex:1;min-width:220px;min-height:44px}
.ds-search-row input:focus{border-color:var(--accent-green)}
/* D-106: Rechnungseditor (Erstellen, Entwurf, Beleg vorbereiten) mit Kopfkarte und Bedienelementen aus D-102. */
.invoice-page>.invoice-heading{justify-content:flex-start;align-items:center;gap:var(--space-4);background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-4)}
.invoice-heading-text{flex:1;min-width:0}
.invoice-heading .invoice-kicker{display:block;font-size:var(--ui-label);letter-spacing:0;color:var(--muted)}
.invoice-heading h1{font-size:24px;margin:2px 0}
.invoice-page>.invoice-heading>.invoice-heading-actions{margin-left:auto;display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}
.invoice-sheet .invoice-kicker,.invoice-picker .invoice-kicker,.invoice-target .invoice-kicker{font-size:var(--ui-label);letter-spacing:0}
.invoice-sheet,.invoice-picker{box-shadow:none}
.invoice-secondary,.invoice-page button.invoice-secondary{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:var(--ui-radius);font-weight:600}
.invoice-secondary:hover,.invoice-page button.invoice-secondary:hover{background:#fff;border-color:var(--accent-green);color:var(--accent-green)}
.invoice-page .invoice-tabs button[aria-selected=true]{color:var(--ink);border-bottom:3px solid var(--accent-green)}
.invoice-area-toggle button.is-current{background:var(--accent-green-bg);color:var(--accent-green);box-shadow:inset 0 0 0 1px var(--accent-green)}
.invoice-total{background:var(--accent-green-bg);border-top:0;border-radius:var(--ui-radius)}
.invoice-total strong{color:var(--accent-green)}
.invoice-target{background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent-green);border-radius:var(--ui-radius)}
.invoice-page input:focus,.invoice-page textarea:focus,.invoice-page select:focus{border-color:var(--accent-green)}
.invoice-page :where(input,textarea,select,button,a,summary):focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}
.invoice-page .settlement-kind label:has(input:checked){border-color:var(--accent-green);box-shadow:inset 0 -2px var(--accent-green)}
.invoice-page .settlement-payment{border-left-color:var(--accent-green)}
.invoice-delivery-status{border-left-color:var(--accent-green)}
@media(max-width:700px){.invoice-page>.invoice-heading{padding:var(--space-4)}.invoice-heading .ds-hero-icon{display:none}.invoice-heading h1{font-size:var(--ui-section)}.invoice-page>.invoice-heading>.invoice-heading-actions{margin-left:0;width:100%}}
.ds-btn-danger{color:var(--danger)}
.ds-btn-danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}
.ds-btn-danger-solid{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:0;border-radius:var(--ui-radius);background:var(--danger);color:#fff;font-size:var(--ui-label);font-weight:600;cursor:pointer}
.ui-dialog-toolbar>.ds-btn-invoice:last-child{margin-left:auto}
.ds-doc-head .actions,.ui-dialog-content>.actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
.ui-dialog-content>.ds-card{margin-top:var(--space-4)}
.ds-catalog .record-section,.billing-form{box-shadow:none}
.ds-catalog .catalog-chain.selected{border-color:var(--accent-green);box-shadow:inset 3px 0 var(--accent-green);background:var(--accent-green-bg)}
.ds-catalog .add-position{background:var(--brand-sage);color:#fff;border-color:var(--brand-sage)}
.record-form :where(input,select,textarea):focus,.ds-catalog :where(input,select):focus{border-color:var(--accent-green)}
.ds-paper dl>div{display:block;border:0;padding:0;margin:0}
.ds-paper dl dt,.ds-paper dl dd{text-align:left;width:auto;font-weight:400}
.ds-paper dl dd{font-size:var(--ui-body)}
.invoice-position-table th:nth-child(5),.invoice-position-table th:nth-child(6){width:72px}
.invoice-position-table td[data-label=Menge] input,.invoice-position-table td[data-label=Faktor] input{text-align:right;padding-left:var(--space-1);padding-right:var(--space-1)}
/* D-106: Fokusrahmen überall im Akzentgrün statt Beige/Orange (app.css nutzt --sage). */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#1E5B6B99}
input:focus,textarea:focus,select:focus{border-color:var(--accent-green)}
/* D-108: Termine heute im Stil D-102; Filter als Reiter. */
.ds-row-main .appointment-kind{margin:0;font-size:var(--ui-label);color:var(--muted);font-weight:400}
.ds-tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 var(--space-3)}
.ds-tabs a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);color:var(--ink);text-decoration:none;font-size:var(--ui-label);font-weight:600;border-bottom:3px solid transparent;margin-bottom:-1px}
.ds-tabs a:hover{color:var(--accent-green)}
.ds-tabs a[aria-current=page]{border-bottom-color:var(--accent-green)}
/* D-108: Ältere Seiten (Patientenliste, Stammdaten, Kalender, Formulare, Übungen) auf den Stil D-102 gebracht. */
.eyebrow,.pw-eyebrow,.page-heading .eyebrow{display:block;font-size:var(--ui-label);font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);margin:0 0 2px}
.record-card,.form-list-row,.ui-card,.record-section,.record-form{border-radius:var(--ui-radius);box-shadow:none}
.record-card{padding:var(--space-4) var(--space-5);margin:0 0 var(--space-2);align-items:center}
.record-card h2 a{color:var(--ink);text-decoration:none}
.record-card h2 a:hover{color:var(--accent-green)}
.record-card>a:last-child,.record-actions>a:not(.button){display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--ui-radius);background:#fff;color:var(--ink);font-size:var(--ui-label);font-weight:600;text-decoration:none}
.record-card>a:last-child:hover,.record-actions>a:not(.button):hover{border-color:var(--accent-green);color:var(--accent-green)}
.record-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0 0 var(--space-4)}
.button:not(.secondary):not(.invoice-primary):not(.outline-button),button[type=submit]:not([class]){background:var(--accent-green);border-color:var(--accent-green);color:#fff}
.button:not(.secondary):not(.invoice-primary):not(.outline-button):hover,button[type=submit]:not([class]):hover{background:var(--accent-green-hover);color:#fff}
.button.secondary:hover,button.secondary:hover,.outline-button:hover{background:#fff;border-color:var(--accent-green);color:var(--accent-green)}
.ui-tabs a[aria-current],.forms-tabs a[aria-current=page]{box-shadow:inset 0 -3px var(--accent-green)}
input[type=checkbox],input[type=radio]{accent-color:var(--accent-green)}
.calendar-event,.month-event{background:var(--accent-green-bg);border-left-color:var(--accent-green);color:var(--ink)}
.calendar-event:hover{box-shadow:0 0 0 2px var(--accent-green)}
.search-form{background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-4);box-shadow:none}
.pw-workspace .eyebrow,.pw-record .eyebrow{color:var(--muted);letter-spacing:0;font-weight:400}
/* D-109: Farbrollen anwenden. Gelb = wichtige Aktion (auch Rechnungen), Blau = Hervorhebung, Petrol = Struktur. */
.ds-btn-invoice,.invoice-primary,.button.invoice-primary,.invoice-page button.invoice-primary{background:var(--color-action);border:1px solid var(--color-action);color:var(--color-action-ink)}
.ds-btn-invoice:hover,.invoice-primary:hover,.button.invoice-primary:hover,.invoice-page button.invoice-primary:hover{background:var(--color-action-hover);border-color:var(--color-action-hover);color:var(--color-action-ink)}
.ds-row-today{background:var(--color-accent-bg);box-shadow:inset 3px 0 var(--color-accent)}
.ds-pill-green{background:var(--color-accent-soft);color:var(--color-accent-ink)}
a.ds-row:hover{background:var(--color-main-bg)}
.invoice-page .invoice-arrow,.invoice-page .invoice-area-switch,.ds-catalog .add-position{background:var(--color-main);border-color:var(--color-main);color:#fff}
.invoice-page .invoice-arrow:hover,.invoice-page .invoice-area-switch:hover{background:var(--color-main-hover);color:#fff}
.invoice-page .invoice-present:disabled{background:#fff;color:var(--color-main);border:1px solid var(--color-main)}
/* D-110: Rückerstattung beim Storno */
.ds-refund{border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-4);margin:var(--space-4) 0}
.ds-refund legend{font-weight:600;padding:0 var(--space-2)}
.ds-refund-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.ds-refund-note{padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-accent-bg);border-radius:var(--ui-radius)}
/* D-111: Rechnungsbereiche getrennt, Jahresübersicht */
.ds-area-tabs{background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);padding:0 var(--space-3);margin:0 0 var(--space-4)}
.ds-year-form{display:flex;gap:var(--space-2);align-items:center}
.ds-year-form select{min-height:44px}
.ds-sums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin:0 0 var(--space-3)}
.ds-sums>div{border:1px solid var(--line);border-radius:var(--ui-radius);padding:var(--space-3) var(--space-4)}
.ds-sums dt{font-size:var(--ui-label);color:var(--muted)}
.ds-sums dd{margin:2px 0 0;font-size:var(--ui-section);font-weight:600;font-variant-numeric:tabular-nums}
.ds-sums dd small{display:block;font-size:var(--ui-meta);font-weight:400;color:var(--muted)}
.ds-sums .ds-sum-main{background:var(--color-main-bg);border-color:var(--color-main)}
.ds-sums .ds-sum-main dd{color:var(--color-main)}
/* D-113: Hauptfarbe als Knopf für Navigation in der Akte (Bildvorlage), Gelb bleibt Speichern/Rechnung. */
.ds-btn-main{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:0;border-radius:var(--ui-radius);background:var(--color-main);color:#fff;font-size:var(--ui-label);font-weight:600;text-decoration:none;cursor:pointer}
.ds-btn-main:hover{background:var(--color-main-hover);color:#fff}
.ds-btn-main .ui-icon{width:18px;height:18px}
/* D-119: Akte-Design (D-116/D-118) im ganzen Programm. Petrol für alle Hauptaktionen, Gelb nur für Rechnungsaktionen,
   jeder Listeneintrag als eigene Karte mit Petrol-Kante. Regeln: docs/UI_DESIGN_SYSTEM.md, Abschnitt „Festes Akte-Design“. */
.ds-btn-primary,.button:not(.secondary):not(.invoice-primary):not(.outline-button),button[type=submit]:not([class]){background:var(--color-main);border:1px solid var(--color-main);color:#fff}
.ds-btn-primary:hover,.button:not(.secondary):not(.invoice-primary):not(.outline-button):hover,button[type=submit]:not([class]):hover{background:var(--color-main-hover);border-color:var(--color-main-hover);color:#fff}
.ds-hero-label{display:inline-block;margin:0 0 var(--space-1);padding:2px 10px;border-radius:999px;background:var(--color-main-bg);color:var(--color-main);font-size:var(--ui-meta);font-weight:600}
.ds-hero h2{font-size:22px;line-height:1.25}
.ds-hero-icon{background:var(--color-main-bg);color:var(--color-main)}
.ds-list{border:0;border-radius:0;overflow:visible;display:flex;flex-direction:column;gap:var(--space-3)}
.ds-list>.ds-row{border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main),0 2px 6px #1e2a3012;background:#fff;padding-left:var(--space-5)}
.ds-list>.ds-row:first-child{border-top:1px solid #cfd8dc}
.ds-list>.ds-row.ds-row-today{box-shadow:inset 4px 0 var(--color-accent),0 2px 6px #1e2a3012;background:var(--color-accent-bg)}
.ds-list>a.ds-row:hover{background:#F4F8F9}
.ds-subhead{color:var(--color-main);font-weight:600}
.record-card,.form-list-row{border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main),0 2px 6px #1e2a3012;padding-left:var(--space-5);margin:0 0 var(--space-3)}
.ds-pill-green{background:var(--color-accent-soft);color:var(--color-accent-ink)}
.ds-sums>div{display:block!important}
.ds-sums dt,.ds-sums dd{text-align:left;width:auto}
.ds-sums dd{font-size:20px;white-space:nowrap}
.catalog-chain,.catalog-item,.catalog-position{border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main),0 2px 6px #1e2a3012;background:#fff;padding-left:var(--space-5);margin:0 0 var(--space-3)}
.catalog-chain.selected,.ds-catalog .catalog-chain.selected{box-shadow:inset 4px 0 var(--color-accent),0 2px 6px #1e2a3012;background:var(--color-accent-bg);border-color:#cfd8dc}

/* D-121: Fenster „Zahlungseingang buchen“: alles auf einen Blick, drei große Wahlknöpfe, Bestätigen ohne Scrollen. */
.ds-pay{display:grid;gap:var(--space-4);max-width:640px}
.ds-pay-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main),0 2px 6px #1e2a3012;background:#fff}
.ds-pay-head>div{display:grid;flex:1;min-width:0}
.ds-pay-head>div strong{font-size:var(--ui-body)}
.ds-pay-head>div span{font-size:var(--ui-meta);color:var(--muted)}
.ds-pay-amount{font-size:var(--ui-section);color:var(--color-main);white-space:nowrap}
.ds-pay-form{display:grid;gap:var(--space-3)}
.ds-pay-methods{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.ds-pay-methods legend{font-size:var(--ui-label);font-weight:600;margin-bottom:var(--space-2)}
.ds-pay-method{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:64px;padding:var(--space-2);border:1px solid #cfd8dc;border-radius:var(--ui-radius);background:#fff;font-size:var(--ui-body);font-weight:600;cursor:pointer;text-align:center}
.ds-pay-method:hover{border-color:var(--color-main)}
.ds-pay-method:has(input:checked){border-color:var(--color-main);background:var(--color-main-bg);box-shadow:inset 0 -3px var(--color-main)}
.ds-pay-method input{accent-color:var(--color-main)}
.ds-pay-methods .errorlist{grid-column:1/-1}
.ds-pay-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-3)}
.ds-pay-row .settlement-field{margin:0}
.ds-pay-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}
@media(max-width:560px){.ds-pay-methods,.ds-pay-row{grid-template-columns:minmax(0,1fr)}.ds-pay-method{min-height:52px}}
.ds-mail-preview pre{margin:0;padding:var(--space-3) var(--space-4);white-space:pre-wrap;font:var(--ui-label)/1.5 var(--font-text);color:var(--ink);background:#fff;max-height:260px;overflow:auto}
/* D-121: Diagnose-Auswahl in der Patientenspalte (steht in einer dl) nicht als Zeile nebeneinander, sondern untereinander. */
.diagnosis-picker [data-selected]{display:block}
.diagnosis-picker [data-selected] .diagnosis-selection-row{width:100%}
/* D-121: Rechnungsentwurf – Diagnosen nur über die Suche, gewählte Diagnosen als Karten. */
.invoice-diagnosis-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;gap:var(--space-2)}
.invoice-diagnosis-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main);background:#fff;font-size:var(--ui-label)}
.invoice-diagnosis-list li.invoice-diagnosis-empty{box-shadow:none;border-style:dashed;color:var(--muted)}
.invoice-diagnosis-list li button{flex:none;min-height:36px}
/* D-122: Häkchen und Auswahlpunkte überall Petrol (auch im Rechnungsbereich, vorher Salbeigrün). */
.invoice-page input[type=checkbox],.invoice-page input[type=radio],.invoice-check-cell input[type=checkbox]{accent-color:var(--color-main)}
/* D-124: Eigene Leistung mit Plus; Ziffer im Entwurf änderbar. */
.invoice-add-manual{display:flex;justify-content:flex-start;margin:var(--space-3) 0}
.invoice-add-manual button,.invoice-empty-state button{display:inline-flex;align-items:center;gap:var(--space-2)}
.invoice-empty-state button{margin-top:var(--space-3)}
.invoice-position-table .invoice-code-input{width:100%;min-width:52px;padding:6px;font:inherit;border:1px solid #ccc;border-radius:5px;background:#fff}
/* D-125: Gleiche Fenster für Rechnung, Quittung und Angebot: Schrittleiste Ausgestellt → Senden → Zahlungseingang. */
.ds-steps{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:step;flex-wrap:wrap}
.ds-steps li{counter-increment:step;display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3) 4px 4px;border:1px solid #cfd8dc;border-radius:999px;font-size:var(--ui-meta);color:var(--muted);background:#fff}
.ds-steps li::before{content:counter(step);display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:var(--ui-subtle);font-weight:600}
.ds-steps .ds-step-done{color:var(--ink)}
.ds-steps .ds-step-done::before{content:"✓";background:var(--color-accent);color:#fff}
.ds-steps .ds-step-now{border-color:var(--color-main);color:var(--color-main);font-weight:600}
.ds-steps .ds-step-now::before{background:var(--color-main);color:#fff}
.ds-pay-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds-pay-confirm{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--ui-label)}
.ds-inline-form{display:inline-flex;margin:0}
/* D-127: Rechnungsablauf schlank – kein großer Kopfbalken, filigrane Knöpfe, eine Aktion pro Schritt. */
.ds-btn-ghost{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--space-3);border:1px solid #cfd8dc;border-radius:999px;background:#fff;color:var(--color-main);font-size:var(--ui-label);font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.ds-btn-ghost:hover{border-color:var(--color-main);background:var(--color-main-bg);color:var(--color-main)}
.ds-btn-ghost .ds-thin-arrow{width:16px;height:16px}
.invoice-start-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}
.invoice-start-toolbar .ds-btn-ghost:last-child{margin-left:auto}
.invoice-start-patient{font-weight:600;font-size:var(--ui-body);color:var(--ink);margin-right:var(--space-3)}
.invoice-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background:#fff;border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main)}
.invoice-bar-title{display:flex;align-items:baseline;gap:var(--space-2);flex:1;min-width:0}
.invoice-bar-title .invoice-kicker{margin:0}
.invoice-bar-title strong{font-size:var(--ui-body)}
.invoice-bar .invoice-area-toggle{margin:0}
.invoice-area-toggle button{min-height:34px;font-size:var(--ui-label)}
.invoice-area-toggle button.is-current{background:var(--color-main-bg);color:var(--color-main);box-shadow:inset 0 0 0 1px var(--color-main)}
#positionen{scroll-margin-top:var(--space-4)}
.ds-steps .ds-step-done::before{background:var(--color-action);color:var(--color-action-ink)}
.invoice-page .invoice-heading{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4)}
.invoice-page .invoice-heading h1{font-size:var(--ui-section)}
.invoice-page .invoice-heading .ds-hero-icon{display:none}
.invoice-page .settlement-options,.invoice-page .settlement-summary{padding:var(--space-4)}
.invoice-page .settlement-field{margin:var(--space-3) 0}
.invoice-diagnosis-list li>span{flex:1;min-width:0}
.invoice-diagnosis-list .invoice-diagnosis-keep{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:var(--ui-meta);color:var(--color-main);white-space:nowrap;cursor:pointer}
.invoice-diagnosis-list .invoice-diagnosis-keep input{width:16px;height:16px;accent-color:var(--color-main)}
/* D-130: Mülleimer direkt neben jeder Entwurfskarte. */
.ds-row-wrap{display:flex;align-items:stretch;gap:var(--space-2)}
.ds-row-wrap>.ds-row{flex:1;min-width:0}
.ds-row-trash{display:inline-flex;align-items:center;justify-content:center;width:44px;flex:none;border:1px solid #cfd8dc;border-radius:var(--ui-radius);background:#fff;color:var(--muted)}
.ds-row-trash:hover{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}
.ds-list>.ds-row-wrap>.ds-row{border:1px solid #cfd8dc;border-radius:var(--ui-radius);box-shadow:inset 4px 0 var(--color-main),0 2px 6px #1e2a3012;background:#fff;padding-left:var(--space-5)}
.ds-list>.ds-row-wrap>a.ds-row:hover{background:#F4F8F9}
/* D-132: Dezente Statusfarben im Rechnungszentrum – Struktur unverändert, Farbe nur in Abzeichen, Zahlen und schmalen Akzenten. */
.ds-status{font-weight:600}
.ds-status-draft{background:var(--status-draft-bg);color:var(--status-draft-ink)}
.ds-status-open{background:var(--status-open-bg);color:var(--status-open-ink)}
.ds-status-overdue{background:var(--status-overdue-bg);color:var(--status-overdue-ink)}
.ds-status-paid{background:var(--status-paid-bg);color:var(--status-paid-ink)}
.ds-status-cancel{background:var(--status-cancel-bg);color:var(--status-cancel-ink)}
.bc-center .bc-sec>.ds-card-head h2{display:inline-flex;align-items:center;gap:var(--space-2)}
.bc-center .bc-sec>.ds-card-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:2px;background:var(--line)}
.bc-center .bc-sec-draft>.ds-card-head h2::before{background:var(--status-draft-ink)}
.bc-center .bc-sec-open>.ds-card-head h2::before{background:var(--status-open-ink)}
.bc-center .bc-sec-paid>.ds-card-head h2::before{background:var(--status-paid-ink)}
.bc-center .bc-stat-draft strong{color:var(--status-draft-ink)}
.bc-center .bc-stat-open strong{color:var(--status-open-ink)}
.bc-center .bc-stat-paid strong{color:var(--status-paid-ink)}
.bc-center .bc-stat-draft .ds-hero-icon{background:var(--status-draft-bg);color:var(--status-draft-ink)}
.bc-center .bc-stat-open .ds-hero-icon{background:var(--status-open-bg);color:var(--status-open-ink)}
.bc-center .bc-stat-paid .ds-hero-icon{background:var(--status-paid-bg);color:var(--status-paid-ink)}
.bc-center .bc-overdue-count{font-style:normal;font-weight:600;color:var(--status-overdue-ink)}
.bc-center .bc-sum-paid dd{color:var(--status-paid-ink)}
.bc-center .bc-sum-open dd{color:var(--status-open-ink)}
.bc-center .bc-sum-cancel dd{color:var(--status-cancel-ink)}
/* D-136: Statusfarben auch im Reiter Rechnungen der Akte (Abschnittsmarkierungen wie im Rechnungszentrum). */
.bc-sec>.ds-card-head h2{display:inline-flex;align-items:center;gap:var(--space-2)}
.bc-sec>.ds-card-head h2::before{content:"";display:inline-block;width:4px;height:18px;border-radius:2px;background:var(--line)}
.bc-sec-draft>.ds-card-head h2::before{background:var(--status-draft-ink)}
.bc-sec-open>.ds-card-head h2::before{background:var(--status-open-ink)}
.bc-sec-paid>.ds-card-head h2::before{background:var(--status-paid-ink)}
.bc-sec-docs>.ds-card-head h2::before{background:var(--color-main)}
/* D-139: Eine schmale Kopfleiste – Logo links, Hauptmenü daneben, Abmelden rechts (ersetzt die zwei Balken aus D-081). */
.workspace>header{display:flex;align-items:center;gap:var(--space-5);min-height:64px;padding:0 var(--space-6)}
.workspace>header .brand{flex:none;display:inline-flex;align-items:center}
.workspace>header .practice-logo{width:190px}
.workspace>header .module-navigation{flex:1;min-width:0;min-height:64px;padding:0;border:0;background:transparent}
.workspace>header .module-navigation .module-row{justify-content:flex-start;height:100%}
.workspace>header .module-navigation .module-tab{min-height:64px;padding:0 var(--space-3)}
.workspace>header .module-navigation .module-tab[aria-current]{background:var(--color-active-bg);box-shadow:inset 0 -3px var(--color-main)}
.workspace>header .header-tools{margin-left:auto;flex:none}
@media(max-width:1100px){.workspace>header{flex-wrap:wrap;padding:var(--space-2) var(--space-4)}.workspace>header .module-navigation{order:3;flex-basis:100%;min-height:48px}.workspace>header .module-navigation .module-tab{min-height:48px}.workspace>header .module-navigation .module-row{flex-wrap:nowrap;overflow-x:auto}}
/* D-139: Dashboard in der Palette – Kopfkarte hell petrol, Kennzahlen Petrol / Stahlblau / Grau. */
.db-hero{background:var(--color-active-bg);border-color:#d6e3e1;box-shadow:inset 4px 0 var(--color-main)}
.db-hero .ds-hero-icon{background:#fff;color:var(--color-main)}
.db-hero .ds-hero-label{background:var(--color-accent);color:#fff}
.db-stat-today .ds-hero-icon{background:var(--color-active-bg);color:var(--color-main)}.db-stat-today strong{color:var(--color-main)}
.db-stat-next .ds-hero-icon{background:var(--color-accent-bg);color:var(--color-accent)}.db-stat-next strong{color:var(--color-accent)}
.db-stat-past .ds-hero-icon{background:var(--ui-subtle);color:var(--text-muted)}.db-stat-past strong{color:var(--text-muted)}
/* D-140: Rechnungsentwurf filigraner – kleine runde Pfeile, kompakte Zeilen, Beschreibung wächst mit, Ziffer voll lesbar. */
.invoice-page .invoice-picker .invoice-source-row{grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-2) 0;align-items:center}
.invoice-page .invoice-picker .invoice-source-row h3{font-size:var(--ui-label);font-weight:600;line-height:1.35}
.invoice-page .invoice-picker .invoice-source-row details{margin-top:2px}
.invoice-page .invoice-arrow,.invoice-page button.invoice-arrow{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;border:1px solid var(--color-main);background:#fff;color:var(--color-main);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.invoice-page .invoice-arrow:hover,.invoice-page button.invoice-arrow:hover{background:var(--color-main);color:#fff;border-color:var(--color-main)}
.invoice-page .invoice-arrow.invoice-present,.invoice-page .invoice-arrow:disabled{border-color:#cfd8dc;color:#9aa4a8;background:#fff}
.invoice-page .invoice-picker .invoice-tabs button{font-size:var(--ui-label);padding:var(--space-2) var(--space-3)}
.invoice-page .invoice-search input{min-height:36px;padding:6px 12px;font-size:var(--ui-label);border-radius:999px}
.invoice-page .invoice-position-table td{padding-top:6px;padding-bottom:6px;vertical-align:top}
.invoice-page .invoice-position-table textarea{field-sizing:content;min-height:34px;resize:none;padding:6px 8px;font-size:var(--ui-label);line-height:1.4;border:1px solid transparent;border-radius:5px;background:transparent}
.invoice-page .invoice-position-table textarea:hover,.invoice-page .invoice-position-table textarea:focus{border-color:#cfd8dc;background:#fff}
.invoice-page .invoice-position-table input:not([type=checkbox]){min-height:34px;height:34px;padding:4px 8px;font-size:var(--ui-label);border:1px solid #cfd8dc;border-radius:5px}
.invoice-page .invoice-position-table th:nth-child(2){width:64px}
.invoice-page .invoice-position-table .invoice-code-input{min-width:56px;width:100%;text-align:center}
.invoice-page .invoice-position-table .invoice-line-total{font-size:var(--ui-label);padding-top:12px}
.invoice-page .invoice-position-table .invoice-trash{min-height:34px;padding:4px}
.invoice-page .invoice-panel-title h2{font-size:var(--ui-section)}
.invoice-page .invoice-total{padding:var(--space-3) var(--space-4)}
.invoice-page .invoice-total strong{font-size:22px}
.invoice-page .invoice-empty-state{padding:var(--space-5) 0}
.invoice-start-toolbar{gap:var(--space-2) var(--space-3);font-size:var(--ui-label)}
.invoice-start-toolbar select,.invoice-start-toolbar input:not([type=hidden]){min-height:36px;padding:4px 10px;font-size:var(--ui-label)}
.invoice-page .invoice-position-table{table-layout:auto}
.invoice-page .invoice-position-table th:nth-child(2){width:78px;min-width:78px}
.invoice-page .invoice-position-table .invoice-code-input{min-width:66px;padding:4px}
.invoice-page .invoice-picker .invoice-source-row{align-items:start}
.invoice-page .invoice-picker .invoice-source-row>.invoice-arrow,.invoice-page .invoice-picker .invoice-source-row>form .invoice-arrow{margin-top:-2px}
.invoice-page .invoice-picker .invoice-arrow.invoice-present{width:28px;height:28px;min-height:28px;padding:0;font-size:14px}
/* D-142: Menü wieder in eigener Zeile unter dem Logo, beide Zeilen schlank; Dashboard mit Kacheln „Weitere Anwendungen“. */
.workspace>header{display:flex;flex-wrap:nowrap;align-items:center;min-height:56px;padding:var(--space-2) var(--space-6)}
.workspace>header .practice-logo{width:200px}
.module-navigation{min-height:44px;padding:0 var(--space-6)}
.module-navigation .module-row{justify-content:flex-start;max-width:1600px;margin:0 auto}
.module-navigation .module-tab{min-height:44px;padding:0 var(--space-4)}
.module-navigation .module-tab[aria-current]{background:var(--color-active-bg);box-shadow:inset 0 -3px var(--color-main)}
@media(max-width:1100px){.module-navigation .module-row{flex-wrap:nowrap;overflow-x:auto}}
.db-app-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-2)}
.db-app{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed #cfd8dc;border-radius:var(--ui-radius);background:#fff;color:var(--text-muted)}
.db-app-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:6px;background:var(--color-active-bg);color:var(--color-main)}
.db-app-icon .ui-icon{width:16px;height:16px}
.db-app-name{flex:1;font-size:var(--ui-label);font-weight:600;color:var(--ink)}
.db-app-state{font-size:12px;color:var(--text-muted)}
.db-app-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.db-app-text{display:grid;gap:1px;min-width:0}
.db-app-name{line-height:1.25}