#treeNavigation{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:600;direction:rtl;color:#173f32;font-family:'Tajawal',Tahoma,Arial,sans-serif}
#treeNavigation [hidden]{display:none!important}
#treeNavigationButton{display:flex;align-items:center;justify-content:center;gap:7px;width:112px;height:44px;min-height:44px;box-sizing:border-box;padding:5px 10px;border:1px solid #c7d5c8;border-radius:10px;background:#fffdf8;color:#194d3d;font:800 14px/1.3 'Tajawal',Tahoma,Arial,sans-serif;box-shadow:0 2px 8px #173f3215;cursor:pointer;touch-action:manipulation}
#treeNavigationButton[aria-expanded=true]{background:#194d3d;color:#fffdf8;border-color:#194d3d}
#treeNavigationPanel{position:absolute;top:52px;left:0;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow:auto;box-sizing:border-box;padding:8px;border:1px solid #c7d5c8;border-radius:13px;background:#fffdf8;box-shadow:0 12px 32px #173f3233;overscroll-behavior:contain}
.tree-navigation-heading{display:block;font-size:13px;line-height:22px;margin:0 4px 6px;color:#5a6d60}
.tree-navigation-views,.tree-navigation-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#treeNavigation a,#treeNavigationDetails{display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-width:0;min-height:44px;padding:6px;border:1px solid transparent;border-radius:8px;text-decoration:none;color:#264f3b;background:#f1f4eb;font:700 13px/1.4 'Tajawal',Tahoma,Arial,sans-serif;white-space:nowrap;cursor:pointer}
#treeNavigation a[aria-current=page]{color:#173f32;background:#e6eddc;border-color:#b29551;box-shadow:inset 0 0 0 1px #b29551}
#treeNavigation a:hover,#treeNavigationDetails:hover{background:#e4eddc}
#treeNavigation :is(button,a):focus-visible{outline:3px solid #b58b39;outline-offset:2px}
.tree-navigation-secondary{border-top:1px solid #dfe6d8;margin-top:6px;padding-top:6px}
#treeNavigationDetails{width:100%;margin-top:4px;background:#faf2df}
body[data-tree-navigation=index] #topbar{display:none!important}
body[data-tree-navigation=index] #brandHeader{min-height:60px;padding-left:136px}
body[data-tree-navigation=index] #adminBar{left:136px!important}
body[data-tree-navigation=radial] #topbar{min-height:60px;padding-left:136px}
body[data-tree-navigation=radial] #topbar .tbLink,body[data-tree-navigation=radial] #topbar .tbSep,body[data-tree-navigation=radial] #btnMiniView,body[data-tree-navigation=radial] #btnRadialView,body[data-tree-navigation=radial] #miniViewPane a[data-family-map-link]{display:none!important}
body[data-tree-navigation=radial] #miniViewPane>div:first-child{min-height:60px;padding-left:136px!important}
body[data-tree-navigation=family] .site-header nav{display:none!important}
body[data-tree-navigation=family] .site-header{padding-left:136px}
body[data-tree-navigation=family] #phoneViewsButton{display:none!important}
@media(max-width:820px),(max-width:1100px) and (max-height:500px){
  #treeNavigationButton{width:88px;gap:5px;padding:5px;font-size:12px}
  body[data-tree-navigation=index] #brandHeader{padding-left:108px}
  body[data-tree-navigation=radial] #topbar{padding-left:108px;flex-wrap:nowrap}
  body[data-tree-navigation=radial] #tbFamilyName{display:none}
  body[data-tree-navigation=radial] #miniViewPane>div:first-child{padding-left:108px!important}
  body[data-tree-navigation=family] .site-header{display:flex;min-height:60px;padding-left:108px}
  body[data-tree-navigation=family].phone-dense .site-header{display:none!important;min-height:0}
  body[data-tree-navigation=family].phone-dense .map-heading{padding-left:100px}
}
@media print{#treeNavigation{display:none!important}}
#treeNavigation .tree-navigation-favorites{margin-bottom:8px;background:#194d3d;color:#fffdf8;border-color:#194d3d;font-size:14px;min-height:44px}
#treeNavigation .tree-navigation-favorites:hover{background:#2a604b}