/*
 * EDUHUNT V2.2.255 R26
 * Targeted UI only:
 * - Academic Coordinator dashboard KPI auto-fit/no horizontal scroll
 * - Login Engagement compact report/search + WhatsApp controls
 * - Shared dark-mode account/profile button across all six portals
 * No result, upload, examination or permission logic is changed here.
 */

/* ---------- Academic Coordinator dashboard cards ---------- */
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  padding-bottom:0!important;
}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card{
  min-width:0!important;
  min-height:104px!important;
  padding:10px 7px!important;
  border-radius:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-top{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 0 5px!important;
}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-icon{
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important;
}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-icon svg{width:20px!important;height:20px!important}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-trend{display:none!important}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card>b{
  display:block!important;width:100%!important;margin:2px 0 0!important;text-align:center!important;
  font-size:26px!important;line-height:1.05!important;
}
body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card>span{
  display:block!important;width:100%!important;margin:5px 0 0!important;text-align:center!important;
  font-size:12px!important;line-height:1.15!important;overflow-wrap:anywhere!important;
}
@media(max-width:1280px){
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card{min-height:86px!important;padding:7px 5px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-icon{width:28px!important;height:28px!important;min-width:28px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-icon svg{width:17px!important;height:17px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card>b{font-size:22px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card>span{font-size:10.5px!important}
}
@media(max-width:360px){
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card{min-height:80px!important;padding:6px 4px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card>b{font-size:20px!important}
  body[data-portal-role="ACADEMIC_COORDINATOR"] .coordinator-dashboard-kpis .kpi-card>span{font-size:9.5px!important}
}

/* ---------- Login Engagement ---------- */
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-card{
  max-width:100%!important;overflow:hidden!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-stat{
  min-width:0!important;min-height:100px!important;padding:10px!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-stat>span:last-child{
  min-width:0!important;text-align:center!important;align-self:center!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-stat strong,
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-stat b,
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-stat small{text-align:center!important}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-never-wrap{
  position:relative!important;min-width:0!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-never-wrap .login-engagement-stat{
  width:100%!important;height:100%!important;padding-right:44px!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-wa-shortcut{
  position:absolute!important;right:8px!important;top:8px!important;z-index:2!important;
  border:1px solid #22a86f!important;background:#0d8a58!important;color:#fff!important;
  min-width:31px!important;height:31px!important;padding:0 6px!important;border-radius:9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:16px!important;font-weight:900!important;cursor:pointer!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-row-wa{
  background:#0d8a58!important;border-color:#0d8a58!important;color:#fff!important;white-space:nowrap!important;
}

/* Search + Search + Close always remain one left-aligned row. */
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-report-head{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
  align-items:start!important;justify-items:start!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools{
  display:grid!important;
  grid-template-columns:minmax(120px,260px) max-content max-content!important;
  gap:5px!important;align-items:center!important;justify-content:start!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  flex-wrap:nowrap!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools input{
  width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:7px 10px!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools .button{
  min-width:0!important;height:38px!important;min-height:38px!important;padding:6px 10px!important;margin:0!important;white-space:nowrap!important;
}
body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-report .table-wrap{
  max-width:100%!important;
}
@media(max-width:1024px){
  body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools{
    grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px!important;
  }
  body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools input{height:34px!important;font-size:12px!important;padding:5px 7px!important}
  body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools .button{height:34px!important;min-height:34px!important;padding:4px 7px!important;font-size:10px!important}
}
@media(max-width:340px){
  body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools .button{padding:4px 5px!important;font-size:9px!important}
  body:is([data-portal-role="ACADEMIC_COORDINATOR"],[data-portal-role="SUPER_ADMIN"]) .login-engagement-tools input{font-size:11px!important}
}

/* ---------- Profile/account button dark mode: all six roles, button only ---------- */
body[data-desktop-theme="dark"] .account-button,
body[data-portal-role="STUDENT"][data-student-theme="dark"] .account-button{
  background:#091d32!important;
  border-color:#2a4a66!important;
  color:#eaf5ff!important;
  box-shadow:none!important;
}
body[data-desktop-theme="dark"] .account-button:hover,
body[data-desktop-theme="dark"] .account-button:focus-visible,
body[data-portal-role="STUDENT"][data-student-theme="dark"] .account-button:hover,
body[data-portal-role="STUDENT"][data-student-theme="dark"] .account-button:focus-visible{
  background:#0e2944!important;border-color:#3a6485!important;color:#fff!important;
}
body[data-desktop-theme="dark"] .account-button .account-copy,
body[data-desktop-theme="dark"] .account-button .account-copy strong,
body[data-desktop-theme="dark"] .account-button .account-copy small,
body[data-portal-role="STUDENT"][data-student-theme="dark"] .account-button .account-copy,
body[data-portal-role="STUDENT"][data-student-theme="dark"] .account-button .account-copy strong,
body[data-portal-role="STUDENT"][data-student-theme="dark"] .account-button .account-copy small{
  color:#eaf5ff!important;
}