:root{
  --demo-ink:#282522;
  --demo-muted:#756f68;
  --demo-paper:#fbf8f2;
  --demo-line:#ded8ce;
  --demo-accent:#c85d3c;
  --demo-green:#2f7759;
}

.demo-login-intro{margin:-2px 0 22px;text-align:center;}
.demo-login-intro span{display:inline-flex;padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;}
.demo-login-intro h1{margin:12px 0 6px;font-family:var(--font-serif,"Newsreader",serif);font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--ink);}
.demo-login-intro p{margin:0 auto;max-width:250px;color:var(--text-muted);font-size:12px;line-height:1.5;}
.demo-login-safety{display:flex;align-items:flex-start;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid var(--border);color:var(--text-muted);font-size:10px;line-height:1.45;}
.demo-login-safety i{flex:0 0 auto;width:7px;height:7px;margin-top:3px;border-radius:50%;background:#4c9971;box-shadow:0 0 0 3px color-mix(in srgb,#4c9971 16%,transparent);}
#login-screen .login-card{width:360px;padding:38px 42px 30px;}
#login-screen .login-field input{font-size:14px;padding:10px 12px;}

body.os-demo-clinic-active{margin:0;min-height:100vh;background:var(--demo-paper);color:var(--demo-ink);font-family:var(--font,"DM Sans",sans-serif);}
.demo-clinic-shell{min-height:100vh;display:flex;flex-direction:column;}
.demo-clinic-header{height:72px;padding:0 clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--demo-line);background:rgba(255,255,255,.62);backdrop-filter:blur(14px);}
.demo-clinic-brand,.demo-clinic-user{display:flex;align-items:center;}
.demo-clinic-eye{display:grid;place-items:center;width:38px;height:38px;color:var(--demo-ink);}
.demo-clinic-eye svg{width:36px;height:36px;}
.demo-clinic-wordmark{font-family:var(--font-serif,"Newsreader",serif);font-size:22px;letter-spacing:-.02em;}
.demo-clinic-wordmark b{font-weight:650;color:var(--demo-accent);}
.demo-mode-chip{margin-left:14px;padding:4px 8px;border-radius:999px;background:#efe7dd;color:#725d4f;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;}
.demo-clinic-user{gap:15px;text-align:right;}
.demo-clinic-user>span{display:flex;flex-direction:column;}
.demo-clinic-user b{font-size:12px;font-weight:650;}
.demo-clinic-user small{margin-top:2px;color:var(--demo-muted);font-size:10px;}
.demo-clinic-user button,.demo-clinic-header button{padding:7px 10px;border:1px solid var(--demo-line);border-radius:7px;background:#fff;color:var(--demo-ink);font:600 11px var(--font,"DM Sans",sans-serif);cursor:pointer;}
.demo-clinic-user button:hover{border-color:var(--demo-accent);color:var(--demo-accent);}
.demo-clinic-content{width:min(1220px,calc(100% - 44px));margin:0 auto;padding:52px 0 48px;}
.demo-clinic-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;}
.demo-eyebrow{color:var(--demo-accent);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;}
.demo-clinic-heading h1{margin:7px 0 4px;font-family:var(--font-serif,"Newsreader",serif);font-size:43px;font-weight:450;letter-spacing:-.035em;}
.demo-clinic-heading p{margin:0;color:var(--demo-muted);font-size:13px;}
.demo-clinic-summary{display:flex;align-items:baseline;gap:7px;padding:11px 15px;border-left:2px solid var(--demo-accent);background:#fff;box-shadow:0 7px 24px rgba(73,54,39,.05);}
.demo-clinic-summary strong{font:500 30px var(--font-serif,"Newsreader",serif);}
.demo-clinic-summary span{color:var(--demo-muted);font-size:11px;}
.demo-safety-note{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:13px 16px;border:1px solid #d4dfd8;border-radius:9px;background:#f3f8f5;color:#375b48;}
.demo-safety-note>span{width:9px;height:9px;border-radius:50%;background:var(--demo-green);box-shadow:0 0 0 4px rgba(47,119,89,.12);}
.demo-safety-note p{margin:0;font-size:11px;line-height:1.45;}
.demo-schedule-labels,.demo-patient-row{display:grid;grid-template-columns:82px 1.35fr 1.6fr 1.5fr 100px 92px;gap:18px;align-items:center;}
.demo-schedule-labels{padding:0 20px 9px;color:var(--demo-muted);font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;}
.demo-patient-list{border:1px solid var(--demo-line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 16px 45px rgba(62,47,35,.07);}
.demo-patient-row{width:100%;padding:17px 20px;border:0;border-bottom:1px solid #ebe6df;background:#fff;color:var(--demo-ink);font-family:inherit;text-align:left;cursor:pointer;transition:background .14s,transform .14s;}
.demo-patient-row:last-child{border-bottom:0;}
.demo-patient-row:hover{position:relative;background:#fcf7f1;box-shadow:inset 3px 0 0 var(--demo-accent);}
.demo-patient-row:focus-visible{outline:3px solid color-mix(in srgb,var(--demo-accent) 35%,transparent);outline-offset:-3px;}
.demo-patient-row strong{display:block;font-size:12px;font-weight:650;line-height:1.35;}
.demo-patient-row small{display:block;margin-top:4px;color:var(--demo-muted);font-size:10px;line-height:1.35;}
.demo-patient-time{font:500 17px var(--font-serif,"Newsreader",serif);}
.demo-patient-history{color:#5f5952;font-size:10px;line-height:1.45;}
.demo-patient-status{justify-self:start;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:750;white-space:nowrap;}
.demo-status-checked-in{background:#e9f4ee;color:#2e7355;}
.demo-status-ready{background:#fff0dc;color:#9a5b0c;}
.demo-status-booked{background:#edf0f3;color:#596571;}
.demo-open-chart{justify-self:end;color:var(--demo-accent);font-size:10px;font-weight:700;white-space:nowrap;}
.demo-open-chart span{display:inline-block;margin-left:3px;transition:transform .14s;}
.demo-patient-row:hover .demo-open-chart span{transform:translateX(3px);}
.demo-clinic-footer{margin-top:auto;padding:20px;text-align:center;color:var(--demo-muted);font-size:9px;letter-spacing:.05em;border-top:1px solid var(--demo-line);}

#demo-trial-controls{position:fixed;z-index:5000;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:6px;border:1px solid rgba(67,55,45,.17);border-radius:10px;background:rgba(255,252,247,.96);box-shadow:0 10px 30px rgba(43,33,25,.14);backdrop-filter:blur(12px);font-family:var(--font,"DM Sans",sans-serif);}
#demo-trial-controls>span{display:flex;align-items:center;gap:7px;padding:0 7px;color:#6b625a;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;}
#demo-trial-controls i{width:7px;height:7px;border-radius:50%;background:#4c9971;box-shadow:0 0 0 3px rgba(76,153,113,.13);}
#demo-trial-controls button{padding:7px 9px;border:1px solid #ddd5cc;border-radius:6px;background:#fff;color:#332f2b;font:650 10px var(--font,"DM Sans",sans-serif);cursor:pointer;}
#demo-trial-controls button:hover{border-color:var(--accent);color:var(--accent);}
body.os-demo-consolidated #demo-trial-controls{
  position:static;
  z-index:auto;
  margin:7px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
body.os-demo-consolidated #demo-trial-controls>span{display:none;}
body.os-demo-consolidated #demo-trial-controls button{background:color-mix(in srgb,var(--paper) 86%,white);}

/* Demo encounter: one quiet clinical workspace instead of a chain of mode switches. */
body.os-demo-consolidated.os-encounter-mode .os-encounter-tabs{
  justify-content:flex-start!important;
  padding-left:40px!important;
  gap:22px!important;
}
body.os-demo-consolidated.os-encounter-mode .os-encounter-tabs button{
  min-width:0!important;
  padding-left:2px!important;
  padding-right:2px!important;
  font-size:13px!important;
}
body.os-demo-consolidated.os-encounter-mode .os-encounter-tabs button[hidden]{display:none!important;}
body.os-demo-consolidated.os-encounter-mode .os-encounter-tabs button[data-os-tab="history"]::after{
  content:"Unified workspace";
  display:inline-flex;
  margin-left:9px;
  padding:3px 6px;
  border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);
  border-radius:999px;
  color:color-mix(in srgb,var(--accent) 88%,var(--ink));
  font-size:8px;
  font-weight:750;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  vertical-align:2px;
}
body.os-demo-consolidated.os-encounter-mode .os-workspace{
  max-width:1760px!important;
  padding:26px 32px 88px!important;
}
.demo-encounter-column-labels{display:none;}
body.os-demo-consolidated[data-encounter-tab="history"] .demo-encounter-column-labels{
  display:grid;
  grid-template-columns:minmax(220px,.82fr) minmax(420px,1.42fr) minmax(330px,1.04fr);
  gap:12px;
  margin:0 1px 9px;
}
.demo-encounter-column-labels span{
  display:flex;
  align-items:center;
  gap:8px;
  color:color-mix(in srgb,var(--ink) 60%,transparent);
  font:700 9px var(--font,"DM Sans",sans-serif);
  letter-spacing:.11em;
  text-transform:uppercase;
}
.demo-encounter-column-labels i{
  color:var(--accent);
  font:600 9px var(--font-mono,"DM Mono",monospace);
  letter-spacing:.03em;
}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] #exam-grid-dev{
  flex:0 0 auto!important;
  height:auto!important;
}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,.82fr) minmax(420px,1.42fr) minmax(330px,1.04fr)!important;
  grid-template-rows:auto auto auto!important;
  grid-auto-rows:auto!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  align-items:start!important;
  align-content:start!important;
}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card]{
  display:none!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  align-self:start!important;
}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="hpi"],
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="ocular-history"],
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="medical-history"],
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="other-examination"],
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="anterior-posterior-segment"],
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="assessment-plan"]{
  display:flex!important;
}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="hpi"]{grid-column:1!important;grid-row:1!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="ocular-history"]{grid-column:1!important;grid-row:2!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="medical-history"]{grid-column:1!important;grid-row:3!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="other-examination"]{grid-column:2!important;grid-row:1!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="anterior-posterior-segment"]{grid-column:2!important;grid-row:2 / 4!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="assessment-plan"]{grid-column:3!important;grid-row:1 / 4!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="hpi"]{order:1;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="ocular-history"]{order:2;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="medical-history"]{order:3;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="other-examination"]{order:4;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="anterior-posterior-segment"]{order:5;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="assessment-plan"]{order:6;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card]>.card-scroll{
  flex:0 1 auto!important;
  overflow:auto!important;
}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="hpi"]>.card-scroll{max-height:310px!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="ocular-history"]>.card-scroll,
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="medical-history"]>.card-scroll{max-height:430px!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="other-examination"]>.card-scroll{max-height:360px!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="anterior-posterior-segment"]>.card-scroll,
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="assessment-plan"]>.card-scroll{max-height:920px!important;}
body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="assessment-plan"]>.card-hdr>.card-title{
  flex:0 0 auto!important;
}
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer select,
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer input[type="file"],
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer button{
  min-height:32px;
  border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);
  border-radius:6px;
  background:color-mix(in srgb,var(--paper) 76%,white);
  color:var(--ink);
  font:600 10px var(--font,"DM Sans",sans-serif);
}
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer select{width:100%;padding:0 9px;}
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer input[type="file"]{width:100%;padding:3px;background:transparent;}
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer input[type="file"]::file-selector-button{
  height:24px;
  margin-right:8px;
  padding:0 9px;
  border:0;
  border-radius:4px;
  background:color-mix(in srgb,var(--accent) 11%,var(--paper));
  color:var(--accent);
  font:700 9px var(--font,"DM Sans",sans-serif);
  cursor:pointer;
}
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer button{padding:0 10px;cursor:pointer;}
body.os-demo-consolidated [data-widget-card="assessment-plan"] .card-footer button:hover{border-color:var(--accent);color:var(--accent);}

@media(max-width:1250px){
  body.os-demo-consolidated[data-encounter-tab="history"] .demo-encounter-column-labels,
  body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid{
    grid-template-columns:minmax(230px,.9fr) minmax(460px,1.5fr)!important;
  }
  .demo-encounter-column-labels span:nth-child(3){display:none;}
  body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card="assessment-plan"]{grid-column:1 / 3!important;grid-row:4!important;}
}
@media(max-width:820px){
  body.os-demo-consolidated.os-encounter-mode .os-workspace{padding:20px 14px 84px!important;}
  body.os-demo-consolidated.os-encounter-mode .os-encounter-tabs{padding-left:14px!important;gap:14px!important;overflow:auto!important;}
  body.os-demo-consolidated.os-encounter-mode .os-encounter-tabs button[data-os-tab="history"]::after{display:none;}
  body.os-demo-consolidated[data-encounter-tab="history"] .demo-encounter-column-labels{display:none;}
  body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid{grid-template-columns:1fr!important;}
  body.os-demo-consolidated.os-encounter-mode.encounter-active[data-encounter-tab="history"] .exam-grid.general-consult-grid>.card[data-widget-card]{grid-column:1!important;grid-row:auto!important;}
  body.os-demo-consolidated #demo-trial-controls>span{display:none;}
}

@media(max-width:900px){
  .demo-schedule-labels{display:none;}
  .demo-patient-row{grid-template-columns:70px 1.2fr 1.5fr 84px;}
  .demo-patient-history{display:none;}
  .demo-open-chart{display:none;}
}
@media(max-width:620px){
  .demo-clinic-header{height:auto;padding:14px 18px;align-items:flex-start;}
  .demo-mode-chip,.demo-clinic-user>span{display:none;}
  .demo-clinic-content{width:calc(100% - 28px);padding:32px 0;}
  .demo-clinic-heading h1{font-size:34px;}
  .demo-clinic-summary{display:none;}
  .demo-patient-row{grid-template-columns:62px 1fr 78px;gap:10px;padding:15px 13px;}
  .demo-patient-visit{display:none;}
  #demo-trial-controls>span{display:none;}
}
@media(prefers-reduced-motion:reduce){.demo-patient-row,.demo-open-chart span{transition:none;}}