/* Canonical copy: Clinic; run scripts/sync-page-layout.cjs after editing. Header heights belong to each shell. */
/* Paint the breathing room below the fixed Halo without changing its geometry. */
@media(min-width:769px){
  :is(#clinic-adaptive-header,#labs-adaptive-header,#supply-adaptive-header).is-visible::after{
    content:"";position:absolute;left:0;right:0;top:100%;height:12px;
    background:inherit;pointer-events:none;
  }
}
/* Connected modules retain their portal identity, including the floating copy. */
#page-lab-orders{--page-table-head-color:var(--labs-accent,#087868)}
#page-supplies{--page-table-head-color:var(--supply-accent,#b75a3c)}
#screen-app :is(#page-lab-orders,#page-supplies) table thead :is(th,td){
  background:var(--page-table-head-color)!important;color:#fff!important;
}
body .halo-description,
#screen-app .topbar #topbar-subtitle{
  margin:4px 0 0!important;
  color:#607080!important;
  font:italic 400 12px/1.4 Roboto,sans-serif!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:normal!important;
}
.clinic-home-agent-identity>div,.labs-clinic-identity>div,.supply-halo-copy{min-width:0}
@media(min-width:769px){
  #clinic-adaptive-header .adaptive-header-copy,
  #labs-adaptive-header .labs-adaptive-copy,
  #supply-adaptive-header .supply-adaptive-copy{right:24px;width:auto}
  #clinic-adaptive-header .adaptive-header-title,
  #labs-adaptive-header .labs-adaptive-title,
  #supply-adaptive-header .supply-adaptive-title{max-width:calc(100% - 235px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #clinic-adaptive-header .halo-description,
  #labs-adaptive-header .halo-description,
  #supply-adaptive-header .halo-description{display:block;max-width:100%;margin-top:2px!important}
}
/* Insumos' compact 42px controls, with a shared source and keyboard order. */
#screen-app .page .compact-list-tools{display:flex;gap:8px!important;flex-wrap:wrap!important;min-width:0;max-width:100%!important;width:100%!important;flex:1 1 auto!important;margin-left:0!important;align-items:center!important}
#screen-app .page .compact-list-tools>[data-tool-role]{order:0!important;max-width:100%;min-width:0!important}
#screen-app .page .compact-list-tools>button{order:0!important;font-size:13px!important;min-height:42px!important}
#screen-app .page .compact-list-tools>[data-tool-role="search"]{flex:1 1 220px!important;width:auto!important;min-width:0!important}
#screen-app .page .compact-list-tools>[data-tool-role="search"] input{width:100%!important;min-width:0!important;box-sizing:border-box}
#screen-app .page .compact-list-tools>input[data-tool-role],
#screen-app .page .compact-list-tools>select[data-tool-role],
#screen-app .page .compact-list-tools>button[data-tool-role],
#screen-app .page .compact-list-tools>label[data-tool-role],
#screen-app .page .compact-list-tools>[data-tool-role="search"] input{
  height:42px!important;box-sizing:border-box;border:1px solid #d7e1ea!important;
  border-radius:9px!important;background:#fff!important;color:#26384a;
  font:500 13px/1.2 Roboto,sans-serif;padding:0 10px!important;
}
#screen-app .page .compact-list-tools>label[data-tool-role]{align-items:center;gap:8px;flex:0 1 auto}
#screen-app .page .compact-list-tools>label[data-tool-role]>span{font:700 10px/1.2 Roboto,sans-serif;color:#657789;white-space:nowrap}
#screen-app .page .compact-list-tools>label[data-tool-role]>select{min-width:0!important;max-width:100%;height:40px;padding:0!important;border:0!important;background:transparent!important;font:500 13px/1.2 Roboto,sans-serif}
#screen-app .page .compact-list-tools>label[data-tool-role="search"] input{border:0!important;background:transparent!important}
#screen-app .page .compact-list-tools>label[data-tool-role="search"]{display:flex!important}
/* Beat the legacy mobile rules that re-enable the old heading and its CTA. */
#screen-app.screen.active .page.clinic-halo-page>.amway-hd{display:none!important}
#screen-app .supply-orders-toolbar{flex-wrap:wrap;min-width:0}
#screen-app .supply-orders-toolbar .supply-orders-search{order:0!important;flex:1 1 100%!important;width:100%!important;min-width:0}
#screen-app .supply-orders-toolbar .supply-order-status-filters{order:1;min-width:0;max-width:100%}
#screen-app .supply-orders-search>input{min-width:0!important}
#screen-app :is(.labs-clinic-grid,.supply-home-grid)>*{min-width:0}
#screen-app .page .compact-list-tools :is(input,select,button):focus-visible{outline:2px solid #237ac2!important;outline-offset:2px}
@media(max-width:768px){
  #screen-app .page .compact-list-tools{width:100%!important;box-sizing:border-box}
  #screen-app .page .compact-list-tools>[data-tool-role="search"]{flex-basis:100%!important}
  #screen-app .page .compact-list-tools>label[data-tool-role]{flex:1 1 140px!important}
  #screen-app .page .compact-list-tools>label[data-tool-role]>select{width:100%}
  body .halo-description{font-size:11.5px!important}
  .page.clinic-halo-page>.clinic-home-agent-hero{padding:16px!important;margin:0 0 16px!important;min-height:0!important}
  .page.clinic-halo-page>.clinic-home-agent-hero .clinic-home-agent-cover{display:none!important}
  .page.clinic-halo-page>.clinic-home-agent-hero .clinic-home-agent-identity{margin:12px 0 0!important;padding:0!important}
  .page.clinic-halo-page>.clinic-home-agent-hero .clinic-home-notion-bar{display:flex!important;min-height:0!important;padding:0!important}
  .page.clinic-halo-page>.clinic-home-agent-hero .clinic-halo-action-dock{margin:12px 0 0!important;padding:0!important;background:none!important;border:0!important;min-height:0!important}
  body.supply-halo-enabled #screen-app .page>.supply-halo{display:block!important;margin:0 0 16px!important}
  body.supply-halo-enabled #screen-app .supply-halo-cover{min-height:0;padding:14px;gap:10px}
  body.supply-halo-enabled #screen-app .supply-halo-actions{display:flex;flex-wrap:wrap}
  .supply-halo-topline{padding:4px 12px}
  .supply-halo-breadcrumb{display:flex;gap:7px;font-size:11px;color:#607080}
  .supply-halo-cover{display:grid;grid-template-columns:48px minmax(0,1fr);background:#fff7f0;border-radius:16px}
  .supply-halo-mark{width:48px;height:48px;align-self:start}
  .supply-halo-mark img{width:48px;height:48px;object-fit:contain}
  .supply-halo-eyebrow{font-size:10px;color:#a95a2c}
  .supply-halo-copy h1{font-size:23px;margin:3px 0}
  .supply-halo-actions{grid-column:1/-1;gap:8px}
  .supply-halo-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid #d7b299;border-radius:9px;background:#fff;color:#743c21;font:600 13px Roboto,sans-serif}
  .supply-halo-action.primary{background:#b75a3c;border-color:#b75a3c;color:#fff}
  .supply-halo-action svg{width:16px;height:16px;flex:none}
  #screen-app .supply-orders-search{justify-content:flex-start!important}
}
@media(min-width:769px) and (max-width:1180px){
  .labs-patient-finder,.supply-order-finder{grid-template-columns:minmax(0,1fr)!important}
}

/* Mobile/tablet refinements verified with real shell geometry. */
@media(max-width:768px){
 body:has(#clinic-adaptive-header) #screen-app.screen.active .main>.page{
  padding-top:calc(var(--mobile-header-h,58px) + env(safe-area-inset-top) + 12px)!important;
  padding-bottom:calc(var(--mobile-nav-h,70px) + env(safe-area-inset-bottom) + 20px)!important;
 }
 #screen-app .page:has(.labs-clinic-hero){padding-top:70px!important}
 body:has(#clinic-adaptive-header) #screen-app .page :is(.compact-list-tools,.referrals-filter-fields) :is(input,select){
  font-size:16px!important;
 }
 body:has(#clinic-adaptive-header) #screen-app .page :is(.compact-list-tools,.referrals-filter-fields) :is(button,input,select,summary){min-height:44px!important}
 body:has(#clinic-adaptive-header) #screen-app .page .referrals-filter-menu>summary{min-height:44px!important}
}
@media(min-width:769px) and (max-width:1120px){
 #clinic-adaptive-header .adaptive-header-copy{right:16px;width:auto}
 #clinic-adaptive-header .adaptive-header-title{max-width:calc(100% - 60px);white-space:normal;font-size:22px}
}
@media(max-width:1180px){
 #screen-app #page-lab-orders .lab-table-search.compact-list-tools,
 #screen-app #page-supplies #supplies-toolbar-actions.compact-list-tools{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  box-sizing:border-box;min-width:0!important;width:100%!important;max-width:100%!important;
  overflow-x:auto!important;justify-content:flex-start!important;gap:8px!important;scrollbar-width:thin;
 }
 #screen-app #page-lab-orders .lab-table-search.compact-list-tools>label,
 #screen-app #page-supplies #supplies-toolbar-actions.compact-list-tools>label{
  flex:0 0 190px!important;min-width:190px!important;
 }
 #screen-app #page-lab-orders .lab-table-search.compact-list-tools>[data-tool-role="search"],
 #screen-app #page-supplies #supplies-toolbar-actions.compact-list-tools>[data-tool-role="search"]{
  flex:1 0 220px!important;min-width:220px!important;
 }
 #screen-app #page-lab-orders .lab-table-search.compact-list-tools>button,
 #screen-app #page-supplies #supplies-toolbar-actions.compact-list-tools>button{flex:0 0 auto!important}
 #screen-app #page-lab-orders .lab-table-search.compact-list-tools>label>select,
 #screen-app #page-supplies #supplies-toolbar-actions.compact-list-tools>label>select{width:100%;min-width:0!important}
 #screen-app #page-notifications :is(.notifications-toolbar,.notifications-toolbar-primary,.notifications-toolbar-actions){flex-wrap:wrap;min-width:0;max-width:100%}
 #screen-app #page-notifications .notifications-segmented{max-width:100%;overflow-x:auto;flex:0 1 auto}
}
@media(max-width:1180px){
 #screen-app #page-supplies:has(#supplies-tab-orders.os-utab-active) #supplies-toolbar-actions>.supply-orders-only{display:flex!important}
 #screen-app #page-supplies #supplies-toolbar-actions>label>span{display:block}
}
@media(max-width:768px){
 body:has(#clinic-adaptive-header) #screen-app .page .compact-list-tools>label{min-height:46px!important}
}
@media(max-width:768px){
 #screen-app .clinic-home-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:#607080}
 #screen-app .clinic-home-breadcrumb i{font-style:normal;color:#a4b2bf}
}
@media(min-width:769px){
 #screen-app.screen.active .page.clinic-halo-page>.clinic-module-agent-hero{display:none!important}
}