.demo-page{--design-bg:#f5f5f7;--design-surface:#fff;--design-text:#1d1d1f;--design-text-secondary:#000c;--design-border:#e6e6eb;--design-primary:#0071e3;--design-primary-hover:#06c;--design-focus:#0071e3;--design-shadow:#0000001f 0 6px 20px;--demo-user-font-size:14px;--demo-user-font-scale:1;--demo-user-font-weight:500;--primary:210 100% 45%;--primary-foreground:0 0% 100%;--ring:210 100% 45%;color:var(--design-text);background:var(--design-bg);min-height:100vh}.demo-page :where(p,span,label,button,input,textarea,li,a,h1,h2,h3,h4,h5,h6){font-weight:var(--demo-user-font-weight)}.demo-page .text-xs{font-size:calc(.75rem*var(--demo-user-font-scale))}.demo-page .text-sm{font-size:calc(.875rem*var(--demo-user-font-scale))}.demo-page .text-base{font-size:calc(1rem*var(--demo-user-font-scale))}.demo-page .text-lg{font-size:calc(1.125rem*var(--demo-user-font-scale))}.demo-page h1,.demo-page h2,.demo-page h3,.demo-page h4{letter-spacing:-.01em}.demo-page .bg-white{background-color:var(--design-surface)!important}.demo-page [class*=rounded]{border-radius:12px}.demo-page .shadow,.demo-page [class*=shadow-]{box-shadow:var(--design-shadow)}.demo-topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffe0;border-bottom:1px solid #e6e6eb}.demo-brand-title{color:#1d1d1f;margin:0;font-size:16px;font-weight:600}.demo-tabs{gap:2px;display:flex}.demo-tab{color:#667085;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:color .2s,border-color .2s;display:inline-flex;position:relative}.demo-tab:hover{color:#1d2939}.demo-tab.is-active{color:#155eef;border-bottom-color:var(--design-primary)}.demo-tab-badge{color:#fff;background:#ff3b30;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.demo-profile-trigger{background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .2s;display:flex}.demo-profile-trigger:hover{background:#f5f8fc}.demo-profile-avatar{color:#155eef;background:#eaf2ff;border:1px solid #cfe0fb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.demo-profile-popover{border:1px solid var(--design-border);box-shadow:var(--design-shadow);border-radius:12px}.demo-alert-icon-btn{background:#fffaf2!important;border-color:#f7d6a4!important;border-radius:999px!important;width:30px!important;height:30px!important}.demo-alert-popover{border:1px solid #f1ddbf;border-radius:12px}.demo-alert-mini-item{background:#fff;border:1px solid #e7ebf2;border-radius:10px;padding:8px 9px}.demo-alert-mini-item.level-critical{border-left:4px solid #d92d20}.demo-alert-mini-item.level-warning{border-left:4px solid #f79009}.demo-alert-mini-item.level-info{border-left:4px solid #2e90fa}.demo-column{border:1px solid var(--design-border);background:var(--design-surface);box-shadow:var(--design-shadow);border-radius:12px}.demo-column-left{background:#f8f9fb}.demo-column-center{background:#fff}.demo-column-right{background:#fbfbfd}.demo-patient-list-card,.demo-chat-card,.demo-patient-info-card,.demo-plan-card{border:1px solid var(--design-border);background:var(--design-surface);box-shadow:none;border-radius:12px}.demo-patient-info-trigger{border-radius:0!important}.demo-info-section{border:1px solid #e8ebf0;background:#fafbfc!important}.demo-info-row{border-color:#e9ecf1!important}.demo-info-input{border-color:var(--design-border);background:#fff;border-radius:8px}.demo-severity-badge{border-radius:999px}.demo-severity-badge.tone-critical{color:#b42318;background:#fef3f2;border-color:#fecdca}.demo-severity-badge.tone-warning{color:#b54708;background:#fffaeb;border-color:#fedf89}.demo-severity-badge.tone-normal{color:#9a6700;background:#fffcf0;border-color:#f3d08b}.demo-severity-badge.tone-good{color:#027a48;background:#ecfdf3;border-color:#abefc6}.demo-primary-btn{border-radius:999px!important}.demo-secondary-btn{background:#fff!important;border-color:#ced3da!important;border-radius:999px!important}.demo-secondary-btn:hover{background:#f5f8fc!important}.demo-add-patient-btn{font-size:12px;border-radius:999px!important}.demo-search-input,.demo-chat-input{border-color:var(--design-border);background:#fff;border-radius:10px}.demo-search-input:focus-visible,.demo-chat-input:focus-visible{border-color:var(--design-primary);box-shadow:0 0 0 2px #0071e333}.demo-patient-tabs{background:#eff1f4;border-radius:10px;gap:6px;height:auto;padding:3px}.demo-patient-tab-trigger{color:#000000b3;background:#fff;border:1px solid #d8dde6;border-radius:8px;min-height:30px;font-size:12px;line-height:1.2}.demo-patient-tab-trigger[data-state=active]{color:var(--design-text);background:#fff;box-shadow:0 1px 2px #00000014}.demo-patient-tab-trigger.tone-all{border-color:#cfd6e1}.demo-patient-tab-trigger.tone-mine{border-color:#c7d7f6}.demo-patient-tab-trigger.tone-critical{border-color:#f3b7b7}.demo-patient-tab-trigger.tone-warning{border-color:#f3c58d}.demo-patient-tab-trigger.tone-normal{border-color:#f0d58a}.demo-patient-tab-trigger.tone-good{border-color:#a8dfbf}.demo-patient-tab-trigger.tone-referral{border-color:#bdd3f7}.demo-patient-tab-trigger.tone-critical[data-state=active]{color:#b42318;border-color:#d92d20}.demo-patient-tab-trigger.tone-mine[data-state=active]{color:#155eef;border-color:#2e90fa}.demo-patient-tab-trigger.tone-warning[data-state=active]{color:#b54708;border-color:#f79009}.demo-patient-tab-trigger.tone-normal[data-state=active]{color:#9a6700;border-color:#eaaa08}.demo-patient-tab-trigger.tone-good[data-state=active]{color:#027a48;border-color:#12b76a}.demo-patient-tab-trigger.tone-referral[data-state=active]{color:#155eef;border-color:#2e90fa}.demo-patient-item{box-shadow:none;background:#fff;border:1px solid #e7eaef;border-left-width:6px!important;border-radius:10px!important}.demo-patient-item.tone-critical{border-left-color:#d92d20}.demo-patient-item.tone-warning{border-left-color:#f79009}.demo-patient-item.tone-normal{border-left-color:#eaaa08}.demo-patient-item.tone-good{border-left-color:#12b76a}.demo-patient-item-default:hover{background:#f6f9ff;border-color:#d8e4f8}.demo-patient-item-selected{background:#ebf3ff;box-shadow:inset 0 0 0 1px #2e90fa40}.demo-patient-referral-badge{color:#2b4f89;background:#f4f8ff;border-color:#bdd3f7}.demo-patient-diagnosis-badge{color:#4a4d54;background:#f3f4f7;border:1px solid #e3e6ec;border-radius:999px}.demo-chat-bubble{border-radius:12px;line-height:1.45}.demo-chat-row{align-items:flex-end;gap:8px;max-width:100%;display:flex}.demo-chat-row.is-clinician{flex-direction:row;justify-content:flex-end;width:100%}.demo-chat-avatar-wrap{flex-shrink:0;width:28px;height:28px}.demo-chat-avatar-photo{border:1px solid var(--design-border);border-radius:999px;width:28px;height:28px}.demo-chat-avatar-clinician{border-color:#93c5fd}.demo-chat-avatar-patient{border-color:#d1d5db}.demo-chat-bubble-clinician{background:var(--design-primary);color:#fff;border:1px solid var(--design-primary)}.demo-chat-bubble-patient{color:#1d1d1f;background:#f2f5fa;border:1px solid #d9dce2}.demo-chat-bubble-assistant{color:#1d1d1f;border:1px solid var(--design-border);background:#f7f7f8}.demo-chat-send-btn{border-radius:10px!important}.demo-chat-add-btn{color:#344054!important;background:#fff!important;border-color:#cfd6e1!important;border-radius:10px!important}.demo-chat-add-btn:hover{background:#f8fafc!important;border-color:#b8c4d7!important}.demo-structured-picker{border:1px solid #d8e0ec;border-radius:12px}.demo-structured-picker-title{color:#344054;padding:4px 6px 8px;font-size:12px;font-weight:600}.demo-structured-picker-item{text-align:left;background:#fff;border:1px solid #e4e8f0;border-radius:10px;width:100%;padding:8px 10px;transition:background-color .2s,border-color .2s}.demo-structured-picker-item:hover{background:#f8fbff;border-color:#c9d9f6}.demo-structured-picker-item-title{color:#1d2939;font-size:12px;font-weight:600}.demo-structured-picker-item-summary{color:#667085;margin-top:2px;font-size:11px;line-height:1.35}.demo-structured-card{background:#ffffff29;border:1px solid #ffffff59;border-radius:10px;padding:8px}.demo-chat-bubble-assistant .demo-structured-card,.demo-chat-bubble-patient .demo-structured-card{background:#f8fbff;border-color:#dbe7fb}.demo-structured-title{font-size:12px;font-weight:600}.demo-structured-summary{opacity:.9;margin-top:2px;font-size:11px;line-height:1.35}.demo-structured-tag{border:1px solid #ffffff4d;font-size:10px!important}.demo-smart-alerts-card,.demo-medication-card,.demo-lab-exam-card{border:1px solid var(--design-border);background:var(--design-surface);border-radius:12px}.demo-lab-item{background:#fafbfc;border:1px solid #e7ebf2;border-radius:10px;padding:8px 10px}.demo-lab-item.is-selected{background:#f7faff;border-color:#cfe0fb}.demo-alert-item{border-radius:10px}.demo-med-summary{background:#fafbfc;border:1px solid #e8ebf0;border-radius:10px;padding:10px}.demo-contra-item{border-radius:10px!important}.demo-med-expand-btn{border-radius:10px}.demo-med-panel{background:#fafbfc;border:1px solid #e8ebf0;border-radius:10px;padding:12px}.demo-settings-nav-card,.demo-settings-card{border:1px solid var(--design-border);background:#fff;border-radius:12px}.demo-settings-tab{color:#475467;background:#fff;border:1px solid #d8dde6;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:12px;display:inline-flex}.demo-settings-tab.is-active{color:#155eef;background:#f5f9ff;border-color:#2e90fa}.demo-settings-row{background:#fafbfc;border:1px solid #e7ebf2;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.demo-settings-kpi{background:#fff;border:1px solid #dce3ef;border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 12px;display:flex}.demo-settings-kpi span{color:#667085;font-size:12px}.demo-settings-kpi strong{color:#1d2939;font-size:20px;line-height:1}.demo-settings-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-settings-create-box{background:#f9fbff;border:1px solid #dce3ef;border-radius:10px;padding:10px}.demo-settings-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-builder-steps{flex-wrap:wrap;gap:6px;display:flex}.demo-builder-stage-card{background:#fff;border:1px solid #dce3ef;border-radius:10px;padding:8px}.demo-builder-preview{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:10px}.demo-select{color:#344054;background:#fff;border:1px solid #d8dde6;border-radius:8px;height:32px;padding:0 8px;font-size:12px}.demo-chip-btn{color:#475467;background:#fff;border:1px solid #d8dde6;border-radius:999px;height:28px;padding:0 10px;font-size:12px}.demo-chip-btn.is-active{color:#155eef;background:#f5f9ff;border-color:#2e90fa}.demo-plan-tabs{background:#eff1f4;border-radius:10px;padding:3px}.demo-plan-tab-trigger{border-radius:8px;font-size:12px}.demo-plan-tab-trigger[data-state=active]{background:#fff;box-shadow:0 1px 2px #00000014}.demo-plan-panel,.demo-plan-item{background:#fafbfc;border:1px solid #e8ebf0;border-radius:10px;padding:12px}.demo-ai-analysis-panel{background:#f5f9ff;border:1px solid #dbe7fb;border-radius:10px;padding:10px 12px}.demo-page .demo-primary-btn,.demo-page .demo-add-patient-btn,.demo-page .demo-chat-send-btn{border-radius:999px;transition:background-color .2s;background-color:var(--design-primary)!important;border-color:var(--design-primary)!important;color:#fff!important}.demo-page .demo-primary-btn:hover,.demo-page .demo-add-patient-btn:hover,.demo-page .demo-chat-send-btn:hover{background-color:var(--design-primary-hover)!important}.demo-page button:focus-visible,.demo-page [role=button]:focus-visible,.demo-page a:focus-visible{outline:2px solid var(--design-focus);outline-offset:2px}@media (max-width:1280px){.demo-brand-title{display:none}}