:root{--color-primary: #0f766e;--color-primary-hover: #115e59;--color-on-primary: #ffffff;--color-text: #111827;--color-text-muted: #4b5563;--color-surface: #ffffff;--color-surface-subtle: #f3f4f6;--color-disabled: #e5e7eb;--color-border: #6b7280;--color-divider: #d1d5db;--color-error: #b91c1c;--color-error-surface: #fef2f2;--color-success: #166534;--color-success-surface: #f0fdf4;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--font-family: system-ui, sans-serif;--font-size-base: 1rem;--font-size-small: .875rem;--font-size-h1: 1.75rem;--font-size-h2: 1.375rem;--font-weight-semibold: 600;--line-height: 1.5;--radius: .5rem;--border-width: 1px;--control-min-height: 48px;--form-max-width: 24rem;--container-max-width: 64rem;--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring: var(--focus-ring-width) solid var(--color-primary)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background:var(--color-surface)}h1{margin:0 0 var(--space-4);font-size:var(--font-size-h1);line-height:1.2}h2{margin:0 0 var(--space-3);font-size:var(--font-size-h2);line-height:1.2}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app-container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding:var(--space-4);overflow-wrap:anywhere}@media(min-width:48rem){.app-container{padding:var(--space-6) var(--space-8)}}@media(min-width:80rem){.app-container{padding:var(--space-8) var(--space-12)}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.app-header h1{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-min-height);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius);font:inherit;font-weight:600;cursor:pointer}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);color:var(--color-primary)}.button-secondary:hover:not(:disabled){background:var(--color-surface-subtle)}.button:disabled{background:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-text-muted);cursor:not-allowed}.form{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--form-max-width)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-weight:600}.form-input{min-height:var(--control-min-height);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-base)}.form-input[aria-invalid=true]{border-color:var(--color-error)}.form-error-text{margin:0;font-size:var(--font-size-small);color:var(--color-error)}.alert{padding:var(--space-3) var(--space-4);border:var(--border-width) solid currentColor;border-radius:var(--radius)}.alert p{margin:0}.alert-error{background:var(--color-error-surface);color:var(--color-error)}.alert-success{background:var(--color-success-surface);color:var(--color-success)}.case-patient{margin:0 0 var(--space-4);font-weight:600}.recorder{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--form-max-width)}.recorder-timer{margin:0;font-size:var(--font-size-h1);font-variant-numeric:tabular-nums}.recorder-timer-label{display:block;font-size:var(--font-size-small);color:var(--color-text-muted)}.recorder-state{margin:0;color:var(--color-text-muted)}.recorder-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.alert-warning{background:var(--color-surface-subtle);color:var(--color-text)}output{display:block}.case-list{width:100%;border-collapse:collapse}.case-list th,.case-list td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:var(--border-width) solid var(--color-border)}.flag-list ul{margin:0 0 var(--space-4);padding-left:var(--space-4)}.flag-list li{margin-bottom:var(--space-2)}.flag-part:before{content:" · "}.flags-dialog{max-width:var(--form-max-width);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:var(--color-surface)}.patient-workspace,.patient-identity,.patient-workspace output{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.patient-workspace{gap:var(--space-4)}.workspace-heading,.workspace-actions,.patient-result,.patient-search-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0}.workspace-heading,.patient-result{justify-content:space-between}.workspace-heading h3,.patient-workspace p,.patient-workspace h2{margin:0}.workspace-eyebrow{color:var(--color-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.workspace-muted,.patient-identity small{color:var(--color-text-muted)}.patient-search-form{align-items:end}.patient-search-form .form-field{flex:1 1 var(--form-max-width);min-width:0}.patient-search-form input{width:100%;min-width:0}.patient-results{list-style:none;margin:0;padding:0}.patient-result{padding:var(--space-4) 0;border-bottom:var(--border-width) solid var(--color-divider)}.patient-context{padding:var(--space-4);background:var(--color-surface-subtle);border-radius:var(--radius)}.case-status{color:var(--color-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}
