html[data-mobile-layout=portrait],html[data-mobile-layout=landscape]{overflow:hidden;width:100%;height:100%}html[data-mobile-layout=portrait] body,html[data-mobile-layout=landscape] body{overflow:hidden;width:100%;height:100%;margin:0;touch-action:auto}html[data-mobile-layout=landscape] app-root{display:block;width:100%;height:100%;overflow:hidden}.orientation-lock{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:2rem;padding:calc(2rem + env(safe-area-inset-top,0px)) calc(2rem + env(safe-area-inset-right,0px)) calc(2rem + env(safe-area-inset-bottom,0px)) calc(2rem + env(safe-area-inset-left,0px));text-align:center;background:var(--app-background);color:var(--text-primary)}.orientation-lock__icon{width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;fill:var(--accent-strong);animation:orientation-lock-pulse 1.6s ease-in-out infinite}.orientation-lock__title{margin:0 0 .65rem;font-size:1.25rem;font-weight:700}.orientation-lock__text{margin:0;max-width:18rem;color:var(--text-secondary);line-height:1.5;font-size:.95rem}@keyframes orientation-lock-pulse{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.app-viewport--mobile-landscape{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:var(--app-background);touch-action:auto}.app-viewport--mobile-landscape .app-scale-shell{position:absolute;top:0;left:0;width:var(--mobile-design-width, 1280px);height:var(--mobile-design-height, 720px);zoom:var(--mobile-scale, 1)}@supports not (zoom: 1){.app-viewport--mobile-landscape .app-scale-shell{zoom:unset;transform:translate(var(--mobile-offset-x, 0px),var(--mobile-offset-y, 0px)) scale(var(--mobile-scale, 1));transform-origin:top left}}html[data-mobile-layout=landscape] .app-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}html[data-mobile-layout=landscape] .app-content{flex:1 1 auto;min-height:0;overflow:hidden;padding:.2rem .25rem .25rem}html[data-mobile-layout=landscape] app-header .topbar{flex-direction:row;align-items:center;flex-shrink:0;padding:.4rem .55rem}html[data-mobile-layout=landscape] app-header .topbar__actions{width:auto;flex-wrap:nowrap}html[data-mobile-layout=landscape] app-header .doctor-menu{flex:0 0 auto}html[data-mobile-layout=landscape] app-header .doctor-card{width:auto;padding:.45rem .6rem}html[data-mobile-layout=landscape] app-header .brand__mark{width:2.2rem;height:2.2rem}html[data-mobile-layout=landscape] app-header .brand__text strong{font-size:.82rem}html[data-mobile-layout=landscape] app-patient-detail-page{display:block;height:100%;min-height:0;overflow:hidden}html[data-mobile-layout=landscape] app-patient-detail-page .detail-layout{height:100%;min-height:0;max-height:100%;margin:0;padding:.2rem;--panel-gap: .45rem;--detail-sidebar-width: 270px;--record-header-height: 4.8rem}html[data-mobile-layout=landscape] app-patient-detail-page .detail-main,html[data-mobile-layout=landscape] app-patient-detail-page .detail-content{min-height:0;height:100%;overflow:hidden}html[data-mobile-layout=landscape] app-patient-detail-page .detail-content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.45rem}html[data-mobile-layout=landscape] app-patient-detail-page .record-header{padding:.45rem .65rem;min-height:var(--record-header-height)}html[data-mobile-layout=landscape] app-patient-detail-page .record-header__primary{font-size:.95rem}html[data-mobile-layout=landscape] app-patient-detail-page .record-header__secondary,html[data-mobile-layout=landscape] app-patient-detail-page .record-header__label{font-size:.68rem}html[data-mobile-layout=landscape] app-patient-detail-page .bottom-panels{min-height:0;height:100%;align-items:stretch}html[data-mobile-layout=landscape] app-patient-detail-page .vitals-panel,html[data-mobile-layout=landscape] app-patient-detail-page .risk-panel,html[data-mobile-layout=landscape] app-patient-detail-page .medications-panel{min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}html[data-mobile-layout=landscape] app-patient-detail-page .metric-grid,html[data-mobile-layout=landscape] app-patient-detail-page .risk-secondary,html[data-mobile-layout=landscape] app-patient-detail-page .medication-status-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:.45rem;gap:.35rem}html[data-mobile-layout=landscape] app-patient-detail-page .sidebar-section{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:.55rem;gap:.55rem}html[data-mobile-layout=landscape] app-patient-detail-page .lookup-list{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}html[data-mobile-layout=landscape] app-patient-detail-page .metric-card{min-height:3.35rem;padding:.42rem .55rem}html[data-mobile-layout=landscape] app-patient-detail-page .metric-card:not(.metric-card--readonly):not(.metric-card--editing){display:flex;flex-direction:column;gap:.15rem}html[data-mobile-layout=landscape] app-patient-detail-page .metric-card:not(.metric-card--readonly):not(.metric-card--editing) .metric-card__edit{position:static;inset:auto;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:auto;width:100%;min-height:2rem;margin-top:.1rem;padding:.35rem .5rem;background:var(--accent-faint);border-radius:.45rem;font-size:.68rem}html[data-mobile-layout=landscape] app-patient-detail-page .metric-card--readonly .metric-card__derived{position:static;inset:auto;opacity:1;pointer-events:none;padding:.2rem 0 0;background:transparent;font-size:.65rem}html[data-mobile-layout=landscape] app-patient-detail-page .medications-panel--status .medication-status-item--summary{min-height:auto;overflow:visible;display:flex;flex-direction:column;gap:.2rem}html[data-mobile-layout=landscape] app-patient-detail-page .medication-status-item__hover-details{position:static;inset:auto;opacity:1;pointer-events:auto;padding:0;background:transparent}html[data-mobile-layout=landscape] app-patient-detail-page .history-card:active .history-card__details,html[data-mobile-layout=landscape] app-patient-detail-page .history-card:focus-within .history-card__details{max-height:1000px;opacity:1;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-subtle)}html[data-mobile-layout=landscape] app-patient-detail-page input,html[data-mobile-layout=landscape] app-patient-detail-page textarea,html[data-mobile-layout=landscape] app-patient-detail-page select{font-size:16px}html[data-mobile-layout=landscape] app-patient-detail-page button,html[data-mobile-layout=landscape] app-patient-detail-page .lookup-list button{min-height:2rem;touch-action:manipulation}html[data-mobile-layout=landscape] app-patient-detail-page .metric-card span{font-size:.72rem}html[data-mobile-layout=landscape] app-patient-detail-page .metric-card small{font-size:.66rem}html[data-mobile-layout=landscape] app-patient-detail-page .panel__header{padding:.45rem .55rem 0;flex-shrink:0}html[data-mobile-layout=landscape] app-patient-detail-page .panel__header h2{font-size:.82rem}html[data-mobile-layout=landscape] app-patient-detail-page .detail-sidebar{min-height:0;height:100%}html[data-mobile-layout=landscape] app-patient-detail-page .detail-sidebar__panel{min-height:0;max-height:100%;height:100%;position:relative;top:0;display:flex;flex-direction:column;overflow:hidden}html[data-mobile-layout=landscape] app-patient-detail-page .detail-sidebar__header{padding:.45rem .55rem;flex-shrink:0}html[data-mobile-layout=landscape] app-patient-detail-page .detail-sidebar__tab{font-size:.82rem;padding:.28rem .35rem;min-height:2rem;touch-action:manipulation}html[data-mobile-layout=landscape] app-patient-search-page{display:block;height:100%}html[data-mobile-layout=landscape] app-patient-search-page .search-shell{height:100%;min-height:0;align-content:center}html[data-mobile-layout=landscape] app-patient-search-page .search-panel{padding:1rem;gap:1rem}html[data-mobile-layout=landscape] app-patient-search-page .suggestions{max-height:55vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}html[data-mobile-layout=landscape] app-patient-search-page .suggestion-card{min-height:2.75rem;touch-action:manipulation}html[data-mobile-layout=landscape] app-header .settings__toggle,html[data-mobile-layout=landscape] app-header .doctor-card,html[data-mobile-layout=landscape] app-header .account__action,html[data-mobile-layout=landscape] app-header .segmented button{min-height:2.25rem;touch-action:manipulation}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,sans-serif}html{scrollbar-gutter:stable}body{background:var(--app-background);color:var(--text-primary)}*{box-sizing:border-box}html[data-theme=dark]{--app-background: #18324a;--app-glow-1: rgba(137, 194, 229, .34);--app-glow-2: rgba(112, 183, 219, .28);--surface-panel: rgba(15, 23, 42, .82);--surface-elevated: rgba(12, 19, 34, .92);--surface-soft: rgba(15, 23, 42, .5);--surface-soft-strong: rgba(15, 23, 42, .52);--surface-overlay: rgba(15, 23, 42, .85);--text-primary: #f8fafc;--text-secondary: rgba(226, 232, 240, .84);--text-muted: rgba(148, 163, 184, .85);--border-subtle: rgba(148, 163, 184, .14);--border-soft: rgba(148, 163, 184, .12);--accent-strong: #5aa9e6;--accent-soft: #88d2ff;--accent-faint: rgba(90, 169, 230, .14);--success-strong: #22c55e;--success-soft: #86efac;--success-faint: rgba(34, 197, 94, .12);--danger-strong: #ef4444;--danger-soft: #fca5a5;--danger-faint: rgba(239, 68, 68, .12);--warning-soft: #fcd34d;--warning-faint: rgba(245, 158, 11, .18);--info-soft: #bfdbfe;--info-faint: rgba(59, 130, 246, .18);--shadow-panel: 0 20px 40px rgba(2, 6, 23, .28)}html[data-theme=light]{--app-background: #ffffff;--app-glow-1: rgba(0, 0, 0, 0);--app-glow-2: rgba(0, 0, 0, 0);--surface-panel: #e8edf3;--surface-elevated: #f3f6f9;--surface-soft: #edf2f6;--surface-soft-strong: #e9eef4;--surface-overlay: #f4f7fa;--text-primary: #111827;--text-secondary: rgba(17, 24, 39, .82);--text-muted: #6b7280;--border-subtle: rgba(15, 23, 42, .12);--border-soft: rgba(15, 23, 42, .08);--accent-strong: #2563eb;--accent-soft: #60a5fa;--accent-faint: rgba(37, 99, 235, .08);--success-strong: #16a34a;--success-soft: #166534;--success-faint: rgba(34, 197, 94, .1);--danger-strong: #dc2626;--danger-soft: #991b1b;--danger-faint: rgba(239, 68, 68, .1);--warning-soft: #92400e;--warning-faint: rgba(245, 158, 11, .12);--info-soft: #1d4ed8;--info-faint: rgba(59, 130, 246, .12);--shadow-panel: 0 12px 28px rgba(15, 23, 42, .08)}