/* Client navigation: a stable thumb reach area, with the original desktop sidebar. */
.guard-mobile-nav,.guard-mobile-more,.guard-mobile-brand{display:none}
@media(min-width:768px){
  .layout-container .sidebar:not(.mobile-sidebar){display:flex}
  .layout-container .sidebar-toggle{display:flex}
}
@media(max-width:767px){
  .layout-container{--guard-mobile-nav-height:68px}
  .layout-container .topbar{height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0!important;gap:14px}
  .layout-container .topbar-left{min-width:0;gap:11px}
  .layout-container .topbar .guard-topbar-kicker{display:none}
  .layout-container .topbar .page-title{font-size:17px;font-weight:650;line-height:1.4}
  .layout-container .topbar .current-time{display:none}
  .layout-container .guard-mobile-brand{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:12px}
  .layout-container .guard-mobile-brand img{width:29px;height:33px;display:block}
  .layout-container .sidebar.mobile-sidebar{display:none!important}
  .layout-container .content-wrapper{padding-bottom:calc(var(--guard-mobile-nav-height) + env(safe-area-inset-bottom,0px) + 26px)!important}
  .layout-container .guard-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:150;height:calc(var(--guard-mobile-nav-height) + env(safe-area-inset-bottom,0px));padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));background:#fffdfaf5;backdrop-filter:blur(16px);border-top:1px solid #dfe5dc;box-shadow:0 -5px 25px #203b3e05;isolation:isolate}
  .layout-container .guard-mobile-nav.is-keyboard{display:none}
  .guard-mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;margin:0 3px;padding:5px 4px;border:0;border-radius:13px;background:transparent;color:#78877f;font-size:12px;line-height:1.25;font-weight:550;text-decoration:none;cursor:pointer;touch-action:manipulation}
  .guard-mobile-nav-item .guard-mobile-icon{height:23px;width:23px;font-size:23px;display:block;flex:none}
  .guard-mobile-nav-item.active{background:#edf3ed;color:#166d66;font-weight:700}
  .guard-mobile-nav-item.active .guard-mobile-icon{color:#167b74}
  .guard-mobile-nav-item:active,.guard-mobile-more-link:active{background:#e4eee4;transform:none}
  .layout-container .mobile-overlay{position:fixed;inset:0;z-index:160;background:#10292b65;backdrop-filter:blur(3px);touch-action:none}
  .layout-container .guard-mobile-more{display:block;position:fixed;inset:auto 0 0;z-index:170;width:100%;max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;padding:23px 18px calc(18px + env(safe-area-inset-bottom,0px));border:1px solid #e0e6da;border-bottom:0;border-radius:25px 25px 0 0;background:#f9f8f3;box-shadow:0 -15px 45px #112b2d18}
  .guard-mobile-more-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:0 0 17px;border-bottom:1px solid #e3e7de}
  .guard-mobile-more-heading>div{display:flex;align-items:center;gap:11px;min-width:0}
  .guard-mobile-user-avatar{display:flex;width:43px;height:43px;align-items:center;justify-content:center;flex:none;border-radius:13px;color:#e7efdf;background:#294d47;font-size:17px;font-weight:600}
  .guard-mobile-more-heading strong{display:block;max-width:calc(100vw - 130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#152d32;font-size:16px;font-weight:650}
  .guard-mobile-more-heading small{display:block;margin-top:5px;color:#849181;font-size:11px}
  .guard-mobile-close{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #e0e6dc;border-radius:50%;background:#fff;color:#6e8275;font-size:25px;line-height:1;flex:none;cursor:pointer}
  .guard-mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .guard-mobile-more-link{display:flex;align-items:center;gap:10px;min-height:78px;min-width:0;padding:12px 11px;background:#fff;border:1px solid #e2e8dc;border-radius:14px;color:#2c4c40;text-decoration:none;touch-action:manipulation}
  .guard-mobile-more-link .guard-mobile-icon{display:flex;align-items:center;justify-content:center;width:30px;height:33px;flex:none;color:#6e9477;font-size:23px}
  .guard-mobile-more-link>span:not(.guard-mobile-chevron){min-width:0}
  .guard-mobile-more-link strong{display:block;font-size:13px;font-weight:650;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  .guard-mobile-more-link small{display:block;margin-top:5px;color:#899483;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  .guard-mobile-more-link.active{background:#edf3e8;border-color:#b5cdb3}
  .guard-mobile-chevron{display:none}
  .guard-mobile-more-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
  .guard-mobile-compliance{min-height:44px;display:flex;align-items:center;font-size:12px;color:#728573;text-decoration:none}
  .guard-mobile-logout{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #e2e4da;border-radius:11px;background:transparent;color:#7d776a;font-size:12px;cursor:pointer}
  .guard-mobile-logout .guard-mobile-icon{font-size:16px;width:16px;height:16px}
}
@media(max-width:359px){
  .layout-container .guard-mobile-more{padding-left:12px;padding-right:12px}
  .guard-mobile-more-grid{gap:8px}
  .guard-mobile-more-link{padding:11px 8px;gap:6px}
  .guard-mobile-more-link .guard-mobile-icon{width:25px;font-size:21px}
  .guard-mobile-more-link small{font-size:11px}
}