/* MOHU Phase 2B — authentication visibility and account-role clarity */
.mohu-role-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:38px;padding:8px 12px;border-radius:999px;
  border:1px solid #cfe3d7;background:#eefaf3;color:#166534;
  font-size:13px;font-weight:900;line-height:1;white-space:nowrap;
}
.mohu-role-pill::before{content:'●';font-size:9px;color:#20a464}

.mohu-mobile-account{display:none}

@media (max-width:1100px){
  .mohu-mobile-account{display:block;padding:13px 10px 8px;border-top:2px solid #e9eef4;margin-top:5px}
  .mohu-account-status{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-bottom:8px;border-radius:10px;background:#eefaf3;color:#154f35;font-size:14px;font-weight:700}
  .mohu-account-status.guest{background:#f3f6fa;color:#0b1f3a;font-weight:900}
  .mohu-account-dot{width:9px;height:9px;border-radius:50%;background:#20a464;box-shadow:0 0 0 3px rgba(32,164,100,.12)}
  .menu .mohu-account-link{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin:7px 0 0!important;padding:11px 14px!important;border:1px solid #dbe5ee!important;border-radius:10px!important;background:#fff!important;color:#0b1f3a!important;font-weight:900!important;text-transform:none!important;text-decoration:none!important}
  .menu .mohu-account-link.primary{background:#18a85b!important;border-color:#18a85b!important;color:#fff!important}
  .menu .mohu-account-link.employer{background:#0b3566!important;border-color:#0b3566!important;color:#fff!important}
  .menu .mohu-account-link.danger{color:#a52828!important;background:#fff6f6!important;border-color:#f1d2d2!important}
}

@media (max-width:600px){
  /* Phase 1H intentionally hides desktop header actions on phones. The account actions
     are now deliberately available inside the hamburger menu instead. */
  .mohu-role-pill{display:none}
  .menu.is-open{padding-bottom:18px!important}
}

/* Give the login/register pages a clear account context. */
.mohu-auth-note{margin:0 0 18px;padding:12px 14px;border:1px solid #dce6ef;border-radius:12px;background:#f7fafc;color:#42526a;font-size:14px;line-height:1.5}
.mohu-auth-note strong{color:#0b1f3a}
.mohu-auth-switch{margin-top:18px;padding-top:15px;border-top:1px solid #e4eaf0;font-size:14px;color:#58677c}
.mohu-auth-switch a{font-weight:900;color:#0b5cab;text-decoration:none}

.mohu-mobile-authbar{display:none}
@media (max-width:600px){
  .mohu-mobile-authbar{display:block;background:#fff;border-bottom:1px solid #dfe7ef;box-shadow:0 4px 14px rgba(10,43,76,.05);position:relative;z-index:42}
  .mohu-mobile-authbar .container{padding-top:7px!important;padding-bottom:7px!important}
  .mohu-mobile-guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mohu-mobile-guest-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:900}
  .mohu-mobile-guest-actions .login{border:1px solid #cfdbe6;background:#fff;color:#0b3566}
  .mohu-mobile-guest-actions .register{border:1px solid #18a85b;background:#18a85b;color:#fff}
  .mohu-mobile-signedin{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:0 3px;color:#33455d;font-size:12.5px}
  .mohu-mobile-signedin span{display:flex;align-items:center;gap:6px;min-width:0}
  .mohu-mobile-signedin i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#18a85b;flex:0 0 8px}
  .mohu-mobile-signedin strong{color:#0b3566}
  .mohu-mobile-signedin a{flex:0 0 auto;text-decoration:none;background:#eaf8f0;color:#147643;border:1px solid #cfe8da;border-radius:9px;padding:8px 11px;font-weight:900}
}