/* Final shared typography. ID scope intentionally overrides legacy page rules. */
body#mcTypography{--mc-font-body:'Nunito Sans','Segoe UI',Arial,sans-serif;--mc-font-display:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;--mc-brand-round:'Poppins','Segoe UI',Arial,sans-serif;--suite-body:var(--mc-font-body);--suite-display:var(--mc-font-display);--mc-body-font:var(--mc-font-body);--mc-body:var(--mc-font-body);--mc-body-size:16px;--mc-label:16px;--mc-small:14px;--mc-control:16px;font-family:var(--mc-font-body)!important;font-size:16px!important;line-height:1.55!important}
body#mcTypography :is(button,input,select,textarea,table,p,label){font-family:var(--mc-font-body)!important}
body#mcTypography :is(.suite-word,.brandText,.meliProductText,.brand-word,.brand-light,.brand-prefix,.brand-suffix,.tool-wordmark,.tool-suffix,.hub-name,.module-brand,.crumb-brand,.mc-login-brand b,.meliBrandText b),body#mcTypography :is(.suite-word,.brandText,.meliProductText,.brand-word,.tool-wordmark,.hub-name) *{font-family:var(--mc-brand-round)!important;letter-spacing:-.4px!important}
body#mcTypography :is(.suite-brand .suite-word,.brand .brand-word,.mc-login-brand b){font-size:26px!important;font-weight:700!important;line-height:1.2!important}
body#mcTypography :is(.suite-word em,.brand-word .brand-suffix,.brand-word .brand-light){font-size:1em!important;font-weight:500!important;font-style:normal!important}
body#mcTypography :is(.suite-brand small,.brand-baseline,.brand-tagline){font-family:var(--mc-font-body)!important;font-size:11px!important;line-height:1.3!important;font-weight:600!important}
/* Shared UI scale on every subpage. Landing hero keeps its approved scale. */
body#mcTypography:not([data-mc-page="melicare"]) :is(h1,h2,h3,h4){font-family:var(--mc-font-display)!important;line-height:1.35!important}
body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) h1{font-size:31px!important}
body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) h2{font-size:22px!important}
body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) h3{font-size:19px!important}
body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) h4{font-size:17px!important}
body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) :is(p,label,input,select,textarea,button,td,th){font-size:16px!important;line-height:1.5!important}
body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) :is(small,.sub,.muted,.badge,.pill,.statusChip,.chartLegend,.rangeLabels,.deltaText,.reasonText,.task-desc,.source-note,.recordTime,.time){font-size:14px!important;line-height:1.5!important}
body#mcTypography :is(.suite-local-nav .nav,.mc-or-local-nav button,.mc-switch-button,.mc-account-button){font-family:var(--mc-font-body)!important;font-size:16px!important}
body#mcTypography :is(.suite-local-nav .nav,.mc-or-local-nav button) :is(span,b){font-size:inherit!important}
/* Clinical pages: same hierarchy for fields, explanations, and recommendations. */
body#mcTypography.suite-clinical :is(.groupTitle b,.panelHead h2,.sectionHead h2,.mediaHead h2){font-size:22px!important}
body#mcTypography.suite-clinical :is(.attentionTop b,.reasonHeader b,.lifeCard b,.factorCard b,.field label,.mc-row-title){font-size:16px!important;line-height:1.45!important}
body#mcTypography.suite-clinical :is(.attentionTop small,.attentionTop span,.reasonHeader small,.reasonHeader span,.lifeCard span,.factorCard span,.indicatorDeltaInline,.deltaInline,.reasonDetailInline,.reasonValueInline,.mc-row-meta,.mc-row-measurement){font-size:14px!important;line-height:1.5!important}
body#mcTypography.suite-clinical :is(.attentionCard,.reasonCard,.lifeCard,.factorCard){height:auto!important;max-height:none!important}
body#mcTypography :is(.field input,.field select,.field textarea){font-size:16px!important}
body#mcTypography :is(.historyRow,.projectItem,.sideTitle,.msgText,.composer textarea,.suggestion,.transcript,.emrField,.receipt,.row-action){font-size:16px!important;line-height:1.5!important}
body#mcTypography :is(.kpi-top,.kpi-unit,.kpi-bottom,.kpi-foot,.chart-legend,.bed-key,.dept-bar-head,.task-time,.task-byline,.task-period,.schedule-time,.schedule-detail span){font-size:14px!important;line-height:1.5!important}
/* MELIOR navigation uses content widths, never distributes extra space. */
body#mcTypography.mc-or .app>aside.mc-or-header>.mc-or-local-nav{justify-content:flex-start!important;justify-self:start!important;gap:3px!important;width:max-content!important;max-width:100%!important;flex:0 1 auto!important;background:transparent!important;overflow-x:auto!important}
body#mcTypography.mc-or .mc-or-header .mc-or-local-nav button{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:0 12px!important;gap:7px!important}
body#mcTypography.mc-or .mc-or-local-nav .navIcon{width:19px!important;height:19px!important;flex-basis:19px!important}
body#mcTypography.mc-or .mc-or-local-nav .navIcon svg{width:19px!important;height:19px!important}
body#mcTypography.mc-or :is(.summary .date,.stat small,.remain small,.tag,.eyebrow,.stage,.progressmeta span,.navrooms span,.event small,.emergencyText span,.durationhead,.mixlist,.effSummary,.effY,.effX){font-size:14px!important;line-height:1.4!important}
body#mcTypography.mc-or :is(.case,.nextcase,.event b,.emergencyText b,.drow,.drow b,.teamLine,.equipmentTags i,.infoBox b,.infoBox span,.surgeryRow b,.surgeryRow small,.eqRow,.caseListHead,.eqHead){font-size:16px!important;line-height:1.45!important}
body#mcTypography.mc-or .room{height:auto!important;min-height:330px!important;overflow:visible!important}
body#mcTypography.mc-or :is(.opsModal,.opsPageModal,.caseModal,.eqModal) :is(p,span,small,label,b,strong,i,em,input,select,button){font-size:17px!important;line-height:1.5!important}
body#mcTypography.mc-or #opsModal .modalStep span{font-size:16px!important}
body#mcTypography.mc-or :is(.opsModalHead h3,.opsPageHead h2,.caseModalHead h2,.eqModalHead h2){font-size:26px!important}
body#mcTypography.mc-or #opsModal .opsStat b{font-size:23px!important}
body#mcTypography.mc-or #opsModal .modalTimelineTitle{font-size:19px!important}
@media(max-width:760px){body#mcTypography :is(.suite-brand .suite-word,.brand .brand-word,.mc-login-brand b){font-size:23px!important}body#mcTypography:is(.suite-ui,.mc-or,.meli-unified,.mc-login) h1{font-size:28px!important}body#mcTypography.mc-or .mc-or-header .mc-or-local-nav button{padding-inline:10px!important}}
body#mcTypography .mc-login-brand>span:not(.mc-brand-cross),body#mcTypography .mc-login-brand em{font-family:var(--mc-brand-round)!important;font-size:26px!important;line-height:1.2!important;font-style:normal!important}
body#mcTypography .mc-login-brand em{font-weight:500!important}
body#mcTypography .mc-switch-name{font-family:var(--mc-brand-round)!important;font-size:16px!important}
