/* ScoutYou mobile navigation and authentication */
.mobile-auth-gateway{display:none!important;position:static!important;inset:auto!important}

@media (max-width:780px){
  .app-shell{width:min(100% - 16px,760px);padding-top:8px;padding-bottom:112px}
  .topbar{top:7px;min-height:68px;margin-bottom:14px;padding:10px 12px;border-radius:20px;align-items:center;flex-direction:row}
  .brand-mark{width:46px;height:46px;border-radius:15px}
  .brand strong{font-size:22px}
  .brand small{display:none}

  .role-selector-layout{display:flex;flex-direction:column}
  .role-selector-card{order:-1;position:relative!important;top:auto!important;margin-bottom:14px;border-color:rgba(200,255,47,.5);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 36px rgba(22,215,197,.1)}
  .role-selector-head h2{font-size:clamp(30px,10vw,40px)}
  .role-choice-grid{gap:11px}
  .role-choice{min-height:112px}

  .auth-portal{display:flex;flex-direction:column}
  .auth-page-card{order:-1;position:relative!important;top:auto!important;min-height:auto;margin-bottom:14px;border-color:rgba(200,255,47,.48);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 36px rgba(22,215,197,.1)}
  .auth-portal-visual{order:2;min-height:460px}
  .auth-mode-tabs{position:static!important;top:auto!important;z-index:auto!important;margin:10px 0 20px;border-color:rgba(22,215,197,.28);background:rgba(2,12,20,.96);box-shadow:0 14px 38px rgba(0,0,0,.24);backdrop-filter:none}
  .auth-mode-button{min-height:49px;font-size:15px}

  body.sy-authenticated .top-nav{
    position:fixed;
    left:9px;
    right:9px;
    bottom:max(9px,env(safe-area-inset-bottom));
    z-index:90;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(64px,1fr);
    gap:5px;
    width:auto;
    padding:7px;
    overflow-x:auto;
    border:1px solid rgba(22,215,197,.26);
    border-radius:22px;
    background:rgba(3,12,22,.95);
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    backdrop-filter:blur(24px) saturate(140%);
  }
  body.sy-authenticated .nav-pill,body.sy-authenticated .icon-btn{display:grid;justify-items:center;gap:3px;min-width:64px;min-height:54px;padding:6px 7px;border-radius:16px;font-size:10px}
  body.sy-authenticated .nav-emoji{font-size:18px}

  .hero-copy{min-height:530px;padding:31px 23px}
  .hero-copy h1{font-size:clamp(48px,15vw,74px)}
  .sy-recruit{grid-template-columns:1fr;gap:7px}
  .card,.dashboard-head,.role-selector-card,.auth-page-card{padding:20px;border-radius:24px}
  .profile-main.with-photo{padding:20px}
}

@media (max-width:520px){
  .role-selector-card,.auth-page-card{padding:18px;border-radius:24px}
  .role-choice{grid-template-columns:92px minmax(0,1fr) 30px;min-height:104px}
  .role-choice-art{height:104px}
  .role-choice-art img{min-height:104px}
  .role-choice-copy{padding:12px 0}
  .hero-copy h1{font-size:clamp(43px,16vw,62px)}
  .stat-strip{grid-template-columns:1fr}
}