/* MD Not Aware v10.42: entry-card clarity, concise fields, and roomier Resources.
   All rules are scoped to public entry screens; active study/game UIs are unchanged. */
#usergate .mdnaHomeStack > .userbox,
#usergate:has(#sessionLoginArea:not([hidden])) .mdnaHomeStack > .userbox {
  width:min(650px,100%)!important;
  max-width:650px!important;
  border-width:4px!important;
  border-style:solid!important;
  padding:18px 28px 19px!important;
}
#usergate[data-entry-mode="self"] .mdnaHomeStack > .userbox {
  border:4px solid #2175ec!important;
  box-shadow:0 12px 32px #0c173b31,0 0 0 3px #2175ec36!important;
}
#usergate[data-entry-mode="classroom"] .mdnaHomeStack > .userbox {
  border:4px solid #d9940b!important;
  box-shadow:0 12px 32px #0c173b31,0 0 0 3px #d9940b3d!important;
}
#usergate[data-entry-mode="group"] .mdnaHomeStack > .userbox {
  border:4px solid #008f81!important;
  box-shadow:0 12px 32px #0c173b31,0 0 0 3px #008f813a!important;
}
/* The field remains programmatically labelled, while the placeholder carries
   the visible instruction and keeps the entry form compact. */
#usergate .mdnaVisuallyHidden {
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
#usergate #selfLoginArea #codeinput::placeholder,
#usergate #sessionLoginArea #playerRoomCode::placeholder {
  color:#75889a!important;
  opacity:1!important;
  font-weight:600!important;
  font-size:14px!important;
}
#usergate #selfLoginArea #codeinput,
#usergate #sessionLoginArea #playerRoomCode {margin-top:0!important;}
/* Match the Host access link's lower placement; do not bury Admin inside the
   blue form panel. This link appears only on the Self Study entry page. */
#usergate .mdnaAdminAccess {display:none!important;}
#usergate[data-entry-mode="self"] .mdnaAdminAccess {
  display:flex!important;justify-content:center!important;align-items:center!important;
  margin:5px auto 4px!important;min-height:30px!important;
}
#usergate .mdnaAdminAccess .mdnaAdminEntry {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;float:none!important;
  margin:0!important;padding:6px 12px!important;
  border:1px solid #d5e1e8!important;border-radius:999px!important;
  background:#f8fbfe!important;color:#62798b!important;
  font:700 11px/1.3 system-ui,sans-serif!important;text-decoration:none!important;
}
#usergate .mdnaAdminAccess .mdnaAdminEntry:hover,
#usergate .mdnaAdminAccess .mdnaAdminEntry:focus-visible {
  border-color:#a0bcca!important;color:#255372!important;
}
#usergate .mdnaAdminAccess .mdnaAdminEntry:focus-visible {
  outline:2px solid #255f87!important;outline-offset:2px!important;
}
/* Slightly wider entry card keeps the project disclosure on two lines at
   desktop widths; don't reduce the font to achieve that. */
#usergate .userbox .loginProjectNote {
  max-width:100%!important;
  margin:9px auto 0!important;
  padding-top:7px!important;
}
/* Make each reading column nearly twice as tall once Resources is opened.
   Preserve scrolling within each list and the separate Tools row. */
#usergate .mdnaResourceSection .mdnaResourcesDisclosure[open] .loginClinicalHub > .guidelinePanel,
#usergate .mdnaResourceSection .mdnaResourcesDisclosure[open] .loginClinicalHub > .afpCombinedPanel {
  height:530px!important;
  max-height:530px!important;
  min-height:0!important;
}
/* The version label is a quiet, always-visible line immediately below the
   centered Resources disclosure, not inside the login card. */
#usergate .mdnaResourceSection .mdnaResourceBuild {
  display:block!important;
  margin:7px auto 0!important;
  text-align:center!important;
  color:#b9c9d8!important;
  font:650 10px/1.3 system-ui,sans-serif!important;
  letter-spacing:.035em!important;
}
#usergate .mdnaResourceSection .mdnaResourcesDisclosure[open] + .mdnaResourceBuild {
  margin-top:10px!important;
}
@media(max-width:700px) {
  #usergate .mdnaHomeStack > .userbox,
  #usergate:has(#sessionLoginArea:not([hidden])) .mdnaHomeStack > .userbox {
    width:100%!important;max-width:650px!important;
    padding:16px 14px 18px!important;
    border-width:3px!important;
  }
  #usergate .mdnaResourceSection .mdnaResourcesDisclosure[open] .loginClinicalHub > .guidelinePanel,
  #usergate .mdnaResourceSection .mdnaResourcesDisclosure[open] .loginClinicalHub > .afpCombinedPanel {
    height:440px!important;
    max-height:440px!important;
  }
}

@media(max-width:700px){
 #usergate[data-entry-mode="self"] .mdnaHomeStack > .userbox {border-width:3px!important;}
 #usergate[data-entry-mode="classroom"] .mdnaHomeStack > .userbox {border-width:3px!important;}
 #usergate[data-entry-mode="group"] .mdnaHomeStack > .userbox {border-width:3px!important;}
}