/* Shared role-aware shell: keep the top and bottom in view on laptop screens. */
@media screen {
 /* Natural page scrolling: keep navigation directly below the branded header.
    The assistant already keeps its navigation outside its conversation scroller. */
 body.app-ready.bcp-workspace:not(.bca-open) > main > #bcpWorkspaceTrail {
  position:sticky;top:var(--bcp-header);z-index:79;background:#f3f7fb;
 }
}
@media screen and (min-width:761px) and (min-height:500px) {
 body.app-ready.bcp-workspace {
  display:flex!important;flex-direction:column!important;
  height:100vh!important;height:100dvh!important;
  min-height:0!important;max-height:100dvh!important;overflow:hidden!important;
 }
 body.app-ready.bcp-workspace > header.main-header {flex:0 0 var(--bcp-header)!important}
 body.app-ready.bcp-workspace > main {
  flex:1 1 0%!important;min-height:0!important;height:auto!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  scrollbar-gutter:stable;scroll-padding-top:12px;padding-bottom:16px!important;
 }
 /* On laptops main is the scroller and already starts below the header. */
 body.app-ready.bcp-workspace:not(.bca-open) > main > #bcpWorkspaceTrail {top:0}
 body.app-ready.bcp-workspace > footer.bc-app-footer {
  flex:0 0 auto!important;position:relative!important;inset:auto!important;
  margin-top:0!important;margin-bottom:0!important;
 }
 body.app-ready.bcp-workspace .bc-footer-inner {
  min-height:56px;padding:8px 20px;gap:14px;
 }
 body.app-ready.bcp-workspace .bc-footer-tagline,
 body.app-ready.bcp-workspace .bc-footer-phone {white-space:normal}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-home-heading {
  grid-template-columns:minmax(0,1fr);justify-items:center;gap:7px;text-align:center;
 }
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-home-heading>div {grid-column:1;grid-row:1}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-home-heading>.bcp-access-badge {
  grid-column:1;grid-row:2;justify-self:center;
 }
}
/* Short usable viewports, including display scaling on 13–15 inch laptops. */
@media screen and (min-width:761px) and (min-height:500px) and (max-height:820px) {
 body.app-ready.bcp-workspace {--bcp-header:64px}
 body.app-ready.bcp-workspace .main-header .brandbar {padding:8px 18px!important}
 body.app-ready.bcp-workspace #bcpWorkspaceTrail {
  min-height:38px!important;padding:6px 0!important;margin:0 0 12px!important;
 }
 body.app-ready.bcp-workspace .page.bcp-launcher {padding:4px 8px 10px!important}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-home-heading {margin-bottom:14px}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-home-heading :is(h1,h2) {font-size:26px!important;margin-bottom:5px!important}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-app-grid {column-gap:16px;row-gap:14px}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-tile-art {width:96px;height:96px;max-width:100%}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-app-tile {min-height:136px!important;padding:0 4px 4px!important;gap:5px!important}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-tile-name {font-size:13px}
 body.app-ready.bcp-workspace .page.bcp-launcher :is(.bcp-home-utilities,.bcp-more-tools) {margin-top:14px;padding-top:0}
 body.app-ready.bcp-workspace .bc-footer-logo {font-size:15px}
}
/* Very short windows and narrow screens keep natural scrolling and readable controls. */
@media screen and (max-height:499px) {
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-home-heading {margin-bottom:12px}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-tile-art {width:88px;height:88px}
 body.app-ready.bcp-workspace .page.bcp-launcher .bcp-app-tile {min-height:130px!important}
}

/* One shared compact scale for every role, including Super Admin. */
body.app-ready.bcp-workspace {--bcp-launcher-circle:88px;--bcp-launcher-tile:122px}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-tile-art {
 width:var(--bcp-launcher-circle)!important;height:var(--bcp-launcher-circle)!important;
 max-width:100%;margin:0!important;
}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-app-tile {
 min-height:var(--bcp-launcher-tile)!important;padding:0 3px 3px!important;gap:4px!important;
}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-tile-caption {min-height:30px}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-tile-name {
 font-size:13px!important;line-height:1.3;padding:3px 0 7px;
}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-app-grid {row-gap:10px;column-gap:14px}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-home-heading {margin-bottom:12px;gap:5px}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-home-heading :is(h1,h2) {
 font-size:26px!important;margin-bottom:4px!important;
}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-home-eyebrow {margin-bottom:3px}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) :is(.bcp-home-utilities,.bcp-more-tools) {margin-top:10px;padding-top:0}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-platform-note {margin-top:12px}
body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-more-tools h2 {margin:0 0 7px;font-size:14px}
@media screen and (min-width:761px) and (max-height:740px) {
 body.app-ready.bcp-workspace {--bcp-launcher-circle:76px;--bcp-launcher-tile:110px}
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-home-heading {margin-bottom:8px}
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-app-grid {row-gap:8px}
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-access-badge {padding:4px 9px}
}
/* Override the legacy flex heading that keeps the title text at the left. */
body.app-ready.bcp-workspace #saHome .bcp-home-heading>div>h2 {
 display:block!important;
 width:100%!important;
 max-width:none!important;
 text-align:center!important;
 margin-left:auto!important;
 margin-right:auto!important;
}
/* Suppress both legacy home and shared navigation AI shortcuts for Super Admin. */
body.app-ready :is(#saHome,#platformOverview[data-section="home"]) > button.bcp-tool-links,
body.app-ready #saHome > button.bcp-tool-links,
body.app-ready:is(.bcp-super-admin-home,.bcp-platform-account) :is(#nav_bcAiPage,[data-page="bcAiPage"]) {
 display:none!important;
}

/* Super Admin home follows the approved two-column workspace reference. */
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome {
 display:block;
 min-height:0;
 width:100%;
 max-width:560px;
 margin:0 auto;
 padding:0 0 44px;
}
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-home-heading {
 display:grid;
 grid-template-columns:minmax(0,1fr);
 justify-items:center;
 align-self:stretch;
 width:100%;
 box-sizing:border-box;
 text-align:center;
 gap:8px;
 margin:0 0 18px;
}
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-app-grid {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 width:100%;
 max-width:480px;
 column-gap:24px;
 row-gap:14px;
 margin:0 auto;
}
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-app-tile,
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-app-tile:last-child {
 grid-column:auto;
 width:100%!important;
 justify-self:stretch;
 min-height:132px!important;
 padding:0 2px 6px!important;
 gap:6px!important;
}
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-tile-art {width:104px;height:104px}
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-tile-caption {min-height:30px}
body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-tile-name {font-size:14px;text-align:center}
@media(max-width:400px){
 body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-app-grid {column-gap:12px}
 body.app-ready.bcp-workspace #platformOverview[data-section="home"] #saHome .bcp-tile-name {font-size:13px}
}

/* Keep launcher titles at the top while centring the actions below them.
   Auto margins collapse when content is taller than the available screen. */
@media screen {
 body.app-ready.bcp-workspace.bcp-launcher-active > main {
  display:flex!important;
  flex-direction:column!important;
  scrollbar-gutter:stable both-edges;
 }
 body.app-ready.bcp-workspace.bcp-launcher-active > main > #bcpWorkspaceTrail {
  flex:0 0 auto;
 }
 body.app-ready.bcp-workspace > main > .page.bcp-launcher.active,
 body.app-ready.bcp-workspace > main > #platformOverview.active[data-section="home"],
 body.app-ready.bcp-workspace #platformOverview.active[data-section="home"] > #saHome:not([hidden]) {
  display:flex!important;
  flex-direction:column!important;
  flex:1 0 auto;
  margin:0 auto!important;
 }
 /* Add a small shared lift to every circle menu. Auto margins absorb it
    when there is room; short screens retain natural flow below the title. */
 body.app-ready.bcp-workspace {
  --bcp-launcher-lift-space:clamp(24px,7dvh,64px);
 }
 body.app-ready.bcp-workspace > main > .page.bcp-launcher.active {
  padding-bottom:calc(46px + var(--bcp-launcher-lift-space))!important;
 }
 body.app-ready.bcp-workspace #platformOverview.active[data-section="home"] > #saHome:not([hidden]) {
  padding-bottom:calc(44px + var(--bcp-launcher-lift-space))!important;
 }
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) > .bcp-home-heading {
  flex:0 0 auto;
 }
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-home-heading :is(h1,h2) {
  font-size:30px!important;
 }
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) > .bcp-app-grid {
  flex:0 0 auto;
  width:100%;
  margin-top:auto!important;
  margin-bottom:0!important;
 }
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) > :is(.bcp-app-grid,.bcp-home-utilities,.bcp-platform-note):last-child {
  flex:0 0 auto;
  margin-bottom:auto!important;
 }
}
@media screen and (max-width:760px) {
 body.app-ready.bcp-workspace :is(#saHome,.page.bcp-launcher) .bcp-home-heading :is(h1,h2) {
  font-size:28px!important;
 }
}