/* EDUHUNT V2.2.257 R28 — Login Engagement + Profile dark/compact UI.
   Scope only:
   1) top-right Profile button dark appearance for all six roles;
   2) compact My Profile screen on mobile/tablet;
   3) no unrelated portal/business-logic styling. */

/* Strong final override for the shared top-right account/profile control.
   The ID selector intentionally wins over older portal-v217/v218 light rules. */
html body[data-portal-role][data-desktop-theme="dark"] #accountButton,
html body[data-portal-role="STUDENT"][data-student-theme="dark"] #accountButton,
html.eh-force-mobile body[data-portal-role] #accountButton{
  background:#0a2036!important;
  border-color:#315a78!important;
  color:#f4f9ff!important;
  box-shadow:0 3px 12px rgba(0,0,0,.22)!important;
}
html body[data-portal-role][data-desktop-theme="dark"] #accountButton:hover,
html body[data-portal-role][data-desktop-theme="dark"] #accountButton:focus-visible,
html body[data-portal-role="STUDENT"][data-student-theme="dark"] #accountButton:hover,
html body[data-portal-role="STUDENT"][data-student-theme="dark"] #accountButton:focus-visible,
html.eh-force-mobile body[data-portal-role] #accountButton:hover,
html.eh-force-mobile body[data-portal-role] #accountButton:focus-visible{
  background:#0e2b48!important;
  border-color:#4c7a9d!important;
  color:#fff!important;
}
html body[data-portal-role][data-desktop-theme="dark"] #accountButton .account-copy,
html body[data-portal-role][data-desktop-theme="dark"] #accountButton .account-copy strong,
html body[data-portal-role][data-desktop-theme="dark"] #accountButton .account-copy small,
html body[data-portal-role="STUDENT"][data-student-theme="dark"] #accountButton .account-copy,
html body[data-portal-role="STUDENT"][data-student-theme="dark"] #accountButton .account-copy strong,
html body[data-portal-role="STUDENT"][data-student-theme="dark"] #accountButton .account-copy small,
html.eh-force-mobile body[data-portal-role] #accountButton .account-copy,
html.eh-force-mobile body[data-portal-role] #accountButton .account-copy strong,
html.eh-force-mobile body[data-portal-role] #accountButton .account-copy small{
  color:#f4f9ff!important;
  opacity:1!important;
}

/* My Profile: remove decorative vertical waste on phone/tablet and keep the
   complete account summary + Logout within one normal app viewport. */
@media(max-width:1024px){
  body.r28-profile-view #content{
    padding-top:8px!important;
    padding-bottom:8px!important;
    overflow:hidden!important;
  }
  body.r28-profile-view #content>.page-head{display:none!important}
  body.r28-profile-view .profile-account-only{
    margin:0!important;
    padding:9px!important;
    border-radius:11px!important;
  }
  body.r28-profile-view .profile-account-only .card-head{
    margin:0 0 7px!important;
    min-height:28px!important;
    align-items:center!important;
  }
  body.r28-profile-view .profile-account-only .card-head h3{
    margin:0!important;
    font-size:16px!important;
    line-height:1.1!important;
  }
  body.r28-profile-view .profile-account-only .grid.grid--2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.r28-profile-view .profile-account-only .programme-card{
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }
  body.r28-profile-view .profile-account-only .programme-card>strong{
    font-size:10px!important;
    line-height:1.1!important;
  }
  body.r28-profile-view .profile-account-only .programme-card span,
  body.r28-profile-view .profile-account-only .programme-card span b{
    font-size:13px!important;
    line-height:1.15!important;
    overflow-wrap:anywhere!important;
  }
  body.r28-profile-view .profile-logout-card{
    margin:7px 0 0!important;
    padding:7px!important;
    min-height:0!important;
    border-radius:10px!important;
  }
  body.r28-profile-view .profile-logout-button{
    min-height:40px!important;
    height:40px!important;
    width:100%!important;
    margin:0!important;
  }
}

@media(max-width:420px){
  body.r28-profile-view .profile-account-only{padding:7px!important}
  body.r28-profile-view .profile-account-only .grid.grid--2{gap:5px!important}
  body.r28-profile-view .profile-account-only .programme-card{min-height:54px!important;padding:7px!important}
  body.r28-profile-view .profile-account-only .programme-card span,
  body.r28-profile-view .profile-account-only .programme-card span b{font-size:12px!important}
}