/* MEDIPHARM Clinical Suite v3.23.0-beta.7
 * Mobile-first IA refinement: full-width mobile canvas, readable specialty cards,
 * compact algorithm index, and reduced nonessential reasoning/session chrome.
 */
@media (max-width: 680px){
  html,body{overflow-x:hidden!important}
  .mcs-shell,.nah-clinical-tools,[data-nah-clinical-root]{width:100%!important;max-width:none!important}
  .nah-clinical-catalog{width:100%!important;max-width:none!important;padding:8px 6px calc(68px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
  .mcs-home-dashboard{width:100%!important;max-width:none!important;gap:8px!important}
  .mcs-home-section{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:10px 8px!important;border-radius:13px!important}
  .mcs-home-dashboard-head{width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px 9px!important}
  .mcs-home-specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .mcs-home-specialty-card{grid-template-columns:34px minmax(0,1fr)!important;grid-template-areas:"icon title" "count count"!important;align-items:center!important;gap:4px 8px!important;min-height:78px!important;padding:8px!important;overflow:visible!important}
  .mcs-home-specialty-card>span{grid-area:icon!important;width:34px!important;height:34px!important}
  .mcs-home-specialty-card>strong{grid-area:title!important;display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;-webkit-line-clamp:unset!important;font-size:13px!important;line-height:1.22!important;word-break:normal!important;overflow-wrap:anywhere!important}
  .mcs-home-specialty-card>small{grid-area:count!important;display:block!important;margin-left:42px!important;font-size:10px!important;line-height:1.2!important;color:#687a7f!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .mcs-home-specialty-card>em{position:absolute!important;right:7px!important;bottom:7px!important;font-size:9px!important}
  .mcs-home-section-head{gap:8px!important}.mcs-home-section-head h3{font-size:17px!important}.mcs-home-section-more{font-size:12px!important;white-space:nowrap!important}
  .mcs-home-tool-grid{grid-template-columns:1fr!important;gap:6px!important}.mcs-home-tool-card{width:100%!important;box-sizing:border-box!important}
  .mcs-home-tool-copy small{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}

  /* Algorithm library: search/list first. Hide the explanatory dashboard-like chrome. */
  .mcs-dx-catalog{width:100%!important;max-width:none!important;padding:8px 6px calc(70px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
  .mcs-dx-intro{margin:0 0 8px!important;padding:10px 9px!important;border-radius:13px!important;display:block!important}
  .mcs-dx-intro .mcs-dx-badge,.mcs-dx-intro p,.mcs-dx-intro .mcs-dx-safety{display:none!important}
  .mcs-dx-intro h3{margin:0!important;font-size:20px!important;line-height:1.2!important}
  .mcs-dx-cards{display:grid!important;gap:8px!important}
  .mcs-dx-context,.mcs-dx-context-panel,.mcs-dx-session-summary,.mcs-dx-reasoning-map-summary,.mcs-reasoning-session-summary{display:none!important}
  .mcs-dx-viewbar{position:sticky!important;top:62px!important;z-index:30!important;display:flex!important;gap:5px!important;overflow-x:auto!important;padding:5px!important;margin:0!important;background:rgba(244,247,250,.96)!important;backdrop-filter:blur(8px)!important;border-radius:11px!important;scrollbar-width:none!important}
  .mcs-dx-viewbar::-webkit-scrollbar{display:none!important}.mcs-dx-viewbar button{flex:0 0 auto!important;min-height:36px!important;padding:7px 10px!important;font-size:12px!important;white-space:nowrap!important}.mcs-dx-view-count{flex:0 0 auto!important;align-self:center!important;font-size:11px!important;white-space:nowrap!important}
  .mcs-algorithm-list-toolbar{position:relative!important;top:auto!important;margin:0!important;padding:8px!important;border-radius:12px!important;box-sizing:border-box!important}
  .mcs-algorithm-list-toolbar label{min-height:44px!important}.mcs-algorithm-list-toolbar input{font-size:15px!important}
  .mcs-algorithm-category-chips{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px!important}.mcs-algorithm-category-chips::-webkit-scrollbar{display:none!important}.mcs-algorithm-category-chips button{flex:0 0 auto!important;white-space:nowrap!important;min-height:34px!important;padding:6px 10px!important;font-size:11px!important}
  .mcs-dx-group{margin:0!important;padding:8px!important;border-radius:12px!important}.mcs-dx-group>header{margin-bottom:6px!important}.mcs-dx-group>header strong{font-size:14px!important}.mcs-dx-group>header span{font-size:10px!important}
  .mcs-dx-group-grid,.mcs-algorithm-tool-grid{grid-template-columns:1fr!important;gap:6px!important}
  .mcs-dx-card,.mcs-algorithm-tool-card{min-height:62px!important;padding:8px!important;border-radius:11px!important}.mcs-dx-card small,.mcs-dx-card em{display:none!important}.mcs-dx-card strong,.mcs-algorithm-tool-card strong{font-size:14px!important;line-height:1.25!important}

  /* Header/search: keep the primary action permanently visible while scrolling. */
  .mcs-v323-header{position:sticky!important;top:0!important;z-index:1200!important}.mcs-v323-header .nah-clinical-search input{font-size:14.5px!important}
  .mcs-mobile-bottom-nav{z-index:1250!important}
}
@media (max-width: 380px){
  .nah-clinical-catalog,.mcs-dx-catalog{padding-left:5px!important;padding-right:5px!important}
  .mcs-home-specialty-card{grid-template-columns:30px minmax(0,1fr)!important;min-height:82px!important;padding:7px!important}.mcs-home-specialty-card>span{width:30px!important;height:30px!important}.mcs-home-specialty-card>small{margin-left:38px!important}.mcs-home-specialty-card>strong{font-size:12.5px!important}
}

/* v3.23.0-beta.7.1 — mobile horizontal swipe rail hotfix.
 * Keep vertical page scrolling, but make task/specialty/filter rails genuinely pan-able inside the WebApp/iframe. */
@media (max-width:680px){
  .mcs-home-task-grid,
  .mcs-home-specialty-grid,
  .mcs-home-context-switch,
  .mcs-task-path-progress,
  .mcs-dx-viewbar,
  .mcs-algorithm-category-chips,
  .mcs-topic-filter,
  .mcs-taxonomy-filter,
  .mcs-beta8-context-scroll{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    touch-action:auto!important;
  }
  .mcs-home-task-grid::-webkit-scrollbar,
  .mcs-home-specialty-grid::-webkit-scrollbar,
  .mcs-home-context-switch::-webkit-scrollbar,
  .mcs-task-path-progress::-webkit-scrollbar,
  .mcs-dx-viewbar::-webkit-scrollbar,
  .mcs-algorithm-category-chips::-webkit-scrollbar,
  .mcs-topic-filter::-webkit-scrollbar,
  .mcs-taxonomy-filter::-webkit-scrollbar,
  .mcs-beta8-context-scroll::-webkit-scrollbar{display:none!important}

  /* Common clinical situations: one horizontal card rail. */
  .mcs-home-task-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    margin:0 -8px!important;
    padding:1px 8px 5px!important;
  }
  .mcs-home-task-card{
    flex:0 0 min(72vw,260px)!important;
    width:min(72vw,260px)!important;
    min-width:min(72vw,260px)!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }

  /* Specialty launcher: two compact rows that move horizontally by columns. */
  .mcs-home-specialty-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,minmax(78px,auto))!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(158px,44vw)!important;
    gap:7px!important;
    margin:0 -8px!important;
    padding:1px 8px 5px!important;
    align-items:stretch!important;
  }
  .mcs-home-specialty-card{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    scroll-snap-align:start!important;
  }
  .mcs-home-specialty-card>strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  .mcs-home-specialty-card>small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

  /* Horizontal filter/chip rails need a small end gutter so the last choice can be fully reached. */
  .mcs-home-context-switch,
  .mcs-task-path-progress,
  .mcs-dx-viewbar,
  .mcs-algorithm-category-chips,
  .mcs-topic-filter,
  .mcs-taxonomy-filter,
  .mcs-beta8-context-scroll{padding-right:18px!important;scroll-padding-inline:8px!important}
  .mcs-home-context-switch>* ,
  .mcs-task-path-progress>* ,
  .mcs-dx-viewbar>* ,
  .mcs-algorithm-category-chips>* ,
  .mcs-topic-filter>* ,
  .mcs-taxonomy-filter>* ,
  .mcs-beta8-context-scroll>*{scroll-snap-align:start}
}
@media (max-width:380px){
  .mcs-home-specialty-grid{grid-auto-columns:minmax(146px,45vw)!important}
  .mcs-home-task-card{flex-basis:78vw!important;width:78vw!important;min-width:78vw!important}
}
