/* PORTAL_WARGA_CUSTOM_POSISI_MENU_V39
   One existing #mainNav for all layouts, never clone or reveal restricted buttons.
   Desktop: left/top/right/bottom. Mobile: top/bottom, safe fallback from side. */
[hidden] { display:none !important; }
.pw-menu-control-v39 { position:relative; display:none; flex:0 0 auto; margin-left:auto; z-index:25; font-size:13px; }
body.authenticated .pw-menu-control-v39 { display:block; }
.pw-menu-switch-v39 { display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:38px; padding:9px 13px; white-space:nowrap;
  background:#e9e5d7; color:#304f30; border:1px solid #d6d9c8;
  border-radius:12px; font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer; }
.pw-menu-switch-v39:focus-visible, .pw-menu-choice-v39:focus-visible { outline:3px solid #709a70;outline-offset:2px; }
.pw-menu-dropdown-v39 { position:absolute; top:calc(100% + 7px);right:0; min-width:175px;
  display:grid; gap:4px; padding:7px; background:#fffdf8; border:1px solid #dcdccc;
  border-radius:14px;box-shadow:0 12px 32px #1d301c35; z-index:40; }
.pw-menu-choice-v39 { width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 13px;border:0;border-radius:9px;background:transparent;color:#2b4330;
  font:600 13px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif; text-align:left;cursor:pointer; }
.pw-menu-choice-v39:hover,.pw-menu-choice-v39[aria-checked="true"]{background:#e6eddf;color:#26432b}
.pw-menu-choice-v39[aria-checked="true"]::after {content:'✓';font-weight:800}
.pw-menu-choice-v39:disabled{display:none}
body.authenticated .topbar{ flex-wrap:wrap; }
body.authenticated .pw-menu-control-v39+.topbar-date{margin-left:0}

/* Normal LEFT position retains original desktop CSS exactly. */
@media (min-width:901px) {
 body.authenticated[data-pw-menu-position="right"] .sidebar {
   left:auto !important;right:0 !important;top:0 !important;bottom:0 !important;
   position:fixed !important; height:100vh !important; width:265px !important;
 }
 body.authenticated[data-pw-menu-position="right"] main {
   margin-left:0 !important;margin-right:265px !important;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar {
   position:fixed !important;left:0 !important;right:0 !important;
   width:100% !important;height:82px !important;min-height:0 !important;
   max-height:82px !important; overflow:visible !important;z-index:15;
   display:flex !important;flex-direction:row !important;align-items:center !important;
   box-sizing:border-box !important;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar {top:0 !important;bottom:auto !important;box-shadow:0 3px 14px #19271920;}
 body.authenticated[data-pw-menu-position="bottom"] .sidebar {top:auto !important;bottom:0 !important;box-shadow:0 -3px 14px #19271920;}
 body.authenticated[data-pw-menu-position="top"] main {
   margin-left:0 !important;margin-right:0 !important;padding-top:106px !important;
 }
 body.authenticated[data-pw-menu-position="bottom"] main {
   margin-left:0 !important;margin-right:0 !important;padding-bottom:124px !important;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar-hero,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-hero {
   display:flex !important;flex:0 0 auto;align-items:center;gap:8px;
   padding:7px 9px !important;margin:0 !important;border:0 !important;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar-hero .community-art,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-hero .community-art {
   width:45px !important;height:45px !important;border-radius:9px;object-fit:cover;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar-hero .brand,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-hero .brand {display:none !important;}
 body.authenticated[data-pw-menu-position="top"] .sidebar-nav-slot,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-nav-slot {
   display:block;flex:1 1 auto;min-width:0;padding:7px 4px !important;
   overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:thin;
 }
 body.authenticated[data-pw-menu-position="top"] #mainNav,
 body.authenticated[data-pw-menu-position="bottom"] #mainNav {
   display:flex;flex-direction:row !important;gap:5px !important;flex-wrap:nowrap;
   align-items:center;margin:0 !important;white-space:nowrap;min-width:max-content;
 }
 body.authenticated[data-pw-menu-position="top"] #mainNav button,
 body.authenticated[data-pw-menu-position="bottom"] #mainNav button {
   flex:0 0 auto;width:auto !important;white-space:nowrap;font-size:13px;
   padding:10px 12px !important;min-height:46px;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar-footer,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-footer {
   position:static !important;flex:0 0 auto;padding:7px 10px !important;border:0 !important;
 }
 body.authenticated[data-pw-menu-position="top"] .sidebar-footer span,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-footer span {display:none !important;}
 body.authenticated[data-pw-menu-position="top"] .sidebar-footer #logout,
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-footer #logout {
   width:auto !important;min-height:38px;padding:8px 10px !important;
 }
}
/* Preserve existing normal mobile top navigation. Bottom is an optional compact dock. */
@media (max-width:900px) {
 .pw-menu-control-v39{margin-left:auto}
 body.authenticated .topbar{gap:9px;}
 body.authenticated .pw-menu-switch-v39{min-height:35px;padding:7px 10px;font-size:12px;}
 body.authenticated[data-pw-menu-position="bottom"] .sidebar {
   position:fixed !important;top:auto !important;bottom:0 !important;left:0 !important;
   right:0 !important;width:100% !important;height:71px !important;
   min-height:0 !important;display:flex !important;align-items:center !important;
   padding:0 5px !important;overflow:visible !important;z-index:15;
   box-shadow:0 -3px 14px #19271924;
 }
 body.authenticated[data-pw-menu-position="bottom"] main {
   margin-left:0 !important;margin-right:0 !important;padding-bottom:102px !important;
 }
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-hero {display:none !important;}
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-nav-slot {
   flex:1 1 auto;min-width:0;padding:5px !important;overflow-x:auto !important;
   overflow-y:hidden !important;scrollbar-width:thin;
 }
 body.authenticated[data-pw-menu-position="bottom"] #mainNav {
   display:flex;flex-direction:row !important;align-items:center !important;
   gap:4px !important;white-space:nowrap;min-width:max-content;
 }
 body.authenticated[data-pw-menu-position="bottom"] #mainNav button {
   flex:0 0 auto !important;width:auto !important;padding:8px 10px !important;white-space:nowrap;
 }
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-footer {
   position:static !important;display:flex !important;padding:4px !important;
   border:0 !important;flex:0 0 auto;
 }
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-footer span{display:none !important}
 body.authenticated[data-pw-menu-position="bottom"] .sidebar-footer #logout {
   display:inline-flex;font-size:11px;padding:7px 9px !important;width:auto !important;
 }
}