/* Navigasi ringkas khusus anggota pada ponsel. */
.member-mobile-header,.member-mobile-nav,.member-mobile-menu{display:none}
@media(max-width:719px){
 body:has(#dashboardView:not(.hidden) #dashboardMenu[data-mode="MEMBER"]){padding-top:60px}
 body:has(#dashboardView:not(.hidden) #dashboardMenu[data-mode="MEMBER"]) .top-service-bar,
 body:has(#dashboardView:not(.hidden) #dashboardMenu[data-mode="MEMBER"]) #mainNav{display:none!important}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .dashboard-sidebar{display:none!important}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .member-mobile-header{display:flex;align-items:center;gap:9px;position:fixed;top:0;left:0;right:0;height:60px;padding:8px 14px;box-sizing:border-box;z-index:850;background:#fff;border-bottom:1px solid #dbe8df;box-shadow:0 4px 14px rgba(10,60,35,.08)}
 .member-mobile-header img{width:38px;height:38px;object-fit:contain}.member-mobile-header div{min-width:0;display:grid;gap:2px;flex:1}.member-mobile-header small{font-size:9px;color:#587061;letter-spacing:.07em;font-weight:800}.member-mobile-header strong{font-size:15px;color:#0c5335;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .member-mobile-header button{border:0;background:#e8f6ec;border-radius:11px;font-size:20px;width:40px;height:40px;flex:none;cursor:pointer}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .dashboard-main{width:100%;box-sizing:border-box;padding:12px 12px calc(88px + env(safe-area-inset-bottom))!important}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .dashboard-topbar{padding:10px 8px 6px;margin:0 0 12px}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .dashboard-topbar h1{font-size:20px;line-height:1.3}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .dashboard-topbar-actions{gap:8px}
 #dashboardView:not(.hidden):has(#dashboardMenu[data-mode="MEMBER"]) .member-mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:850;height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:#fff;border-top:1px solid #dbe8df;box-shadow:0 -4px 16px rgba(12,67,37,.09)}
 .member-mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-width:0;border:0;background:transparent;color:#506a5a;font:inherit;cursor:pointer;padding:3px 1px}
 .member-mobile-nav button>span{font-size:22px;line-height:25px}.member-mobile-nav button>small{font-size:10px;line-height:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
 .member-mobile-nav button.active{color:#0b744b;background:#eaf8ef}
 #dashboardView:not(.hidden) .member-mobile-menu:not(.hidden){display:flex;position:fixed;inset:0;z-index:1500;background:rgba(12,33,23,.52);align-items:flex-end}
 .member-mobile-menu-panel{width:100%;max-height:min(82vh,660px);box-sizing:border-box;overflow:auto;background:#fff;padding:12px 14px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;box-shadow:0 -12px 32px rgba(0,0,0,.16)}
 .member-mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#164934;font-size:17px}.member-mobile-menu-heading button{font-size:27px;border:0;background:#f0f6f2;border-radius:9px;width:38px;height:38px;cursor:pointer}
 #memberMobileMenuItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #memberMobileMenuItems button{display:flex;gap:9px;align-items:center;min-width:0;min-height:51px;text-align:left;border:1px solid #deebe2;border-radius:13px;background:#f9fbf9;color:#254c35;padding:9px;font-size:12px;font-weight:750;cursor:pointer}
 #memberMobileMenuItems button span:first-child{font-size:21px;flex:none}#memberMobileMenuItems button.active{background:#e8f7ec;border-color:#0b784d;color:#08663f}
 .member-mobile-menu-actions{display:flex;gap:9px;margin-top:16px}.member-mobile-menu-actions button{flex:1;border:1px solid #d7e9db;border-radius:12px;background:#f4faf5;padding:12px 8px;color:#14573b;font-weight:800;cursor:pointer}.member-mobile-menu-actions button:last-child{background:#fff3f1;border-color:#eac9c6;color:#a63126}
 .member-mobile-nav button:focus-visible,.member-mobile-menu button:focus-visible,.member-mobile-header button:focus-visible{outline:3px solid #d59c32;outline-offset:-3px}
}

/* Jaga foto kontak Admin di atas navigasi dan tombol beli ponsel. */
@media(max-width:719px){
 body:has(#dashboardView:not(.hidden) #dashboardMenu[data-mode="MEMBER"]) #waAdminFloat{bottom:calc(96px + env(safe-area-inset-bottom))!important}
 body:has(#publicView:not(.hidden)) #waAdminFloat{bottom:calc(140px + env(safe-area-inset-bottom))!important}
}