/* Mobile layout correction: keep the employee portal inside the viewport. */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .employee-shell .employee-header,
  .employee-shell .employee-content,
  .employee-shell .page-footer{width:100%;max-width:100%;min-width:0}

  .employee-header{display:flex;align-items:stretch;flex-direction:column;gap:15px;padding:16px 15px}
  .employee-header .brand{align-self:flex-start;font-size:22px}
  .employee-header .brand-mark{width:35px;height:38px}
  .employee-account{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:5px}
  .employee-account>.text-link{position:absolute;right:15px;top:22px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .employee-account .session-timer{flex:0 0 auto;min-width:51px;justify-content:center;padding-inline:7px}
  .employee-account .icon-button,
  .employee-account .message-center-link{flex:0 0 34px;width:34px;height:34px;padding:6px}
  .employee-account form{display:flex;flex:0 0 34px}
  .employee-account .message-center-label{display:none}

  .employee-content{padding:21px 14px 17px}
  .employee-content>*{max-width:100%;min-width:0}
  .message-page,.help-page{width:100%;max-width:100%!important;min-width:0;margin-inline:0}
  .message-page .back-link{margin-bottom:13px}

  .portal-hero-compact{gap:17px;margin-bottom:22px;padding:21px 18px;border-radius:15px}
  .portal-hero-compact .portal-hero-meta{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:14px}
  .portal-hero-compact h1{font-size:30px;line-height:1.12;letter-spacing:-.8px}
  .portal-hero-compact .portal-hero-copy>p:last-of-type{font-size:12px;line-height:1.55}
  .portal-hero-compact .compact-status{margin-top:0;padding:15px;gap:12px;border-radius:12px}

  .help-hero{width:100%;margin-bottom:13px;padding:22px 18px;border-radius:14px}
  .help-hero h1{font-size:26px;line-height:1.15;overflow-wrap:anywhere}
  .help-hero p:last-child{font-size:12px;line-height:1.55}
  .help-page .help-grid{width:100%;grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
  .help-card{width:100%;min-width:0;min-height:0;padding:18px!important}
  .help-card-top{margin-bottom:13px}
  .help-card h2{font-size:18px;overflow-wrap:anywhere}
  .help-card p{font-size:12px!important}
  .help-hint{margin-top:14px;padding-top:12px;font-size:10px}
  .help-page .help-contact{width:100%;min-width:0;margin-top:12px;padding:18px;gap:15px}
  .help-contact-copy{align-items:flex-start;min-width:0}
  .help-contact-copy>div{min-width:0}

  .today-task{grid-template-columns:38px minmax(0,1fr);padding:13px}
  .today-task strong,.today-task small{overflow-wrap:anywhere}
}

@media (max-width:390px){
  .employee-header{padding-inline:12px}
  .employee-header .brand{font-size:21px}
  .employee-account{gap:3px}
  .employee-account .session-timer{min-width:48px;font-size:9px}
  .employee-account .icon-button,
  .employee-account .message-center-link{flex-basis:32px;width:32px;height:32px}
  .employee-account form{flex-basis:32px}
  .employee-content{padding-inline:12px}
  .portal-hero-compact h1{font-size:28px}
}