/* MD Not Aware v10.32: independent login, resources and freestanding tools. */
#usergate{overflow-y:auto!important;overscroll-behavior:contain;align-items:center!important;justify-content:center!important}
#usergate .mdnaHomeStack{
 width:min(1000px,calc(100vw - 36px));max-width:100%;
 max-height:calc(100dvh - 20px);min-height:0;box-sizing:border-box;
 display:flex;flex-direction:column;align-items:stretch;gap:10px;
 overflow-x:hidden;overflow-y:auto;padding:3px 4px 5px;
 scrollbar-width:thin;
}
/* Card 1: only access controls, logo and disclosure. */
#usergate .mdnaHomeStack>.userbox{
 flex:0 0 auto;width:100%!important;max-width:none!important;
 max-height:none!important;min-width:0!important;
 overflow:visible!important;box-sizing:border-box!important;
 margin:0!important;padding:12px 18px 13px!important;
 background:#fff!important;border:1px solid #f0f3f7!important;
 border-radius:20px!important;box-shadow:0 13px 34px #0c173b31!important;
 text-align:center!important;
}
#usergate .userbox .mdnaEntrySwitch{justify-content:center!important;margin-bottom:8px!important}
#usergate .userbox .loginBrain{margin:3px auto!important}
#usergate .userbox .loginSiteName{text-align:center!important}
#usergate .userbox #selfLoginArea{text-align:center!important}
#usergate .userbox #selfLoginArea>h2{text-align:center!important}
#usergate .userbox #selfLoginArea label{text-align:center!important;display:block!important}
#usergate .userbox #selfLoginArea .mdnaSelfJoinActions{text-align:center!important;display:flex!important;justify-content:center!important}
#usergate .userbox #sessionLoginArea .mdnaModeJoin h2{text-align:center!important}
#usergate .userbox #sessionLoginArea .mdnaJoinInputRow{justify-content:center!important}
#usergate .userbox .loginProjectNote{margin:6px auto 0!important;padding-top:6px!important}
/* Card 2: a truly separate white box, NOT nested in the login card. */
#usergate .mdnaHomeStack>.mdnaResourceSection{
 flex:0 0 auto;position:relative;display:block;
 width:100%;min-width:0;max-width:none;box-sizing:border-box;
 margin:0!important;padding:12px!important;
 background:#fff!important;border:1px solid #e5edf2!important;
 border-radius:20px!important;box-shadow:0 13px 34px #0c173b31!important;
}
#usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:10px!important;margin:0!important;
}
#usergate .mdnaHomeStack>.mdnaResourceSection .loginPanel{
 background:#f8fafc!important;border:1px solid #e1e8ee!important;
}
/* Third sibling: no backdrop, border, white surface or decorative container. */
#usergate .mdnaHomeStack>.mdnaBottomTools{
 flex:0 0 auto;position:relative;display:block;
 width:100%;padding:0!important;margin:0!important;
 background:none!important;border:0!important;box-shadow:none!important;
 overflow-x:auto!important;overflow-y:hidden!important;
 scrollbar-width:thin;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolGrid{
 width:max-content;min-width:0;max-width:none!important;
 display:grid!important;grid-template-columns:repeat(6,max-content)!important;
 grid-auto-flow:row!important;grid-template-rows:repeat(2,auto)!important;
 gap:5px 6px!important;justify-content:center!important;
 padding:0 1px 2px!important;margin:0 auto!important;
 background:transparent!important;border:0!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard{
 width:auto!important;min-width:0!important;min-height:25px!important;
 padding:5px 8px!important;margin:0!important;
 border:0!important;border-radius:7px!important;
 background:#131720!important;color:#fff!important;
 box-shadow:none!important;white-space:nowrap!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard b{
 font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;
 overflow-wrap:normal!important;
}
#usergate:has(#sessionLoginArea:not([hidden])) .mdnaResourceSection,
#usergate:has(#sessionLoginArea:not([hidden])) .mdnaBottomTools{display:none!important}
/* Fit typical laptop screens; longer content scrolls within the stack rather than clipping. */
@media(min-width:701px) and (min-height:700px){
 #usergate .mdnaHomeStack>.userbox{padding:8px 17px 9px!important}
 #usergate .mdnaHomeStack>.mdnaResourceSection{padding:9px!important}
 #usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub>.guidelinePanel,
 #usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub>.afpCombinedPanel{
  height:230px!important;max-height:230px!important;
 }
}
@media(max-width:700px){
 #usergate{align-items:flex-start!important;justify-content:flex-start!important;padding:10px!important}
 #usergate .mdnaHomeStack{width:100%;max-height:none;overflow:visible!important;padding:0 0 10px;gap:10px}
 #usergate .mdnaHomeStack>.userbox{padding:15px 12px!important;border-radius:16px!important}
 #usergate .mdnaHomeStack>.mdnaResourceSection{padding:9px!important;border-radius:16px!important}
 #usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub{grid-template-columns:minmax(0,1fr)!important}
 #usergate .mdnaHomeStack>.mdnaBottomTools .toolGrid{margin:0!important}
}
/* Session-mode login card is centered, not pinned to the left when narrow. */
#usergate:has(#sessionLoginArea:not([hidden])) .mdnaHomeStack>.userbox{
 width:min(580px,100%)!important;max-width:580px!important;
 align-self:center!important;margin-inline:auto!important;
}