.mobile-field-header,.mobile-bottom-nav,.mobile-field-menu-page{display:none}
.login:not(.hidden)~.mobile-bottom-nav{display:none!important}
@media(max-width:800px){
  :root{--mobile-nav:#0a2448;--mobile-blue:#1769e0;--mobile-line:#e2e8f0;--mobile-muted:#6f7d90}
  body{padding-bottom:72px;background:#f4f6f9}
  #shell>main{padding:0 14px 24px}
  #shell>main>header:not(.mobile-field-header){display:none!important}
  #languageSafetyNote{margin:10px 0}
  body[data-mobile-route="schedule"] #pinSecurityBanner,
  body[data-mobile-route="schedule"] #languageSafetyNote{display:none!important}
  body[data-mobile-route="schedule"] #calendarPage>.toolbar{display:grid;grid-template-columns:auto auto auto 1fr;gap:6px;margin:0 0 8px}
  body[data-mobile-route="schedule"] #calendarPage>.toolbar b{grid-column:1/-1;grid-row:1;text-align:center}
  body[data-mobile-route="schedule"] #calendarPage>.toolbar button{min-width:0;padding:8px 7px;font-size:10px}
  body[data-mobile-route="schedule"] #calendarPage>.toolbar #newSchedule{background:#1769e0;color:#fff}
  .mobile-field-header{position:sticky;z-index:115;top:0;display:flex;align-items:center;justify-content:space-between;margin:0 -14px 14px;padding:calc(13px + env(safe-area-inset-top)) 16px 13px;background:var(--mobile-nav);color:#fff;box-shadow:0 4px 14px #07162a22}
  .mobile-field-header small{color:#adbed3;font-size:10px;letter-spacing:0}
  .mobile-field-header h1{margin:2px 0 0;font-size:21px;line-height:1.25}
  .mobile-field-actions{display:flex;gap:8px}
  .mobile-field-actions button{position:relative;display:grid;place-items:center;width:41px;height:41px;padding:0;border:0;border-radius:50%;background:#ffffff18;color:#fff;font-size:18px}
  .mobile-field-actions i,.mobile-bottom-nav i{position:absolute;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#e83e49;color:#fff;font-size:9px;font-style:normal;font-weight:900}
  .mobile-field-actions i{top:-2px;right:-2px}
  .mobile-bottom-nav{position:fixed;z-index:120;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:68px;padding:3px max(4px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid #d5dde7;background:#fff;box-shadow:0 -8px 24px #12263f1a}
  .mobile-bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-width:0;padding:3px 1px;border:0;background:transparent;color:#778394;font-size:9px;font-weight:800}
  .mobile-bottom-nav button>span{font-size:19px;line-height:1}
  .mobile-bottom-nav button.active{color:var(--mobile-blue)}
  .mobile-bottom-nav i{top:2px;right:calc(50% - 20px)}
  .mobile-field-menu-page{display:grid;gap:12px}
  .mobile-field-menu-page.hidden{display:none!important}
  .mobile-menu-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--mobile-line);border-radius:12px;background:#fff}
  .mobile-menu-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dbeaff;color:#17589f;font-weight:900}
  .mobile-menu-profile div{display:grid;gap:3px}.mobile-menu-profile strong{font-size:13px}.mobile-menu-profile small{color:var(--mobile-muted);font-size:10px}
  .mobile-menu-profile button{padding:8px 10px;border:0;border-radius:8px;background:#e5f5ed;color:#0b744a;font-size:10px;font-weight:900}
  .mobile-language-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--mobile-line);border-radius:11px;background:#fff}
  .mobile-language-card div{display:grid;gap:2px}.mobile-language-card b{font-size:12px}.mobile-language-card small{color:var(--mobile-muted);font-size:9px}.mobile-language-card select{max-width:125px;padding:8px;border:1px solid #cfd8e3;border-radius:8px;background:#fff}
  .mobile-field-menu-page>h2{margin:4px 0 0;font-size:15px}
  .mobile-quick-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .mobile-quick-menu button{display:grid;place-items:center;align-content:center;gap:6px;min-height:74px;padding:8px 3px;border:1px solid var(--mobile-line);border-radius:10px;background:#fff;color:#33445a;font-size:9px;font-weight:800;text-align:center}
  .mobile-quick-menu button span{color:var(--mobile-blue);font-size:21px;line-height:1}
  .mobile-show-all-menu{width:100%;padding:12px;border:1px solid #ccd8e6;border-radius:10px;background:#eaf1fa;color:#155ca4;font-size:11px;font-weight:900}
  .mobile-all-menu{display:grid;gap:9px;padding-bottom:12px}.mobile-all-menu.hidden{display:none!important}.mobile-all-menu h3{margin:10px 0 0;color:#53647a;font-size:11px}
  .mobile-menu-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .mobile-menu-list button{min-height:43px;padding:9px;border:1px solid var(--mobile-line);border-radius:9px;background:#fff;color:#27384e;font-size:10px;font-weight:800;text-align:left}
  .mobile-menu-list #mobileLogout{color:#a33737}
  #toast{right:14px;bottom:84px;left:14px;text-align:center}
  .summary{overflow-x:auto}.summary>div{min-width:150px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}
  .detail-title{align-items:flex-start}.detail-title h2{font-size:20px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0}.panel{padding:14px}.quick-form>*{width:100%}
}
