/* MEDIPHARM Clinical Suite v3.23.0-beta.8.4
 * Unified App Frame + Material surface rhythm.
 * Goal: one visual canvas, one spacing system, three radius levels.
 */
:root{
  --mcs-frame-max:1760px;
  --mcs-frame-gutter-desktop:88px;
  --mcs-frame-radius:24px;
  --mcs-surface-radius:16px;
  --mcs-control-radius:12px;
  --mcs-chip-radius:999px;
  --mcs-layout-gap:14px;
  --mcs-frame-border:#d8e3e5;
  --mcs-frame-bg:#f7f9fa;
  --mcs-page-bg:#eef3f5;
  --mcs-surface-bg:#fff;
  --mcs-soft-bg:#f7fafb;
  --mcs-material-shadow:0 12px 34px rgba(20,48,64,.08);
  --mcs-surface-shadow:0 3px 12px rgba(20,48,64,.045);
}

html,body{background:var(--mcs-page-bg)!important}
body.mcs-embed{background:var(--mcs-page-bg)!important}
.mcs-shell{width:100%!important;min-height:100vh!important;box-sizing:border-box!important;padding:16px 0 28px!important}
.mcs-app-frame{
  position:relative;
  width:min(var(--mcs-frame-max),calc(100% - (var(--mcs-frame-gutter-desktop) * 2)));
  max-width:var(--mcs-frame-max);
  margin:0 auto;
  border:1px solid var(--mcs-frame-border);
  border-radius:var(--mcs-frame-radius);
  background:var(--mcs-frame-bg);
  box-shadow:var(--mcs-material-shadow);
}
.mcs-app-frame>.nah-clinical-tools{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:var(--mcs-frame-radius)!important;
  background:var(--mcs-frame-bg)!important;
}

/* One horizontal rhythm for top chrome and content. */
.mcs-v323-header{
  border-radius:calc(var(--mcs-frame-radius) - 1px) calc(var(--mcs-frame-radius) - 1px) 0 0!important;
  padding:10px 14px!important;
}
.mcs-v323-appbar{max-width:none!important;width:100%!important}
.mcs-session-bar{margin:10px 14px 0!important;border-radius:var(--mcs-control-radius)!important}
.nah-clinical-primary-tabs{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:4px!important;
  padding:8px 10px!important;
  background:var(--mcs-surface-bg)!important;
  border-top:1px solid var(--ct-border)!important;
  border-bottom:1px solid var(--ct-border)!important;
}
.nah-clinical-primary-tabs button{
  min-height:46px!important;
  border:0!important;
  border-radius:var(--mcs-control-radius)!important;
  background:transparent!important;
  color:#52666c!important;
}
.nah-clinical-primary-tabs button:hover{background:#eef7f5!important;color:#086e67!important}
.nah-clinical-primary-tabs button.active{
  background:#dff2ef!important;
  color:#075f59!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px #b9ddd8!important;
}
.nah-clinical-catalog{width:100%!important;max-width:none!important;margin:0!important;padding:16px 14px 24px!important}

/* Material hierarchy: frame 24px -> major surfaces 16px -> controls/cards 12px -> chips pill. */
.mcs-home-dashboard{gap:var(--mcs-layout-gap)!important;max-width:none!important;width:100%!important}
.mcs-home-dashboard-head,
.mcs-home-section,
.mcs-beta8-quick-contexts,
.nah-clinical-specialties,
.nah-clinical-detail-head,
.nah-clinical-calculator,
.nah-clinical-result-panel,
.mcs-dx-intro,
.mcs-dx-step,
.mcs-dx-result,
.mcs-sp-card,
.mcs-ew-card{
  border-radius:var(--mcs-surface-radius)!important;
  border-color:var(--mcs-frame-border)!important;
  box-shadow:var(--mcs-surface-shadow)!important;
}
.mcs-home-dashboard-head{padding:18px!important}
.mcs-home-section{padding:16px!important}
.mcs-home-context-box,
.mcs-home-priority-guard,
.quick-item,
.nah-clinical-cats button,
.nah-clinical-tool-row,
.mcs-home-tool-card,
.mcs-home-specialty-card,
.mcs-home-task-card,
.mcs-home-task-detail,
.mcs-dx-card,
.mcs-sp-tool,
.mcs-ew-tool,
.clinical-info-section{
  border-radius:var(--mcs-control-radius)!important;
}

/* Quick clinical-context chips were mobile-styled only in beta.8.3; give them a real desktop treatment. */
.mcs-beta8-quick-contexts{
  display:block!important;
  position:relative!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--mcs-frame-border)!important;
  background:var(--mcs-surface-bg)!important;
}
.mcs-beta8-quick-contexts>strong{
  display:block!important;
  margin:0 0 9px!important;
  color:#244147!important;
  font-size:14px!important;
  line-height:1.3!important;
}
.mcs-beta8-context-scroll{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:1px 2px 3px!important;
  scrollbar-width:none!important;
}
.mcs-beta8-context-scroll::-webkit-scrollbar{display:none!important}
.mcs-beta8-context-scroll button{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:7px 12px!important;
  border:1px solid #cfdfdf!important;
  border-radius:var(--mcs-chip-radius)!important;
  background:#f7fbfa!important;
  color:#176d66!important;
  font-size:12.5px!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.mcs-beta8-context-scroll button:hover{background:#e9f6f3!important;border-color:#9ecdc7!important}
.mcs-beta8-search-note{display:block!important;margin-top:7px!important;color:#728287!important;font-size:11px!important;line-height:1.4!important}

/* Harmonize action shapes. Pills remain only for filters/status chips. */
.mcs-home-dashboard-head>button,
.mcs-home-section-more,
.mcs-home-inline-link,
.mcs-v323-menu,
.nah-clinical-action,
.mcs-session-controls button,
.mcs-session-controls input,
.mcs-session-controls select,
.mcs-ew-back,
.mcs-sp-dx,
.mcs-ew-dx{
  border-radius:var(--mcs-control-radius)!important;
}
.mcs-home-context-switch button,
.mcs-home-personal-tabs,
.mcs-home-personal-tabs button,
.tool-category,
.nah-clinical-count-pill,
.mcs-session-chip{
  border-radius:var(--mcs-chip-radius)!important;
}

/* Footer visually closes the common app frame. */
.nah-clinical-foot{
  margin:0!important;
  border-radius:0 0 calc(var(--mcs-frame-radius) - 1px) calc(var(--mcs-frame-radius) - 1px)!important;
  border-top:1px solid var(--ct-border)!important;
}

/* Dark mode follows the same hierarchy without changing geometry. */
.mcs-theme-dark,
html.mcs-theme-dark,body.mcs-theme-dark,body.mcs-embed.mcs-theme-dark{--mcs-page-bg:#0b1418;--mcs-frame-bg:#0f1b20;--mcs-surface-bg:#102027;--mcs-soft-bg:#13262c;--mcs-frame-border:#30444b;--mcs-material-shadow:0 14px 38px rgba(0,0,0,.28);--mcs-surface-shadow:0 3px 14px rgba(0,0,0,.18)}
.mcs-theme-dark .mcs-app-frame{background:var(--mcs-frame-bg);border-color:var(--mcs-frame-border)}
.mcs-theme-dark .nah-clinical-primary-tabs{background:#102027!important;border-color:var(--mcs-frame-border)!important}
.mcs-theme-dark .nah-clinical-primary-tabs button{color:#b8c6ca!important}
.mcs-theme-dark .nah-clinical-primary-tabs button:hover{background:#17302f!important;color:#8de0d6!important}
.mcs-theme-dark .nah-clinical-primary-tabs button.active{background:#173d39!important;color:#8de0d6!important;box-shadow:inset 0 0 0 1px #376c67!important}
.mcs-theme-dark .mcs-beta8-quick-contexts{background:#102027!important;border-color:var(--mcs-frame-border)!important}
.mcs-theme-dark .mcs-beta8-quick-contexts>strong{color:#e5f0f1!important}
.mcs-theme-dark .mcs-beta8-context-scroll button{background:#132329!important;border-color:#31474d!important;color:#88d5cc!important}
.mcs-theme-dark .mcs-beta8-context-scroll button:hover{background:#173a38!important;border-color:#4c7d78!important}
.mcs-theme-dark .mcs-beta8-search-note{color:#93a3a7!important}

/* Tablet: retain the frame concept but don't reserve desktop Search Dock gutters. */
@media (min-width:681px) and (max-width:1099px){
  .mcs-shell{padding:10px!important}
  .mcs-app-frame{width:100%!important;max-width:none!important;border-radius:20px!important}
  .mcs-app-frame>.nah-clinical-tools{border-radius:20px!important}
  .mcs-v323-header{border-radius:19px 19px 0 0!important}
  .nah-clinical-primary-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .nah-clinical-foot{border-radius:0 0 19px 19px!important}
}

/* Mobile: edge-to-edge app, but keep the same internal surface/control radii. */
@media (max-width:680px){
  .mcs-shell{padding:0!important}
  .mcs-app-frame{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--mcs-frame-bg)!important}
  .mcs-app-frame>.nah-clinical-tools{border-radius:0!important}
  .mcs-v323-header{border-radius:0!important;padding:7px 9px!important}
  .mcs-session-bar{margin:7px 8px 0!important;border-radius:12px!important}
  .nah-clinical-catalog{padding:10px 9px 74px!important}
  .mcs-home-dashboard{gap:9px!important}
  .mcs-home-dashboard-head,.mcs-home-section,.mcs-beta8-quick-contexts{border-radius:14px!important}
  .mcs-beta8-quick-contexts{padding:8px!important}
  .mcs-beta8-quick-contexts>strong{margin-bottom:6px!important;font-size:13px!important}
  .mcs-beta8-context-scroll{margin:0 -8px!important;padding:1px 26px 5px 8px!important;gap:6px!important}
  .mcs-beta8-context-scroll button{min-height:36px!important;padding:7px 11px!important;font-size:12px!important}
  .mcs-beta8-search-note{font-size:10.5px!important}
  .nah-clinical-foot{border-radius:0!important}
}

/* Fullscreen should never inherit the framed desktop width. */
.mcs-app-frame>.nah-clinical-tools:fullscreen,
.mcs-app-frame>.nah-clinical-tools:-webkit-full-screen,
.mcs-app-frame>.nah-clinical-tools.mcs-pseudo-fullscreen{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
}


/* v15.4.1 — Large Desktop Canvas Hotfix
 * Desktop keeps an 88 px safety gutter on each side for NAH Search Dock Pro,
 * while the Clinical Suite frame can expand up to 1760 px.
 * Tablet/mobile/fullscreen rules below remain authoritative. */
@media (min-width:1440px){
  .mcs-app-frame{
    width:min(var(--mcs-frame-max),calc(100% - (var(--mcs-frame-gutter-desktop) * 2)))!important;
    max-width:var(--mcs-frame-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}