/* Match the compact account menu used throughout the student portal. */
.tb-header-profile-menu{
  box-sizing:border-box!important;position:absolute;top:calc(100% + 12px)!important;right:0;left:auto;
  width:220px!important;max-width:calc(100vw - 24px)!important;padding:7px!important;
  max-height:calc(100dvh - 96px);overflow-y:auto;z-index:1200;
  border:1px solid #dfe6f2!important;border-radius:10px!important;background:#fff!important;
  box-shadow:0 12px 36px #1d305521!important;font-family:Inter,Arial,sans-serif!important;
  opacity:0;visibility:hidden;pointer-events:none;transform:none!important;filter:none!important;backdrop-filter:none!important;
  transition:opacity .15s ease,visibility .15s ease!important;
}
.tb-header-profile-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto;transform:none!important}
.tb-header-profile-menu nav{display:block;padding:0;margin:0}
.tb-header-profile-menu nav :is(a,button){
  box-sizing:border-box;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;
  min-height:42px;padding:11px 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;
  color:#14204a!important;font:400 13px/1.5 Inter,Arial,sans-serif!important;text-align:left!important;text-decoration:none!important;
  cursor:pointer;white-space:nowrap;transition:background .15s ease;
}
.tb-header-profile-menu nav :is(a,button):hover{background:#f0f5fe!important}
.tb-header-profile-menu nav :is(a,button):focus-visible{outline:2px solid #1769ff;outline-offset:-2px;background:#f0f5fe!important}
.tb-header-profile-menu nav svg{width:17px;height:17px;min-width:17px;flex-shrink:0;stroke-width:1.8;color:#0b1f5e}
.tb-header-profile-menu nav hr{height:1px;border:0;background:#dfe6f2;margin:7px 6px}
.tb-header-profile-menu nav button:disabled{cursor:wait;opacity:.65}
.tb-header-profile-button[aria-expanded="true"]{background:#f2f6fc}
.tb-header-profile-button[aria-expanded="true"]>i:last-child{transform:rotate(180deg)}
.tb-header-profile-button>i:last-child{transition:transform .18s}
@media(max-width:480px){
  .tb-header-profile-menu{position:fixed!important;top:72px!important;left:auto!important;right:12px!important;width:220px!important}
}
@media(prefers-reduced-motion:reduce){.tb-header-profile-menu,.tb-header-profile-button>i:last-child{transition:none!important}}
