/* HENDAR UALL-F — auth boundary + mobile dashboard/call corrections */
.hidden{display:none!important}
html[data-auth-surface="login"] #appShell{display:none!important}
html[data-auth-surface="app"] #loginScreen{display:none!important}
@media (max-width:980px){
  #loginScreen:not(.hidden){display:block!important;width:100%!important;min-height:100dvh!important;padding:14px!important;overflow:visible!important}
  #loginScreen .login-visual{display:none!important}
  #loginScreen .login-card{width:min(100%,720px)!important;max-width:100%!important;margin:0 auto!important;padding:18px!important;border-radius:20px!important;min-height:0!important;transform:none!important}
  #loginScreen .mobile-brand{display:block!important}
  #loginScreen .login-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #loginScreen .login-role-card{min-height:92px!important;padding:12px!important}
  #loginScreen .theme-curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #loginScreen input,#loginScreen .button.full{width:100%!important;min-height:52px!important;font-size:16px!important}
  .executive-intelligence-grid,.dashboard-grid.enterprise-main-grid,.enterprise-operations-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .executive-intelligence-grid>.panel,.dashboard-grid.enterprise-main-grid>.panel,.enterprise-operations-grid>.panel{min-height:0!important;height:auto!important;padding:16px!important}
  .executive-panel-head{align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}
  .portfolio-health-layout{min-height:0!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .portfolio-status-donut{width:170px!important;height:170px!important;margin-inline:auto!important}
  .executive-financial-snapshot,.executive-deadline-list,.enterprise-progress-list,.alerts-list,.project-command-matrix,.portfolio-trend-chart{min-height:0!important;height:auto!important}
  .enterprise-command-center{min-height:0!important;padding:18px!important;border-radius:22px!important}
  .enterprise-health-stage{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .enterprise-health-gauge{width:190px!important;height:190px!important;margin-inline:auto!important}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .project-chat-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .project-chat-header{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}
  .project-chat-header-actions{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .project-chat-header-actions .project-chat-search{grid-column:1/-1!important;min-width:0!important;max-width:none!important}
  .project-chat-header-actions .button{width:100%!important;min-width:0!important;padding-inline:8px!important}
  .project-chat-layout{grid-template-columns:minmax(0,1fr)!important}
  .project-chat-roster{position:fixed!important;inset:calc(env(safe-area-inset-top) + 72px) 12px calc(env(safe-area-inset-bottom) + 12px) 12px!important;z-index:1100!important;max-width:none!important;width:auto!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important}
  .project-chat-voice-call{position:sticky!important;bottom:8px!important;z-index:20!important;padding:12px!important;border-radius:16px!important;max-width:100%!important}
  .project-chat-call-copy{min-width:0!important}.project-chat-call-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .project-chat-call-actions .button{width:100%!important;min-width:0!important}
  .hendar-project-video-call-stage{position:fixed!important;inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0!important;z-index:1300!important;width:100vw!important;height:auto!important;max-height:100dvh!important;border-radius:0!important;overflow:auto!important}
  .hendar-project-video-tracks{grid-template-columns:minmax(0,1fr)!important}
  .hendar-project-video-call-stage footer{position:sticky!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
}
@media (max-width:430px){
  #loginScreen{padding:8px!important}
  #loginScreen .login-card{padding:14px!important;border-radius:16px!important}
  #loginScreen .login-role-grid{grid-template-columns:minmax(0,1fr)!important}
  #loginScreen .theme-curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-actions{grid-template-columns:minmax(0,1fr)!important}
}