/* UMWE Mobile v2 — app-like navigation and role-aware phone experience */
.mobile-bottom-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:82px!important}
  .menu-fab{display:none!important}
  .nav-back{display:flex!important}
  .topbar{height:58px!important;padding:8px 12px!important;justify-content:flex-end!important;border-bottom:1px solid var(--line)}
  .topbar:before{content:'UMWE';margin-right:auto;font-size:16px;font-weight:900;letter-spacing:.04em;color:var(--text)}
  .topbar:after{content:'Operations';position:absolute;left:12px;top:31px;font-size:8px;color:var(--muted);letter-spacing:.04em}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:8px;z-index:250;height:64px;padding:5px 4px calc(5px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--panel-strong) 92%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 16px 42px rgba(0,0,0,.25)}
  .mobile-bottom-nav button{border:0;background:transparent;color:var(--muted);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:700;min-width:0}
  .mobile-bottom-nav button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
  .mobile-bottom-nav button.active{color:var(--green)}
  .mobile-bottom-nav button:active{background:rgba(16,191,121,.09)}
  .sidebar{left:10px!important;right:10px!important;top:auto!important;bottom:80px!important;width:auto!important;max-height:calc(100% - 100px)!important;border-radius:22px!important;padding:15px!important;transform:translateY(115%)!important;transition:transform .24s ease!important}
  .sidebar.open{transform:translateY(0)!important}
  .sidebar nav{grid-template-columns:1fr!important;gap:3px!important}
  .sidebar nav button{min-height:44px!important}
  .scrim{z-index:90!important}
  .sidebar{z-index:110!important}
  .page,.dashboard-page{padding-top:18px!important;padding-bottom:20px!important}
  .page>header{margin-bottom:16px!important}
  .page>header h1{font-size:27px!important}
  .page>header p{font-size:12px!important}

  /* Employee photo blends into the phone home instead of sitting as a hard card */
  .role-user .dashboard-visual.worker-visual,.role-intern .dashboard-visual.worker-visual{display:block!important;height:210px!important;margin:-18px -12px 12px!important;width:calc(100% + 24px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%)!important}

  /* User cards become touch-friendly rows */
  .users-overview,.users-table{border-radius:16px!important}
  .user-row{min-height:62px!important;padding:11px!important}
}
@media(min-width:761px){.mobile-bottom-nav{display:none!important}}