/* Structural mirror layout. Screen-only; native tables, IDs and writers are kept. */
@media screen {
body.bm-app-mirror .bm-mirror-shell{max-width:1440px;margin:0 auto;padding:20px 42px 0;font:400 14px/1.45 BMOnest,Arial,sans-serif;color:#181c23}
#bmMirrorShell[hidden]{display:none!important}
body.bm-app-mirror .bm-mirror-shell .hm-header{margin-bottom:24px}
body.bm-app-mirror .bm-mirror-shell button{font-family:inherit;color:inherit;cursor:pointer}
body.bm-app-mirror .bm-mirror-shell svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}
body.bm-app-mirror .bm-mirror-shell .hm-nav svg{width:17px;height:17px}
body.bm-app-mirror .bm-mirror-shell [hidden]{display:none!important}
/* Native account selector is a contextual working block, never the primary nav. */
body.bm-app-mirror:not(.bm-home-mirror)>.hdr{display:none!important}
body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive],[data-bm-mirror-context=learn],[data-bm-mirror-context=settings])>.hdr{display:flex!important;position:relative;top:auto;max-width:1356px;margin:0 auto 18px;border:1px solid #fff!important;border-radius:20px;padding:8px 16px;height:auto;min-height:54px;box-shadow:none}
body.bm-app-mirror>.hdr :is(.logo,#homeNavBtn,#hdrProjBtn,#hdrEmpBtn,#authChip){display:none!important}
body.bm-app-mirror .bm-block-page{max-width:1480px;margin-left:auto;margin-right:auto;min-width:0}
body.bm-app-mirror .bm-screen-map{grid-column:1/-1;min-width:0;width:100%;margin:0 0 24px;padding:0;background:none;border:0}
body.bm-app-mirror .page>.bm-screen-map{width:calc(100% - 44px);max-width:1396px;margin-left:auto;margin-right:auto}
body.bm-app-mirror .bm-header-tools:not(:empty){border-top:1px solid #dce5ee;margin-top:6px;padding-top:6px}
body.bm-app-mirror>.va-menu{top:88px;width:min(350px,calc(100vw - 24px));right:24px}
body.bm-app-mirror .bm-screen-heading{margin-bottom:20px}
body.bm-app-mirror .bm-screen-kicker{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;color:#5f6d7e;margin-bottom:10px}
body.bm-app-mirror .bm-screen-heading h1{font:500 clamp(26px,3vw,40px)/1.15 BMOnest,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 10px}
body.bm-app-mirror .bm-screen-heading p{font-size:13px;line-height:1.5;color:#536173;margin:0}
body.bm-app-mirror .bm-block-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
body.bm-app-mirror .bm-block-index:has(>.bm-block-link:only-child){grid-template-columns:minmax(0,1fr)}
body.bm-app-mirror .bm-block-link{display:grid;grid-template-columns:36px 1fr;gap:7px 12px;text-align:left;border:1px solid rgba(255,255,255,.96);border-radius:22px;background:rgba(255,255,255,.7);padding:18px;min-height:105px;color:#1d2631;cursor:pointer}
body.bm-app-mirror .bm-block-number{grid-row:1/3;display:grid;place-items:center;align-self:start;width:36px;height:36px;border-radius:50%;background:var(--bm-accent-soft);color:var(--bm-accent);font-size:11px}
body.bm-app-mirror .bm-block-link b{font-size:14px;font-weight:600;align-self:end}
body.bm-app-mirror .bm-block-link small{color:#586779;font-size:11px}
body.bm-app-mirror .bm-block-link:hover{background:#fff4bd;box-shadow:0 8px 25px #685b2110}
body.bm-app-mirror .gp-page>.gp-topbar{padding:18px 20px;border-radius:22px;margin:0 0 16px}
body.bm-app-mirror .gp-page>.gp-topbar .gp-title{display:none}
body.bm-app-mirror .gp-controls{display:flex;flex-wrap:wrap;gap:10px;padding:18px!important;border:1px solid #fff!important;border-radius:22px!important;margin-bottom:22px;min-width:0}
body.bm-app-mirror .gp-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(295px,1fr))}
body.bm-app-mirror .gp-card{min-height:260px}
body.bm-app-mirror .gp-stats-wrap{margin-bottom:22px;border:1px solid #fff;border-radius:22px;min-height:0}
body.bm-app-mirror .gp-stats-wrap:not(:has(.gp-stats-body.open)){display:none}
body.bm-app-mirror .gp-controls>.gp-stats-head{width:auto;max-width:100%;min-height:36px;gap:8px;padding:8px 12px;border:1px solid #dce4eb;border-radius:12px;background:rgba(255,255,255,.8);cursor:pointer}
body.bm-app-mirror .gp-controls>.gp-stats-head[aria-expanded=true]{background:#fff1b0;border-color:#e5cf76}
body.bm-app-mirror .gp-controls>.gp-stats-head:focus-visible{outline:2px solid #2165cd;outline-offset:2px}
body.bm-app-mirror .gp-controls>.gp-stats-head .gp-stats-head-lbl{font-size:12px;white-space:normal;text-align:left}
body.bm-app-mirror .gp-controls>.gp-stats-head .gp-stats-head-sum{display:none}
/* Personal cabinet: substantive independent work/summary zones. */
body.bm-app-mirror .calc-main-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1440px;margin:0 auto}
body.bm-app-mirror .calc-main-left>div:not([hidden])>.card{padding:24px;margin-bottom:22px;border-radius:24px!important}
body.bm-app-mirror .calc-main-right{min-width:0}
body.bm-app-mirror .res-block{padding:24px!important;box-shadow:0 15px 40px #24364c09}
body.bm-app-mirror .res-block :is(#resPayoutSplit,#resMonthRemRow,#resBalanceRow,#moneyBlock,#resOkladRow){border-top:1px solid #d8e2ec!important;padding-top:16px!important;margin-top:16px!important}
body.bm-app-mirror .calc-main-left .ctitle{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:18px}
body.bm-app-mirror .pnav{border:1px solid #fff!important;border-radius:20px;margin:0 auto 20px;max-width:1356px}
body.bm-app-mirror .mbar{border:1px solid #fff!important;border-radius:20px;margin:0 auto 12px;max-width:1356px}
body.bm-app-mirror :is(.kb-page,.hr-page,.practice-page,.vac-page){max-width:1440px}
body.bm-app-mirror .kb-roles-sidebar{padding:16px;border-radius:24px!important;margin-right:8px}
body.bm-app-mirror .kb-content{padding:24px;border-radius:24px!important}
body.bm-app-mirror :is(.practice-stats,.vac-stats,.hr-stats,.ctr-top-sum){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
body.bm-app-mirror :is(.vac-stats>div,.practice-stats>div,.hr-stats>div,.ctr-top-sum>div){padding:22px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid #fff;min-width:0}
body.bm-app-mirror :is(.imp-board,.hr-board){gap:20px}
body.bm-app-mirror :is(.fb-tbl,.team-tbl){background:rgba(255,255,255,.72);border:1px solid #fff}
body.bm-app-mirror .fb-tbl td,body.bm-app-mirror .team-tbl td{padding-top:15px;padding-bottom:15px}
body.bm-app-mirror .updc-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.bm-app-mirror .updc-sec{padding:22px!important;border-radius:24px!important;min-width:0}
body.bm-app-mirror .updc-sec-title{font-size:14px;letter-spacing:0;text-transform:none;margin-bottom:18px}
@media(min-width:1450px){body.bm-app-mirror .calc-main-right{position:sticky;top:20px;align-self:start}}
@media(max-width:1100px){body.bm-app-mirror .calc-main-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px}}
@media(max-width:1270px){body.bm-app-mirror .bm-mirror-shell{padding:18px 28px 0}}
@media(max-width:900px){body.bm-app-mirror .calc-main-grid{grid-template-columns:minmax(0,1fr)}body.bm-app-mirror .calc-main-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.bm-app-mirror .res-block{grid-column:1/-1}body.bm-app-mirror .updc-body{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 body.bm-app-mirror .bm-mirror-shell{padding:16px 18px 0}
 body.bm-app-mirror .bm-mirror-shell .hm-header{gap:12px;flex-wrap:wrap;margin-bottom:20px}
 body.bm-app-mirror .bm-mirror-shell .hm-nav{display:flex;order:3;width:100%;justify-content:space-between;overflow:auto}
 body.bm-app-mirror .bm-block-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.bm-app-mirror .bm-block-link{display:flex;flex-direction:column;gap:8px;padding:14px;min-height:136px}
 body.bm-app-mirror .bm-block-link b{align-self:start}
 body.bm-app-mirror .gp-grid{grid-template-columns:minmax(0,1fr)}
 body.bm-app-mirror :is(.practice-stats,.vac-stats,.hr-stats,.ctr-top-sum){grid-template-columns:minmax(0,1fr)}
 body.bm-app-mirror .calc-main-right{display:block}
 body.bm-app-mirror .kb-content{padding:16px}
 body.bm-app-mirror>.hdr{margin-left:16px!important;margin-right:16px!important}
 body.bm-app-mirror>.hdr{border-radius:20px!important}
 body.bm-app-mirror>.hdr .bm-native-context-label{display:block!important;font-size:12px;color:#526071;font-weight:550}
 body.bm-app-mirror>.hdr #hdrCollapse{background:#f7faff!important}
}
}

@media print{#bmMirrorShell,.bm-screen-map{display:none!important}}

@media screen{
body.bm-app-mirror .team-wrap{max-width:1440px;margin:0 auto}
body.bm-app-mirror .team-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:24px;padding:24px;border:1px solid #fff;border-radius:24px;background:var(--bm-glass);margin-bottom:26px}
body.bm-app-mirror .team-search{width:100%;min-width:0;min-height:46px}
body.bm-app-mirror .bm-team-catalog{display:grid;gap:26px}
body.bm-app-mirror .bm-team-month>h2{font-size:18px;font-weight:550;letter-spacing:-.02em;margin:0 0 14px}
body.bm-app-mirror .bm-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
body.bm-app-mirror .bm-team-person{display:flex;flex-direction:column;gap:18px;min-width:0;padding:22px;border:1px solid #fff;border-radius:24px;background:var(--bm-glass);box-shadow:var(--bm-shadow)}
body.bm-app-mirror .bm-team-person.is-birthday{background:linear-gradient(135deg,#fff4c7df,#ffffffc7)}
body.bm-app-mirror .bm-team-person-head{display:flex;align-items:flex-start;gap:12px}
body.bm-app-mirror .bm-team-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#e0eaff;color:#285da2;font-size:13px;font-weight:600}
body.bm-app-mirror .bm-team-person h3{font-size:15px;line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere}
body.bm-app-mirror .bm-team-person-head p{margin:5px 0 0;font-size:11px;color:#526071;line-height:1.4}
body.bm-app-mirror .bm-team-birthday{display:block;color:#855d08;font-size:10px;margin-top:7px}
body.bm-app-mirror .bm-team-fields{display:grid;gap:12px;margin:0}
body.bm-app-mirror .bm-team-fields dt,body.bm-app-mirror .bm-team-contact small{font-size:10px;color:#526071;display:block;margin:0 0 4px}
body.bm-app-mirror .bm-team-fields dd{margin:0;font-size:12px;line-height:1.4}
body.bm-app-mirror .bm-team-contact{margin-top:auto;padding-top:14px;border-top:1px solid #dce5ee;display:flex;flex-direction:column;align-items:flex-start}
body.bm-app-mirror .bm-team-contact a{color:#215caf;font-size:13px;line-height:1.5;text-decoration:none;border-radius:6px}
body.bm-app-mirror .bm-team-contact a:hover{color:#174584;text-decoration:underline}
body.bm-app-mirror .bm-team-contact>span{font-size:12px;color:#526071}
@media(max-width:760px){body.bm-app-mirror .team-head{grid-template-columns:minmax(0,1fr);padding:18px;gap:16px}body.bm-app-mirror .bm-team-grid{grid-template-columns:minmax(0,1fr);gap:14px}body.bm-app-mirror .bm-team-person{padding:20px}}
}

@media screen{body.bm-app-mirror #page-team .team-tblwrap{display:none}}
@media print{.bm-team-catalog{display:none!important}}

@media screen{body.bm-app-mirror .team-head .team-title{display:none}}

/* Site resources share one full-width frame for the heading, access cards,
   administration guide and videos. Native card grids and controls stay intact. */
@media screen {
 body.bm-app-mirror #page-siteaccess {--bm-site-gutter:22px;box-sizing:border-box;width:100%;max-width:none;min-width:0;}
 body.bm-app-mirror #page-siteaccess>.bm-screen-map,
 body.bm-app-mirror #page-siteaccess #saPageContent>.sa-wrap {
  box-sizing:border-box;width:calc(100% - 2 * var(--bm-site-gutter));max-width:none;min-width:0;margin-left:auto;margin-right:auto;
 }
 body.bm-app-mirror #page-siteaccess #saPageContent>.sa-wrap {padding:0 0 32px;}
 @media(min-width:769px){body.bm-app-mirror #page-siteaccess :is(.sa-grid,.sa-vids) {grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}}
 @media(max-width:760px){body.bm-app-mirror #page-siteaccess {--bm-site-gutter:12px;}}
}

/* Personal pages share one visible outer frame. The cabinet's native two
   columns remain independent; nested department grids keep their own layout. */
@media screen {
 body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive]) {
  --bm-cabinet-frame:1396px;
  --bm-cabinet-gutter:22px;
 }
 body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive])>:is(#bmMirrorShell,.hdr,#mbar,.pnav),
 body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive]) :is(#page-calc,#page-hours,#page-mytasks,#page-archive)>.bm-screen-map,
 body.bm-app-mirror #page-calc #calcMainGrid,
 body.bm-app-mirror #page-hours>div:has(>#tsCard),
 body.bm-app-mirror #page-mytasks>#mytasksContent,
 body.bm-app-mirror #page-archive>#arcWrap {
  box-sizing:border-box;
  width:calc(100% - 2 * var(--bm-cabinet-gutter,22px));
  max-width:var(--bm-cabinet-frame,1396px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
 }
 body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive])>#bmMirrorShell,
 body.bm-app-mirror #page-calc #calcMainGrid,
 body.bm-app-mirror #page-hours>div:has(>#tsCard),
 body.bm-app-mirror #page-mytasks>#mytasksContent,
 body.bm-app-mirror #page-archive>#arcWrap {
  padding-left:0!important;
  padding-right:0!important;
 }
 @media(max-width:1100px) {
  body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive]) {--bm-cabinet-gutter:16px;}
 }
}

/* Personal tasks have two native navigation groups and no department title.
   Keep the view switch and date controls in independent wrapping groups. */
@media screen {
 body.bm-app-mirror #page-mytasks #mytasksContent>.vac-header {display:none;}
 body.bm-app-mirror #mytasksContent>.wt-head:not([hidden]) {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
 }
 body.bm-app-mirror #mytasksContent>.wt-head>.wt-nav {
  grid-area:auto;
  flex-wrap:wrap;
  justify-content:flex-start;
  min-width:0;
 }
 body.bm-app-mirror #mytasksContent>.wt-head>.wt-nav:last-child {
  margin-left:auto;
  justify-content:flex-end;
 }
}

/* Home includes the primary header. The legacy page entrance translated and
   faded that entire header while its indicator was moving to the home item. */
@media screen {
 body.bm-app-mirror .page.active {animation:none;}
 @media(max-width:360px) {body.bm-app-mirror .bm-mirror-shell{padding:14px 12px 0}}
}

/* Home and every internal page share the full-width header frame.
   Equal side columns keep navigation centered independently of the profile. */
@media screen {
 html.bm-app-mirror {scrollbar-gutter:stable;}
 body.bm-app-mirror {--bm-header-gutter:42px;}
 body.bm-app-mirror>#bmMirrorShell.bm-mirror-shell {
  box-sizing:border-box;width:calc(100vw - 2 * var(--bm-header-gutter));max-width:none!important;
  padding-left:0!important;padding-right:0!important;
 }
 body.bm-app-mirror .hm-root>.hm-header {
  width:calc(100vw - 2 * var(--bm-header-gutter));
  margin-inline:calc((100% - (100vw - 2 * var(--bm-header-gutter))) / 2);
 }
 @media(min-width:761px) {
  body.bm-app-mirror .hm-header {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
  body.bm-app-mirror .hm-header>.hm-brand {justify-self:start;white-space:nowrap;}
  body.bm-app-mirror .hm-header>.hm-nav {justify-self:center;}
  body.bm-app-mirror .hm-header>.hm-header-actions {justify-self:end;min-width:0;max-width:100%;}
  body.bm-app-mirror .hm-header :is(.hm-user-controls,.hm-profile-menu,.hm-profile,.hm-profile-name) {min-width:0;}
  body.bm-app-mirror .hm-header .hm-user-controls {flex-shrink:1;}
  body.bm-app-mirror .hm-header :is(.hm-header-actions>.hm-round,.hm-profile-avatar) {flex-shrink:0;}
  body.bm-app-mirror .hm-header .hm-profile-name b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 }
 @media(max-width:1270px) {body.bm-app-mirror {--bm-header-gutter:22px;}}
 @media(max-width:1100px) {body.bm-app-mirror {--bm-header-gutter:16px;}}
 @media(min-width:761px) and (max-width:1030px) {
  body.bm-app-mirror .hm-header-actions {gap:5px;}
  body.bm-app-mirror .hm-header-actions>.hm-round {width:42px;height:42px;}
 }
 @media(max-width:760px) {
  body.bm-app-mirror .hm-root>.hm-header {flex-wrap:wrap;}
  body.bm-app-mirror .hm-root>.hm-header>.hm-nav {display:flex;order:3;width:100%;justify-content:space-between;overflow:auto;}
 }
 @media(max-width:360px) {body.bm-app-mirror {--bm-header-gutter:12px;}}
}

/* A single liquid surface under stable navigation buttons. */
@media screen {
 body.bm-app-mirror .hm-nav.bm-nav-fluid {position:relative;isolation:isolate;overflow:hidden;}
 body.bm-app-mirror .hm-nav.bm-nav-fluid>button {
  position:relative;z-index:1;flex-shrink:0;min-width:42px;font:400 13px/20px BMOnest,Arial,sans-serif!important;
  padding:11px!important;background:transparent!important;box-shadow:none!important;transform:none!important;
  transition:color .18s,background-color .18s!important;
 }
 body.bm-app-mirror .hm-nav.bm-nav-fluid>button:first-of-type {padding-inline:17px!important;}
 body.bm-app-mirror .hm-nav.bm-nav-fluid>.bm-nav-drop {
  display:block;position:absolute;left:0;top:0;z-index:0;pointer-events:none;box-sizing:border-box;transform-origin:0 0;
  background:linear-gradient(135deg,#ffffff,#fffdf5);border:1px solid #fff;border-radius:28px;
  box-shadow:0 3px 10px #27354d14,inset 0 1px 1px #fff;will-change:transform,opacity;
 }
 body.bm-app-mirror .hm-nav.bm-nav-fluid>.bm-nav-drop[hidden] {display:none!important;}
 body.bm-app-mirror .hm-nav.bm-nav-fluid>button:focus-visible {outline:2px solid #2165cd!important;outline-offset:2px;}
 @media(hover:hover) and (pointer:fine) {
  body.bm-app-mirror .hm-nav.bm-nav-fluid>button:not(.hm-nav-current):hover {background:linear-gradient(135deg,#fff9d780,#f9e44655)!important;}
 }
 @media(max-width:1270px) {
  body.bm-app-mirror .hm-nav.bm-nav-fluid>button {padding:9px!important;}
  body.bm-app-mirror .hm-nav.bm-nav-fluid>button:first-of-type {padding-inline:14px!important;}
 }
 @media(max-width:760px) {
  body.bm-app-mirror .bm-mirror-shell .hm-nav.bm-nav-fluid {overflow:auto;}
 }
 @media(prefers-reduced-motion:reduce) {
  body.bm-app-mirror .hm-nav.bm-nav-fluid>button {transition:none!important;}
  body.bm-app-mirror .hm-nav.bm-nav-fluid>.bm-nav-drop {will-change:auto;}
 }
}
@media print {.bm-nav-drop{display:none!important}}

/* Expand the native assembly table in flow: no new scroll parent or portal. */
@media screen {
 body.bm-app-mirror .bm-wt-expandable>.wt-head>.wt-title {
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;min-width:0;
 }
 body.bm-app-mirror .bm-wt-expand-btn {
  flex:0 0 auto;min-height:36px;padding:8px 12px;border:1px solid #fff;border-radius:12px;
  background:rgba(255,255,255,.8);color:#263247;font:500 12px/1.3 BMOnest,Arial,sans-serif;
  cursor:pointer;box-shadow:0 2px 8px #27354d0a;
 }
 body.bm-app-mirror .bm-wt-expand-btn:hover {background:#fff2ad;}
 body.bm-app-mirror .bm-wt-expand-btn:focus-visible {outline:2px solid #2165cd;outline-offset:2px;}
 body.bm-app-mirror #deptPageContent>.dept-page-wrap.bm-wt-wide {max-width:none;padding-left:16px;padding-right:16px;}
 body.bm-app-mirror .bm-wt-wide>:is(.dept-page-header,#deptMoneyBlock) {
  width:calc(100% - 24px);max-width:1424px;margin-left:auto;margin-right:auto;
 }
 @media(max-width:760px) {
  body.bm-app-mirror #deptPageContent>.dept-page-wrap.bm-wt-wide {padding-left:8px;padding-right:8px;}
  body.bm-app-mirror .bm-wt-wide>:is(.dept-page-header,#deptMoneyBlock) {width:calc(100% - 8px);}
 }
}
@media print {.bm-wt-expand-btn{display:none!important}}

/* Keep profile actions above native context bars, inside the viewport. */
@media screen {
 body.bm-app-mirror .hm-header {position:relative;z-index:120;}
 body.bm-app-mirror .hm-profile-dropdown {
  box-sizing:border-box;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;
 }
}

/* Keep one wall while screens cross-fade. A fade from transparent over a
   different wall was the flash between the old native page entrances. */
@media screen {
 body.bm-app-mirror {
  --bm-wall:radial-gradient(ellipse 680px 650px at 81% 380px,rgba(255,221,55,.75),transparent 80%),radial-gradient(ellipse 750px 750px at 9% 200px,rgba(128,170,213,.37),transparent 77%),radial-gradient(ellipse 660px 670px at 24% 58%,rgba(247,228,126,.34),transparent 80%),radial-gradient(ellipse 650px 500px at 36% 94%,rgba(255,225,81,.45),transparent 82%);
  background-color:#e5eaf0!important;background-image:var(--bm-wall)!important;background-attachment:fixed!important;
 }
 @media(max-width:760px) {
  body.bm-app-mirror {--bm-wall:radial-gradient(ellipse 330px 700px at 100% 180px,#fff0a099,transparent 85%),radial-gradient(ellipse 420px 680px at 0 130px,#a8c6e377,transparent 80%),radial-gradient(ellipse 450px 850px at 40% 92%,#f8e8a377,transparent 80%);}
 }
 /* Capture working content only. Named header snapshots suppress its real
    buttons' hit tests, so even a fast second click must use the live header. */
 html.bm-route-transition {view-transition-name:none;}
 html.bm-route-transition .page.active:not(#page-home) {view-transition-name:var(--bm-route-page-name);}
 html.bm-route-transition #page-home.active .hm-intro {view-transition-name:bm-route-home-intro;}
 html.bm-route-transition #page-home.active .hm-preview-line {view-transition-name:bm-route-home-preview;}
 html.bm-route-transition #page-home.active .hm-warning {view-transition-name:bm-route-home-warning;}
 html.bm-route-transition #page-home.active .hm-layout {view-transition-name:bm-route-home-layout;}
 html.bm-route-transition::view-transition {pointer-events:none;}
 /* Each screen keeps its own bounds; only opacity changes, never the size
    or position of tables and cards from different working screens. */
 html.bm-route-transition::view-transition-group(*) {animation:none;}
 /* Finish fading out the previous text before revealing the next screen.
    A simultaneous crossfade overprints department headings and table rows. */
 html.bm-route-transition::view-transition-old(*) {animation:bm-view-transition-out 180ms linear both;mix-blend-mode:normal;}
 html.bm-route-transition::view-transition-new(*) {animation:bm-view-transition-in 180ms linear both;mix-blend-mode:normal;}
 @keyframes bm-view-transition-out {0%{opacity:1}35%,100%{opacity:0}}
 @keyframes bm-view-transition-in {0%,35%{opacity:0}100%{opacity:1}}
 @media(prefers-reduced-motion:reduce) {
  html.bm-route-transition::view-transition-group(*),
  html.bm-route-transition::view-transition-old(*),
  html.bm-route-transition::view-transition-new(*) {animation-duration:0s!important;}
 }
}

/* Cabinet title first; months share the account toolbar's available space. */
@media screen {
 body.bm-app-mirror .bm-cabinet-heading {box-sizing:border-box;width:calc(100% - 2 * var(--bm-cabinet-gutter,22px));max-width:var(--bm-cabinet-frame,1396px);margin:0 auto 20px;}
 #bmCabinetHeading[hidden] {display:none!important;}
 body.bm-app-mirror .bm-cabinet-heading>.bm-screen-heading {margin:0;}
 body.bm-app-mirror .bm-cabinet-heading>#bmEmpBackWrap:not(:empty) {margin-top:16px;}
 body.bm-app-mirror .bm-cabinet-heading>#bmEmpBackWrap>.dept-back-btn {display:block;max-width:100%;margin:0!important;}
 body.bm-app-mirror .page>.bm-screen-map:empty {display:none;}
 body.bm-app-mirror :is(#page-calc,#page-hours,#page-mytasks,#page-archive)>.bm-screen-map>.bm-screen-heading {display:none;}
 body.bm-app-mirror :is(#page-calc,#page-hours,#page-mytasks,#page-archive)>.bm-screen-map:not(:has(.bm-block-index)) {display:none;}
 body.bm-app-mirror>.hdr.bm-cabinet-controls {gap:12px;}
 body.bm-app-mirror>.hdr.bm-cabinet-controls>:is(.hdr-gap,.bm-native-context-label) {display:none!important;}
 body.bm-app-mirror>.hdr.bm-cabinet-controls>.bm-cabinet-months {flex:1 1 280px;min-width:0;width:0;}
 .bm-cabinet-months[hidden] {display:none!important;}
 body.bm-app-mirror>.hdr.bm-cabinet-controls .bm-cabinet-months>:is(#mbar,.bm-remote-months) {box-sizing:border-box;min-width:0;width:100%;max-width:none;margin:0!important;padding:0 6px;border:1px solid #cdd9e6!important;border-radius:12px;background:linear-gradient(180deg,#e8eff7,#f0f4f9)!important;box-shadow:inset 0 1px 3px #34475c0d;}
 body.bm-app-mirror .bm-cabinet-months>#bmFrozenBanner {font-size:11px;line-height:1.4;margin:0 0 6px;padding:6px 8px;border-radius:10px;white-space:normal;}
 body.bm-app-mirror>.hdr.bm-cabinet-controls .sel-group {flex:0 1 auto;}
 html.bm-route-transition .bm-cabinet-heading:not([hidden]) {view-transition-name:bm-route-cabinet-heading;}
}
@media print {#bmCabinetHeading{display:none!important}}

/* One department title, with the original Back control below it. */
@media screen {
 body.bm-app-mirror #page-dept.bm-assembly-page #deptPageContent>.dept-page-wrap {padding-top:0;}
 body.bm-app-mirror #page-dept.bm-assembly-page #deptPageContent>.dept-page-wrap>.dept-page-header {display:none!important;}
 body.bm-app-mirror #page-dept.bm-remote-page #deptPageContent>.vac-page {padding-top:0;}
 body.bm-app-mirror #page-dept.bm-remote-page #deptPageContent>.vac-page>.vac-header {display:none!important;}
 body.bm-app-mirror #page-contractors.bm-contractors-page #contractorsContent>.vac-page {padding-top:0;}
 body.bm-app-mirror #page-contractors.bm-contractors-page #contractorsContent>.vac-page>.vac-header {display:none!important;}
 /* Production boards use the available screen width, including wide monitors.
    Column minimum widths and their native horizontal scrolling remain intact. */
 body.bm-app-mirror #page-dept:is(.bm-print3d-page,.bm-cnc-page) #deptPageContent>.dept-page-wrap.dept-page-full {box-sizing:border-box;width:100%;max-width:none;min-width:0;}
 body.bm-app-mirror #page-dept:is(.bm-print3d-page,.bm-cnc-page) #deptPageContent>.dept-page-wrap {padding-top:0;}
 body.bm-app-mirror #page-dept:is(.bm-print3d-page,.bm-cnc-page) #deptPageContent>.dept-page-wrap>:is(.p3d-page-header,.cnc-page-header) {grid-template-columns:minmax(0,1fr);}
 body.bm-app-mirror #page-dept:is(.bm-print3d-page,.bm-cnc-page) #deptPageContent>.dept-page-wrap>:is(.p3d-page-header,.cnc-page-header)>.cnc-page-heading {display:none!important;}
 body.bm-app-mirror .bm-screen-heading>:is(.bm-assembly-back,.bm-remote-back,.bm-contractors-back,.bm-print3d-back,.bm-cnc-back,.bm-threed-back) {display:block;width:max-content;max-width:100%;margin-top:16px;min-height:36px;}
 body.bm-app-mirror :is(.bm-assembly-back,.bm-remote-back,.bm-contractors-back,.bm-print3d-back,.bm-cnc-back,.bm-threed-back):focus-visible {outline:2px solid #2165cd;outline-offset:2px;}
}

/* Projects: heading at the left and the native actions at the right of one row.
   Keep the buttons in their original DOM so permissions and handlers stay native. */
@media screen {
 body.bm-app-mirror #page-projects.active {display:grid;grid-template-columns:minmax(300px,1fr) auto;grid-template-areas:"heading actions" "content content";align-items:center;gap:24px;box-sizing:border-box;width:calc(100% - 44px);max-width:1396px;margin:0 auto;}
 body.bm-app-mirror #page-projects>.bm-screen-map {grid-area:heading;width:100%;max-width:none;margin:0;}
 body.bm-app-mirror #page-projects>.bm-screen-map>.bm-screen-heading {margin:0;}
 body.bm-app-mirror #page-projects>.gp-page {display:contents;}
 body.bm-app-mirror #page-projects>.gp-page>.gp-topbar {grid-area:actions;justify-self:end;box-sizing:border-box;max-width:100%;margin:0;padding:12px 14px;}
 body.bm-app-mirror #page-projects .gp-topbar>div:first-child {display:none;}
 body.bm-app-mirror #page-projects #projMainActions {justify-content:flex-end;min-width:0;max-width:100%;}
 body.bm-app-mirror #page-projects :is(#projView-main,#projView-workshop) {grid-area:content;min-width:0;}
 @media(max-width:1100px) {
  body.bm-app-mirror #page-projects.active {grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "actions" "content";gap:20px;}
 }
 @media(max-width:760px) {
  body.bm-app-mirror #page-projects.active {width:calc(100% - 32px);}
  body.bm-app-mirror #page-projects>.gp-page>.gp-topbar {width:100%;}
 }
}

/* HR uses the shared glass surfaces and flat controls. A legacy background
   image must be reset, not merely covered with a lighter background-color. */
@media screen {
 body.bm-app-mirror :is(#page-hr .hr-page,.hr-emp-overlay) {
  --neo-bg:#f1f5f9;--neo-grad:rgba(255,255,255,.72);
  --neo-out:var(--bm-shadow);--neo-out-sm:0 0 0 transparent;--neo-out-lg:var(--bm-shadow);
  --neo-in:0 0 0 transparent;--neo-in-sm:0 0 0 transparent;
  --neo-blue:#2165cd;--neo-blue-d:#181c23;--neo-blue-grad:#eef3f9;--neo-blue-glow:0 0 0 transparent;
  --grayl:#536173;--muted:#536173;
 }
 body.bm-app-mirror #page-hr .hr-page {display:block;box-sizing:border-box;width:calc(100% - 44px);max-width:1396px;margin:0 auto 24px;padding:24px;min-width:0;background:var(--bm-glass);border:1px solid #fff;border-radius:24px;box-shadow:var(--bm-shadow);}
 body.bm-app-mirror #page-hr .hr-header {flex-wrap:wrap;gap:10px;margin-bottom:20px;}
 body.bm-app-mirror #page-hr .hr-title {font-size:20px;font-weight:650;color:var(--text);}
 body.bm-app-mirror #page-hr .hr-pdf-card {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:8px;width:176px;aspect-ratio:1;padding:12px;margin:0;border:1px solid #fff;background:var(--bm-glass);box-shadow:none;}
 body.bm-app-mirror #page-hr .hr-pdf-title {font-size:13px;font-weight:650;line-height:1.35;}
 body.bm-app-mirror #page-hr .hr-pdf-sub {font-size:11px;line-height:1.4;color:#536173;margin-top:6px;}
 body.bm-app-mirror #page-hr .hr-tabs {display:flex;flex-wrap:wrap;width:max-content;max-width:100%;gap:4px;margin-bottom:18px;padding:4px;border:1px solid #fff;box-shadow:none;}
 body.bm-app-mirror #page-hr :is(.hr-tab,.hr-view-btn,.vac-back-btn) {min-height:38px;padding:9px 14px;border:1px solid #d8e2ec;border-radius:12px!important;background:rgba(255,255,255,.86)!important;color:var(--text);font-size:13px;font-weight:550;line-height:18px;box-shadow:none!important;transform:none;}
 body.bm-app-mirror #page-hr .hr-tab {border-color:transparent;background:transparent!important;}
 body.bm-app-mirror #page-hr :is(.hr-tab,.hr-view-btn).active {background:var(--bm-accent-soft)!important;color:var(--bm-accent)!important;border-color:transparent;box-shadow:none!important;}
 body.bm-app-mirror #page-hr .hr-pdf-btn {display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #efda76;padding:9px 14px;line-height:18px;box-shadow:none;}
 body.bm-app-mirror #page-hr .hr-toolbar {padding:12px;gap:10px;border:1px solid #fff;margin-bottom:16px;box-shadow:none;}
 body.bm-app-mirror #page-hr .hr-toolbar :is(select,input[type=search]) {min-height:38px;min-width:0!important;max-width:100%;padding:9px 12px!important;border:1px solid #d8e2ec!important;border-radius:12px!important;background-color:#fff!important;color:var(--text)!important;box-shadow:none!important;font-size:13px;}
 body.bm-app-mirror #page-hr .hr-toolbar select {flex:0 1 190px;padding-right:34px!important;}
 body.bm-app-mirror #page-hr #hrSearchInput {flex:1 1 220px;width:auto;}
 body.bm-app-mirror #page-hr .hr-toolbar>span {color:var(--muted)!important;white-space:nowrap;}
 body.bm-app-mirror #page-hr .hr-table-wrap {max-width:100%;min-width:0;padding:0;background:rgba(255,255,255,.8);border:1px solid #dce4ed;border-radius:18px;box-shadow:none;}
 body.bm-app-mirror #page-hr .hr-table {min-width:920px;font-size:13px;line-height:1.45;}
 body.bm-app-mirror #page-hr .hr-table th {background:#edf2f8!important;color:#34475c!important;border-bottom:1px solid #d6e0eb;border-radius:0;padding:14px 16px;font-size:12px;font-weight:650;line-height:1.5;}
 body.bm-app-mirror #page-hr .hr-table th>span {color:#526071!important;opacity:1;}
 body.bm-app-mirror #page-hr .hr-table th:hover {background:#e1eaf5!important;}
 body.bm-app-mirror #page-hr .hr-table td {padding:12px 16px;border-bottom:1px solid #e0e6ed;}
 body.bm-app-mirror #page-hr .hr-table tbody tr:hover>td {background:#fffbea;}
 body.bm-app-mirror #page-hr .hr-row-name {font-weight:600;color:var(--text);}
 body.bm-app-mirror #page-hr :is(.hr-sal-input,.hr-hire-input) {min-height:34px;padding:6px 8px;border:1px solid #d8e2ec!important;background-color:#fff!important;color:var(--text);box-shadow:none;}
 body.bm-app-mirror #page-hr :is(.hr-tab,.hr-view-btn,.vac-back-btn,.hr-pdf-btn):focus-visible {outline:2px solid #2165cd!important;outline-offset:3px;}
 body.bm-app-mirror #page-hr :is(select,input):focus-visible {outline:2px solid #2165cd!important;outline-offset:2px;border-color:#2165cd!important;box-shadow:none!important;}
 body.bm-app-mirror #page-hr :is(.hr-board-card,.hr-heatmap-block) {min-width:0;background:var(--bm-glass);border:1px solid #fff;border-radius:20px;box-shadow:var(--bm-shadow);}
 body.bm-app-mirror #page-hr .hr-board-card:hover {transform:none;box-shadow:0 6px 20px #263d5612;}
 body.bm-app-mirror #page-hr .hr-card-name {color:var(--text);font-weight:650;}
 body.bm-app-mirror #page-hr .hr-heatmap-title {color:var(--text);font-size:16px;font-weight:650;}
 body.bm-app-mirror #page-hr :is(.hr-heatmap-sub,.hr-card-dept) {color:var(--muted);line-height:1.5;}
 body.bm-app-mirror #page-hr :is(.hr-matrix-wrap,.hr-dept-wrap,.hr-cal-wrap) {max-width:100%;min-width:0;}
 /* Keep the dashboard's inline heatmap colours and their meaning. */
 body.bm-app-mirror #page-hr :is(.hr-matrix-wrap,.hr-dept-wrap) th {background:#edf2f8!important;color:#34475c!important;}
 body.bm-app-mirror .hr-emp-modal {max-width:100%;min-width:0;}
 body.bm-app-mirror .hr-emp-mhdr {gap:12px;padding:18px 22px;background:#edf2f8;border-bottom:1px solid #dce4ed;}
 body.bm-app-mirror .hr-emp-mhdr-name {min-width:0;color:var(--text);font-size:17px;font-weight:650;overflow-wrap:anywhere;}
 body.bm-app-mirror .hr-emp-mhdr>button {flex:0 0 36px;width:36px;min-height:36px;border:1px solid #d8e2ec!important;border-radius:50%;background:#fff!important;color:#536173!important;transform:none;}
 body.bm-app-mirror .hr-emp-mbody {gap:16px;padding:20px;}
 body.bm-app-mirror .hr-emp-mbody>div {min-width:0;}
 body.bm-app-mirror :is(.hr-emp-section,.hr-meeting-card,.hr-meet-form) {border:1px solid #e0e6ed;box-shadow:none;}
 body.bm-app-mirror :is(.hr-emp-section,.hr-meeting-card):hover {transform:none;}
 body.bm-app-mirror .hr-emp-modal .adapt-meta {min-width:0;}
 body.bm-app-mirror .hr-emp-modal .adapt-meta-f {flex:1 1 180px;min-width:0;max-width:100%;}
 body.bm-app-mirror .hr-emp-modal .adapt-meta-f :is(input,select) {width:100%;min-width:0;max-width:100%;}
 body.bm-app-mirror .hr-meet-form>div:last-child>button {min-height:36px;border:1px solid #d8e2ec!important;border-radius:12px!important;background:#fff!important;color:var(--text)!important;box-shadow:none;transform:none!important;}
 body.bm-app-mirror .hr-emp-modal :is(.adapt-init-btn,.adapt-meta-save,.adapt-add-btn,button[onclick^="hrSaveMeeting"]),
 body.bm-app-mirror .hr-emp-modal .hr-meet-form button[onclick^="hrSaveMeeting"],
 body.bm-app-mirror .hr-emp-section>div:first-child>button[onclick^="hrToggleMeetForm"] {min-height:36px;padding:8px 12px;border:1px solid #efda76!important;border-radius:12px!important;background:#ffe66b!important;color:#29291d!important;font-weight:600;box-shadow:none;transform:none!important;}
 body.bm-app-mirror .hr-emp-section>div:first-child>button[onclick^="hrToggleMeetForm"] {flex-shrink:0;white-space:nowrap;}
 @media(hover:hover) and (pointer:fine) {
  body.bm-app-mirror #page-hr :is(.hr-view-btn,.vac-back-btn):not(.active):hover {background:#fff4b9!important;border-color:#e6d985;}
  body.bm-app-mirror #page-hr .hr-tab:not(.active):hover {background:#ffffffc7!important;}
  body.bm-app-mirror #page-hr .hr-pdf-btn:hover {background:#ffdf51!important;}
 }
 @media(max-width:760px) {
  body.bm-app-mirror #page-hr .hr-page {width:calc(100% - 32px);margin:0 auto 20px;padding:16px;border-radius:20px;}
  body.bm-app-mirror #page-hr .hr-tabs {width:100%;}
  body.bm-app-mirror #page-hr .hr-tab {flex:1 1 0;padding-inline:10px;font-size:12px;}
  body.bm-app-mirror #page-hr .hr-toolbar :is(select,input[type=search]) {flex:1 1 100%;width:100%;}
  body.bm-app-mirror #page-hr .hr-view-btn {font-size:12px;padding-inline:12px;}
  body.bm-app-mirror #page-hr .hr-heatmap-block {padding:16px;}
  body.bm-app-mirror .hr-emp-mbody {padding:14px;}
  body.bm-app-mirror .hr-emp-mhdr {padding:14px;}
  body.bm-app-mirror .hr-emp-section {padding:14px;}
  body.bm-app-mirror .hr-emp-section table {table-layout:fixed;}
  body.bm-app-mirror .hr-emp-section table td:first-child {width:38%!important;}
  body.bm-app-mirror .hr-emp-section table input {min-width:0;max-width:100%;}
  body.bm-app-mirror .hr-emp-section table input[type=date] {width:100%;}
  body.bm-app-mirror .hr-emp-section .hr-sal-input {width:calc(100% - 20px)!important;}
 }
 @media(max-width:640px) {
  body.bm-app-mirror #page-hr .hr-pdf-card {width:160px;padding:10px;}
  body.bm-app-mirror #page-hr .hr-pdf-btn {grid-column:1/-1;width:100%;font-size:12px;padding:8px;min-height:36px;}
 }
}

/* The open contractor ledger shares the primary header's outer edges. */
@media screen {
 body.bm-app-mirror #page-contractors:has(#contractorsContent>.vac-page>.calc-main-grid)>.bm-screen-map,
 body.bm-app-mirror #contractorsContent>.vac-page:has(>.calc-main-grid) {
  box-sizing:border-box;width:calc(100vw - 2 * var(--bm-header-gutter));max-width:none!important;
  margin-left:auto;margin-right:auto;
 }
 body.bm-app-mirror #contractorsContent>.vac-page:has(>.calc-main-grid) {padding-left:0;padding-right:0;}
 body.bm-app-mirror #contractorsContent>.vac-page>.calc-main-grid {width:100%;max-width:none;}
}

/* Match the home layout, including its right-hand tasks column. Wide boards
   deliberately keep their existing frame, scroll containers and expansion. */
@media screen {
 body.bm-app-mirror {--bm-content-max:1440px;--bm-content-gutter:42px;}
 @media(min-width:1600px) {body.bm-app-mirror {--bm-content-max:1600px;}}
 @media(max-width:1270px) {body.bm-app-mirror {--bm-content-gutter:28px;}}
 @media(max-width:760px) {body.bm-app-mirror {--bm-content-gutter:18px;}}
 @media(max-width:360px) {body.bm-app-mirror {--bm-content-gutter:12px;}}
 body.bm-app-mirror .page.bm-contained-page {
  box-sizing:border-box;width:calc(100% - 2 * var(--bm-content-gutter))!important;
  max-width:calc(var(--bm-content-max) - 2 * var(--bm-content-gutter))!important;
  margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important;min-width:0;
 }
 body.bm-app-mirror .page.bm-contained-page>.bm-screen-map {
  width:100%;max-width:none;margin-left:0;margin-right:0;
 }
 body.bm-app-mirror .bm-contained-page :is(.bm-block-page,.team-wrap,.ntc-page,.imp-wrap,.fb-space,.elec-space,.rj-wrap,.fr-wrap) {
  box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0;
  margin-left:0;margin-right:0;padding-left:0!important;padding-right:0!important;
 }
 body.bm-app-mirror #page-hr.bm-contained-page .hr-page {padding-left:24px!important;padding-right:24px!important;}
 body.bm-app-mirror #page-dept.bm-threed-page #deptPageContent>.dept-page-wrap {padding-top:0;}
 body.bm-app-mirror #page-dept.bm-threed-page #deptPageContent>.dept-page-wrap>.dept-page-header {display:none!important;}
}

@media screen {
 body.bm-app-mirror:is([data-bm-mirror-context=calc],[data-bm-mirror-context=hours],[data-bm-mirror-context=mytasks],[data-bm-mirror-context=archive]) {
  --bm-cabinet-frame:calc(var(--bm-content-max) - 2 * var(--bm-content-gutter));
  --bm-cabinet-gutter:var(--bm-content-gutter);
 }
 body.bm-app-mirror #page-calc.bm-contained-page #calcMainGrid,
 body.bm-app-mirror #page-hours.bm-contained-page>div:has(>#tsCard),
 body.bm-app-mirror #page-mytasks.bm-contained-page>#mytasksContent,
 body.bm-app-mirror #page-archive.bm-contained-page>#arcWrap,
 body.bm-app-mirror .bm-contained-page :is(#settingsContent,#backupManageContent>div,#recurringContent>div) {
  box-sizing:border-box;width:100%!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
 }
}

@media screen {
 body.bm-app-mirror #page-siteaccess.bm-contained-page {--bm-site-gutter:0px;}
}

/* HR: Back stays with the title; adaptation download shares the working tabs row. */
@media screen {
 body.bm-app-mirror #page-hr.bm-hr-page>.bm-screen-map{display:block;margin-bottom:16px;}
 body.bm-app-mirror #page-hr.bm-hr-page>.bm-screen-map>.bm-screen-heading{min-width:0;margin:0;}
 body.bm-app-mirror #page-hr .bm-hr-back{display:block;width:max-content;margin-top:12px;}
 body.bm-app-mirror #page-hr.bm-hr-page #hrContent>.hr-page>.hr-header{display:none!important;}
 body.bm-app-mirror #page-hr .hr-top-row{display:flex;align-items:stretch;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
 body.bm-app-mirror #page-hr .hr-top-row>.hr-tabs{margin:0;align-items:center;}
 body.bm-app-mirror #page-hr .hr-top-row>.hr-pdf-card{display:flex;align-items:center;gap:12px;grid-template:none;aspect-ratio:auto;width:auto;max-width:100%;margin:0 0 0 auto;padding:4px 8px 4px 12px;border-radius:16px!important;background:rgba(255,255,255,.88);border:1px solid #d8e2ec;}
 body.bm-app-mirror #page-hr .hr-top-row .hr-pdf-info{grid-row:auto;min-width:0;}
 body.bm-app-mirror #page-hr .hr-top-row .hr-pdf-title{max-width:200px;font-size:13px;line-height:1.4;}
 body.bm-app-mirror #page-hr .hr-top-row .hr-pdf-btn{grid-column:auto;width:auto;min-height:38px;white-space:nowrap;}
 @media(max-width:760px){
  body.bm-app-mirror #page-hr .hr-top-row{gap:12px;}
  body.bm-app-mirror #page-hr .hr-top-row>.hr-tabs{width:100%;}
  body.bm-app-mirror #page-hr .hr-top-row>.hr-pdf-card{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:10px;}
  body.bm-app-mirror #page-hr .hr-top-row .hr-pdf-title{max-width:none;font-size:12px;}
  body.bm-app-mirror #page-hr .hr-top-row .hr-pdf-btn{font-size:12px;padding:8px 10px;}
 }
}

/* Remote cabinets use the same frame and scrollable header as staff cabinets. */
@media screen {
 body.bm-app-mirror #extSlimWrap>.vac-page {
  box-sizing:border-box;width:calc(100% - 2 * var(--bm-cabinet-gutter,22px));max-width:var(--bm-cabinet-frame,1396px)!important;
  margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;
 }
 body.bm-app-mirror #extSlimWrap>.vac-page>.calc-main-grid {width:100%;max-width:none;}
 body.bm-app-mirror #extSlimWrap .calc-main-left :is(.ctr-fin,.ctr-pay-wrap,.ctr-pay-forms,.ctr-work) {padding-left:0;padding-right:0;}
 body.bm-app-mirror>.hdr.bm-remote-controls #mbar,
 body.bm-app-mirror>.hdr.bm-remote-controls #bmFrozenBanner {display:none!important;}
 body.bm-app-mirror .bm-cabinet-months>.bm-remote-months {display:flex;flex-wrap:nowrap;overflow-x:auto;min-height:42px;gap:0;touch-action:pan-x pan-y;}
 body.bm-app-mirror .bm-remote-months>.mtab {flex:0 0 auto;}
 body.bm-app-mirror .bm-remote-months.bm-month-dragging {cursor:grabbing;user-select:none;}
}

/* The print board and its heading share the available screen frame. */
@media screen {
 body.bm-app-mirror #page-dept.bm-print3d-page>.bm-screen-map{max-width:none;}
 body.bm-app-mirror #page-dept.bm-print3d-page #deptPageContent>.dept-page-wrap{max-width:none;}
}

@media screen {
 body.bm-app-mirror #page-int-tasks>.int-back-row {padding:0!important;}
}

/* Trips use the full working width; the original Back keeps its native action. */
@media screen {
 body.bm-app-mirror #page-dept.bm-exits-page {box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0;}
 body.bm-app-mirror #page-dept .bm-exits-back {display:block;width:max-content;margin-top:12px;}
 body.bm-app-mirror #page-dept.bm-exits-page #deptPageContent,
 body.bm-app-mirror #page-dept.bm-exits-page .trips-flux {box-sizing:border-box;width:100%;max-width:none;min-width:0;}
 body.bm-app-mirror #page-dept.bm-exits-page .trip-hero-heading {display:none;}
 body.bm-app-mirror #page-dept.bm-exits-page .trip-hero-top {grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);grid-template-areas:"toolbar utility";}
 body.bm-app-mirror #page-dept.bm-exits-page .trip-toolbar {max-width:none;}
 body.bm-app-mirror #page-dept.bm-exits-page .trip-hero-top.trip-no-toolbar {grid-template-columns:minmax(0,1fr);grid-template-areas:"utility";}
 @media(max-width:900px) {
  body.bm-app-mirror #page-dept.bm-exits-page .trip-hero-top {grid-template-columns:minmax(0,1fr);grid-template-areas:"toolbar" "utility";}
 }
}

/* Vacations opens directly on the calendar, with one title and its native Back. */
@media screen {
 body.bm-app-mirror #page-vacations.bm-vacations-page>.bm-screen-map{margin-bottom:16px;}
 body.bm-app-mirror #page-vacations.bm-vacations-page .bm-screen-heading{margin:0;}
 body.bm-app-mirror #page-vacations .bm-vacations-back{display:block;width:max-content;max-width:100%;margin-top:12px;min-height:36px;}
 body.bm-app-mirror #page-vacations.bm-vacations-page #vacPageContent>.vac-page{padding-top:0;}
 body.bm-app-mirror #page-vacations.bm-vacations-page #vacPageContent>.vac-page>.vac-header{display:none!important;}
}