/* MELICARE visual polish v4 — rounded product wordmarks, lighter MELIOR nav, compact Dx clinical rows. */
:root{--mc-brand-round:'Plus Jakarta Sans','Avenir Next','Segoe UI',Arial,sans-serif}

/* Product names: softer, rounder and consistent across the suite. */
html body :is(.suite-word,.brandText,.meliProductText,.hub-name,.mc-or-brand .suite-word){
  font-family:var(--mc-brand-round)!important;
  font-weight:700!important;
  letter-spacing:-.35px!important;
}
html body :is(.suite-word,.brandText,.meliProductText,.hub-name) :is(em,span){
  font-family:var(--mc-brand-round)!important;
  font-weight:700!important;
  letter-spacing:-.2px!important;
}
html body .suite-brand small,
html body .mc-or-brand.suite-brand small{font-family:'Nunito Sans','Segoe UI',Arial,sans-serif!important}

/* MELIOR: a lighter, less boxed local menu. */
html body.mc-or .app>aside.mc-or-header{
  height:126px!important;min-height:126px!important;
  grid-template-rows:48px 48px!important;
  gap:6px 20px!important;
  padding:10px 24px 12px!important;
  border-bottom:1px solid #e6eef3!important;
  box-shadow:0 3px 14px rgba(29,73,103,.035)!important;
}
html body.mc-or .app>.workspace{padding-top:126px!important}
html body.mc-or .app>aside.mc-or-header>.mc-or-local-nav{
  height:48px!important;max-height:48px!important;
  padding:0!important;gap:2px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  overflow-x:auto!important;
}
html body.mc-or .mc-or-header .mc-or-local-nav button{
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0 16px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#60798a!important;
  font:750 16px/1.35 'Nunito Sans','Segoe UI',Arial,sans-serif!important;
  box-shadow:none!important;
}
html body.mc-or .mc-or-header .mc-or-local-nav button:hover{background:#f2f8fc!important;color:#265b78!important}
html body.mc-or .mc-or-header .mc-or-local-nav button.active{
  background:#edf8fd!important;color:#128ac3!important;
  border:0!important;box-shadow:none!important;
}
html body.mc-or .mc-or-header .mc-or-local-nav button.active:after{
  content:''!important;display:block!important;position:absolute!important;
  left:20px!important;right:20px!important;bottom:1px!important;height:3px!important;
  border-radius:99px!important;background:#f5c54b!important;
}
html body.mc-or .mc-or-header .mc-or-local-nav button:before{content:none!important}
html body.mc-or .mc-or-header .mc-or-local-nav .navIcon{width:22px!important;height:22px!important;flex-basis:22px!important;color:inherit!important}
html body.mc-or .mc-or-header .mc-or-local-nav .navIcon svg{width:19px!important;height:19px!important}

/* Dx clinical pages: compact and consistent rows for explanation + threshold status. */
html body.mc-dx-child :is(#attentionList,.attentionList,#reasonList,.reasonList){
  gap:6px!important;padding:8px 10px 10px!important;
  align-content:start!important;
}
html body.mc-dx-child :is(.attentionCard,.reasonCard){
  min-height:74px!important;height:auto!important;max-height:none!important;
  padding:8px 10px!important;border-radius:10px!important;
}
html body.mc-dx-child .attentionTop,
html body.mc-dx-child .reasonHeader{gap:8px!important;align-items:center!important}
html body.mc-dx-child :is(.rangeBar,.compareTrack){height:7px!important;margin:6px 0 2px!important}
html body.mc-dx-child :is(.rangeMarker,.patientMarker){height:13px!important;top:-3px!important}
html body.mc-dx-child :is(.thresholdMarker,.thresholdLine){height:11px!important;top:-2px!important}
html body.mc-dx-child :is(.deltaText,.reasonText){margin-top:3px!important;line-height:1.3!important}
html body.mc-dx-child .attentionTop b,
html body.mc-dx-child .reasonHeader b{line-height:1.3!important}

@media(max-width:800px){
  html body.mc-or .app>aside.mc-or-header{height:120px!important;min-height:120px!important;grid-template-rows:44px 46px!important;padding:9px 14px 11px!important;gap:6px 10px!important}
  html body.mc-or .app>.workspace{padding-top:120px!important}
  html body.mc-or .mc-or-header .mc-or-local-nav button{font-size:15px!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 13px!important}
  html body.mc-dx-child :is(.attentionCard,.reasonCard){min-height:70px!important}
}