/* Connected-mode shell. Uses the existing components only; nothing here restyles them. */

/* Visitors (not signed in): only the brand and the sign-in pages. */
body.live-guest .sidebar,body.live-onboarding .sidebar,
body.live-guest .bottom-nav,body.live-onboarding .bottom-nav,
body.live-guest .top-actions,body.live-onboarding .top-actions,
body.live-guest .breadcrumb,body.live-onboarding .breadcrumb{display:none!important}
body.live-guest .shell,body.live-onboarding .shell{margin-right:0!important}
body.live-guest .topbar,body.live-onboarding .topbar{justify-content:flex-start}
body.live-guest .mobile-brand,body.live-onboarding .mobile-brand{display:flex}
body.live-guest main,body.live-onboarding main{max-width:1180px;padding-bottom:40px}
@media(max-width:740px){body.live-guest main,body.live-onboarding main{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}

/* Management entries are for staff only (same roles as the profile's admin link; the server enforces this too). */
body.live-mode:not(.live-admin) .nav-item[href^="#admin"],
body.live-mode:not(.live-admin) .bottom-nav a[href^="#admin"]{display:none!important}

/* Phones: text fields at 16px so iOS Safari does not zoom in when a field is focused. */
@media(max-width:740px),(pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
  select,textarea{font-size:16px!important}
}

/* Phones: the monthly-sessions badge keeps its label instead of showing a lone number. */
@media(max-width:740px){.welcome .streak small{display:inline;font-size:11px;white-space:nowrap}}

/* Phones: the sign-in form comes before the slogan card, so the phone field is visible right away. */
@media(max-width:740px){.auth-layout>.panel:last-child{order:-1}}

/* Staff: the existing "مدیریت" menu entry is shown in the sidebar (hidden for everyone in the design prototype). */
body.live-admin:not(.live-onboarding) #nav a[href="#admin-dashboard"]{display:flex!important}