:root{--color-bg: #F4F1F1;--color-bg-accent-1: rgba(200, 32, 47, .06);--color-bg-accent-2: rgba(0, 82, 224, .05);--color-surface: #FFFFFF;--color-surface-sunken: #FAF7F7;--color-surface-raised: #FFFFFF;--color-border: #E9DDDF;--color-border-strong: #D4C0C3;--color-overlay: rgba(36, 26, 27, .45);--color-ink: #241A1B;--color-ink-muted: #64595A;--color-ink-faint: #948B8C;--color-on-brand: #FFFFFF;--color-brand: #C8202F;--color-brand-dark: #9E1826;--color-brand-soft: #E4636E;--color-brand-tint: #FBE4E6;--color-brand-gradient: linear-gradient(135deg, #C8202F 0%, #9E1826 100%);--color-accent: #0052E0;--color-accent-dark: #0040B0;--color-accent-tint: #E3ECFC;--color-status-active: #0052E0;--color-status-active-tint: #E3ECFC;--color-status-tracking: #9A6A16;--color-status-tracking-tint: #FBF0DC;--color-status-done: #64595A;--color-status-done-tint: #EFE9E9;--color-status-suspended: #8F1420;--color-status-suspended-tint: #F5DEE0;--color-alert: #8F1420;--color-alert-tint: #F5DEE0;--color-success: #22694A;--color-success-tint: #E1F0E6;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(36, 26, 27, .05), 0 6px 20px rgba(36, 26, 27, .05);--shadow-hover: 0 2px 4px rgba(36, 26, 27, .06), 0 12px 28px rgba(36, 26, 27, .1);--shadow-raised: 0 12px 36px rgba(36, 26, 27, .18);--shadow-brand: 0 6px 18px rgba(200, 32, 47, .28);--tap-target-min: 48px;--bottom-nav-height: 68px;--top-bar-height: 42px;--field-date-width: 172px;--field-time-width: 118px;--field-num-width: 112px;--field-short-width: 260px;--motion-fast: .14s;--motion-base: .22s;--motion-slow: .38s;--motion-ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0C1030;--color-bg-accent-1: rgba(255, 85, 102, .11);--color-bg-accent-2: rgba(110, 140, 255, .13);--color-surface: #161C46;--color-surface-sunken: #111634;--color-surface-raised: #1E2557;--color-border: #2B3370;--color-border-strong: #3F4A96;--color-overlay: rgba(4, 7, 26, .72);--color-ink: #EEF0FC;--color-ink-muted: #AEB6E4;--color-ink-faint: #7E87C0;--color-on-brand: #FFFFFF;--color-brand: #FF5566;--color-brand-dark: #D8283C;--color-brand-soft: #FF8A95;--color-brand-tint: #431628;--color-brand-gradient: linear-gradient(135deg, #E22E42 0%, #8E1424 100%);--color-accent: #6E8CFF;--color-accent-dark: #4B6BF0;--color-accent-tint: #1A2358;--color-status-active: #6E8CFF;--color-status-active-tint: #1A2358;--color-status-tracking: #F2B95E;--color-status-tracking-tint: #3D2E12;--color-status-done: #AEB6E4;--color-status-done-tint: #232A55;--color-status-suspended: #FF8A95;--color-status-suspended-tint: #431628;--color-alert: #FF6B7B;--color-alert-tint: #521C2C;--color-success: #46D9A0;--color-success-tint: #0E3A2C;--shadow-card: 0 1px 2px rgba(3, 6, 25, .5), 0 6px 20px rgba(3, 6, 25, .45);--shadow-hover: 0 2px 4px rgba(3, 6, 25, .55), 0 12px 28px rgba(3, 6, 25, .6);--shadow-raised: 0 12px 36px rgba(3, 6, 25, .7);--shadow-brand: 0 6px 18px rgba(226, 46, 66, .42)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;width:100%;overflow-x:hidden;background-color:var(--color-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;width:100%;min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--color-bg);background-image:radial-gradient(120% 60% at 100% 0%,var(--color-bg-accent-1) 0%,transparent 60%),radial-gradient(90% 50% at 0% 12%,var(--color-bg-accent-2) 0%,transparent 55%);background-repeat:no-repeat}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--color-ink);margin:0;line-height:1.2;letter-spacing:-.01em}p{margin:0}button{font-family:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-brand-tint);color:var(--color-ink)}.app-shell{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-5);padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(var(--space-5),env(safe-area-inset-right));padding-bottom:calc(var(--bottom-nav-height) + var(--space-7) + env(safe-area-inset-bottom));width:100%}@media (max-width: 400px){.app-shell{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}.patient-switcher{position:sticky;top:calc(var(--top-bar-height) + env(safe-area-inset-top));z-index:10;display:flex;align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--motion-fast) var(--motion-ease)}.patient-switcher:hover{border-color:var(--color-brand)}.patient-switcher-photo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--color-brand-tint);color:var(--color-brand);font-family:var(--font-display);font-size:15px;font-weight:600}.patient-switcher-photo img{width:100%;height:100%;object-fit:cover}.patient-switcher-label{display:block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--color-ink-faint);line-height:1.2}.patient-switcher-name{display:block;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-ink);line-height:1.2}.patient-switcher-action{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding:6px 10px 6px 12px;border-radius:var(--radius-pill);background:var(--color-brand-tint);color:var(--color-brand);font-size:var(--text-xs);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:none;background:transparent;font-size:var(--text-base);font-weight:600;line-height:1.2;white-space:nowrap;transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-brand-gradient);color:var(--color-on-brand);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--color-brand-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-brand);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-brand);background:var(--color-brand-tint)}.btn-ghost{background:transparent;color:var(--color-ink-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-ink)}.btn-danger{background:var(--color-alert);color:#fff}.btn-sm{min-height:38px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-icon{min-height:40px;width:40px;padding:0;border-radius:var(--radius-pill);flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}@media (max-width: 400px){.card{padding:var(--space-4)}}.card-interactive{display:block;width:100%;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.card-interactive:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-brand);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--color-border-strong)}.card-interactive:hover:before{opacity:1}.card-interactive:active{transform:translateY(0)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.section-head h2,.section-head h3{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);min-width:0}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-brand-tint);color:var(--color-brand);flex-shrink:0}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);min-width:0;flex:1 1 auto}.field label{font-weight:600;font-size:var(--text-sm);color:var(--color-ink-muted)}.field-hint{font-size:var(--text-xs);color:var(--color-ink-faint);margin:0}.field input,.field select,.field textarea{width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);min-height:var(--tap-target-min);border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.field input::placeholder,.field textarea::placeholder{color:var(--color-ink-faint)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-border-strong)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-tint)}.field textarea{min-height:96px;resize:vertical;line-height:1.5}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:var(--space-6);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 12px) calc(50% + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field.is-date,.field.is-time,.field.is-num,.field.is-short{flex-grow:0}.field.is-date{flex-basis:var(--field-date-width);max-width:var(--field-date-width)}.field.is-time{flex-basis:var(--field-time-width);max-width:var(--field-time-width)}.field.is-num{flex-basis:var(--field-num-width);max-width:var(--field-num-width)}.field.is-short{flex-basis:var(--field-short-width);max-width:var(--field-short-width)}.field.is-date input,.field.is-time input,.field.is-num input{font-variant-numeric:tabular-nums;height:var(--tap-target-min);line-height:1.2;padding-left:var(--space-3);padding-right:var(--space-3)}.field.is-num input{text-align:center}.field.is-num input[type=number]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield}.field.is-num input[type=number]::-webkit-outer-spin-button,.field.is-num input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=date],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.field.is-flush{margin-bottom:0}.field-error{margin:0;font-size:var(--text-xs);font-weight:600;color:var(--color-alert)}.date-input{position:relative;display:flex;align-items:center;width:100%}.date-input>input[type=text]{width:100%;padding-right:46px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.date-input>input[type=text][aria-invalid=true]{border-color:var(--color-alert)}.date-input-picker{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);color:var(--color-ink-muted);background:var(--color-surface-sunken);overflow:hidden}.date-input-picker:hover{color:var(--color-brand)}.date-input-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;padding:0;margin:0;border:none;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-input-picker:focus-within{outline:3px solid var(--color-brand);outline-offset:1px}.field-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4)}.search{position:relative;display:flex;align-items:center;width:100%}.search svg{position:absolute;left:var(--space-4);color:var(--color-ink-faint);pointer-events:none}.search input{width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-5) var(--space-3) calc(var(--space-4) + 30px);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.search input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-tint)}.search-clear{position:absolute;right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--color-ink-faint)}.search-clear:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.filter-bar{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) var(--space-1) var(--space-2);margin:0 calc(var(--space-1) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.filter-chip:hover{border-color:var(--color-border-strong)}.filter-chip[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-ink-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.filter-chip[aria-pressed=true] .filter-count{background:#ffffff3d;color:var(--color-on-brand)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;white-space:nowrap;flex-shrink:0}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge.no-dot:before{display:none}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.tile{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);min-width:0}.tile-label{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--color-ink-faint)}.tile-value{margin:0;font-size:var(--text-lg);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.tile-value.is-big{font-family:var(--font-display);font-size:var(--text-2xl)}.tile-hint{margin:0;font-size:var(--text-xs);color:var(--color-ink-muted);overflow-wrap:anywhere}.data-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3) var(--space-5);margin:0}.data-list dt{font-size:var(--text-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:2px}.data-list dd{margin:0 0 var(--space-3);overflow-wrap:anywhere}.log-entry{border-left:3px solid var(--color-brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface-sunken);padding:var(--space-3) var(--space-4)}.log-entry-date{margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--color-ink-faint)}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton{background:var(--color-border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.3s var(--motion-ease) infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in-up var(--motion-slow) var(--motion-ease) both}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--color-ink-muted)}.faint{color:var(--color-ink-faint)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.nums{font-variant-numeric:tabular-nums}.divider{height:1px;background:var(--color-border);border:none;margin:0}.bottom-nav-label{font-size:var(--text-xs);line-height:1.1;white-space:nowrap}@media (max-width: 379px){.bottom-nav-label{font-size:11px;letter-spacing:-.2px}}.brand-prefix{white-space:nowrap}@media (max-width: 359px){.brand-prefix{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-5);color:var(--color-ink-muted)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-brand-tint);color:var(--color-brand)}@media print{:root{--color-bg: #fff;--color-surface: #fff;--color-surface-sunken: #fff;--color-ink: #000;--color-ink-muted: #333;--color-ink-faint: #555;--color-border: #bbb;--shadow-card: none;--shadow-hover: none;--shadow-raised: none;--shadow-brand: none}body{background:#fff!important;font-size:11pt}.no-print,nav,.btn{display:none!important}.card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.print-sheet{position:static!important;inset:auto!important;overflow:visible!important;background:#fff!important;padding:0!important}.print-page-break{break-before:page;page-break-before:always}}.emergency-primary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-brand-gradient);color:var(--color-on-brand);text-decoration:none;box-shadow:var(--shadow-brand);min-height:96px}.emergency-primary:active{transform:scale(.99)}.emergency-primary-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;border-radius:50%;background:#fff3}.emergency-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:var(--tap-target-min);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);text-decoration:none}.emergency-row:hover{border-color:var(--color-brand)}.emergency-row-number{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:6px 8px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--color-brand-tint);color:var(--color-brand);font-weight:700;font-size:var(--text-sm)}.steps{margin:0;padding:0;list-style:none;counter-reset:paso;display:flex;flex-direction:column;gap:var(--space-3)}.steps li{counter-increment:paso;position:relative;padding-left:38px;font-size:var(--text-sm);color:var(--color-ink-muted)}.steps li:before{content:counter(paso);position:absolute;left:0;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-brand-tint);color:var(--color-brand);font-weight:700;font-size:var(--text-xs)}
