@import url('./admin-visual-v117.css');
/* Eshraq Administration NEW — canonical sidebar runtime V116. */
html:not([data-admin-ui-ready="1"]) #appView{visibility:hidden!important}
html[data-admin-ui-ready="1"] #appView{visibility:visible}

#nav{display:flex!important;flex-direction:column!important;gap:4px!important}
#nav button[data-page]{min-height:46px!important;gap:15px!important;border:1px solid transparent!important;border-radius:13px!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important;font-size:15px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:0!important;color:#fbfdfc!important;text-shadow:0 1px 0 rgba(0,0,0,.08)!important;padding:4px 10px!important}
#nav button[data-page]:hover{background:rgba(255,255,255,.09)!important;transform:translateY(-1px)!important}
#nav button[data-page].active{background:rgba(255,255,255,.14)!important;border-color:#e1bd58!important;box-shadow:inset 0 0 0 1px rgba(225,189,88,.35)!important}
#nav button[data-page] .admin-nav-icon-v114{display:inline-grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:11px!important;background:#f4f4ef!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.07)!important;overflow:hidden!important;position:relative!important;font-size:0!important;margin-inline-end:0!important}
#nav button[data-page] .admin-nav-icon-v114::before{display:block!important;font-size:21px!important;line-height:1!important;filter:saturate(1.25) contrast(1.04)!important;transform:translateY(.5px)!important}
#nav button[data-page].active .admin-nav-icon-v114{background:#fff1b8!important;box-shadow:inset 0 0 0 1px rgba(154,106,0,.20),0 3px 10px rgba(0,0,0,.08)!important}
#nav button[data-icon-key="home"] .admin-nav-icon-v114::before{content:"🏠"}
#nav button[data-icon-key="inbox"] .admin-nav-icon-v114::before{content:"📥"}
#nav button[data-icon-key="users"] .admin-nav-icon-v114::before{content:"👥"}
#nav button[data-icon-key="folder"] .admin-nav-icon-v114::before{content:"📁"}
#nav button[data-icon-key="note"] .admin-nav-icon-v114::before{content:"📝"}
#nav button[data-icon-key="calendar"] .admin-nav-icon-v114::before{content:"🗓️"}
#nav button[data-icon-key="checklist"] .admin-nav-icon-v114::before{content:"✅"}
#nav button[data-icon-key="route"] .admin-nav-icon-v114::before{content:"🔗"}
#nav button[data-icon-key="shield"] .admin-nav-icon-v114::before{content:"🛡️"}
#nav button[data-icon-key="chat"] .admin-nav-icon-v114::before{content:"💬"}
#nav button[data-icon-key="target"] .admin-nav-icon-v114::before{content:"🎯"}
#nav button[data-icon-key="megaphone"] .admin-nav-icon-v114::before{content:"📣"}
#nav button[data-icon-key="bulb"] .admin-nav-icon-v114::before{content:"💡"}
#nav button[data-icon-key="wallet"] .admin-nav-icon-v114::before{content:"💳"}
#nav button[data-icon-key="usergear"] .admin-nav-icon-v114::before{content:"🧑‍💼"}
#nav button[data-icon-key="building"] .admin-nav-icon-v114::before{content:"🏢"}
#nav button[data-icon-key="star"] .admin-nav-icon-v114::before{content:"⭐"}
#nav button[data-icon-key="database"] .admin-nav-icon-v114::before{content:"🗃️"}
#nav button[data-icon-key="chart"] .admin-nav-icon-v114::before{content:"📊"}
#nav button[data-icon-key="lock"] .admin-nav-icon-v114::before{content:"🔐"}
#nav button[data-icon-key="gear"] .admin-nav-icon-v114::before{content:"⚙️"}
#nav button[data-icon-key="link"] .admin-nav-icon-v114::before{content:"🔗"}
#nav button[data-icon-key="compass"] .admin-nav-icon-v114::before{content:"🧭"}
#nav button[data-icon-key="image"] .admin-nav-icon-v114::before{content:"🖼️"}
#nav button[data-icon-key="files"] .admin-nav-icon-v114::before{content:"📄"}
#nav button[data-icon-key="refresh"] .admin-nav-icon-v114::before{content:"🔄"}

.sidebar .brand{border-bottom:0!important;box-shadow:none!important}
.admin-sidebar-collapse-row-v114{display:grid!important;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;width:100%!important;min-height:48px!important;margin:3px 0 8px!important;padding:0 2px!important;box-sizing:border-box!important}
.admin-sidebar-divider-line-v114{display:block!important;width:100%!important;height:3px!important;border-radius:999px!important;background:#d8b14b!important;opacity:.96!important}
.admin-sidebar-toggle-v114{position:static!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1px solid #bd8f20!important;background:#f3cf72!important;color:#07564c!important;display:grid!important;place-items:center!important;font-size:26px!important;font-weight:900!important;line-height:1!important;box-shadow:0 3px 12px rgba(5,60,52,.17),inset 0 1px 0 rgba(255,255,255,.62)!important;cursor:pointer!important;pointer-events:auto!important;z-index:3!important}
.admin-sidebar-toggle-v114:hover{background:#ffe39a!important;color:#0b6b5e!important}.admin-sidebar-toggle-v114:focus-visible{outline:3px solid rgba(243,207,114,.55)!important;outline-offset:2px!important}

#appView[data-sidebar-collapsed="0"]{grid-template-columns:260px minmax(0,1fr)!important}
#appView[data-sidebar-collapsed="1"]{grid-template-columns:88px minmax(0,1fr)!important}
.sidebar[data-collapsed="0"]{padding-inline:14px!important;width:260px!important;min-width:260px!important}
.sidebar[data-collapsed="1"]{padding-inline:8px!important;width:88px!important;min-width:88px!important}
.sidebar[data-collapsed="0"] .brand>div:last-child{display:block!important}
.sidebar[data-collapsed="1"] .brand{justify-content:center!important;padding-inline:0!important}
.sidebar[data-collapsed="1"] .brand>div:last-child{display:none!important}
.sidebar[data-collapsed="1"] .brand .brand-logos{justify-content:center!important}
.sidebar[data-collapsed="0"] #nav button[data-page]{justify-content:flex-start!important;padding-inline:10px!important;gap:15px!important}
.sidebar[data-collapsed="1"] #nav button[data-page]{justify-content:center!important;gap:0!important;padding-inline:4px!important;font-size:0!important;min-height:44px!important}
.sidebar[data-collapsed="1"] #nav button[data-page] .admin-nav-icon-v114{margin:0!important}
.sidebar[data-collapsed="1"] #nav{gap:3px!important}
.sidebar button:not([data-page]):not(#adminSidebarCollapseV114){display:none!important}

@media(max-width:1000px){#appView[data-sidebar-collapsed="0"]{grid-template-columns:260px minmax(0,1fr)!important}#appView[data-sidebar-collapsed="1"]{grid-template-columns:82px minmax(0,1fr)!important}.sidebar[data-collapsed="1"]{width:82px!important;min-width:82px!important}#nav button[data-page]{font-size:14.5px!important}#nav button[data-page] .admin-nav-icon-v114{flex-basis:35px!important;width:35px!important;height:35px!important}#nav button[data-page] .admin-nav-icon-v114::before{font-size:20px!important}}
@media(max-width:700px){.admin-sidebar-collapse-row-v114{display:none!important}#appView[data-sidebar-collapsed]{display:block!important}.sidebar[data-collapsed="1"] #nav button[data-page]{font-size:0!important;min-width:58px!important}}