/* One shared sidebar on every MY RUTIN route, including custom pages. */
body.premium-navigation{--sidebar-width:210px}
body.premium-navigation main{margin-left:var(--sidebar-width);min-width:0}
body.premium-navigation .sidebar{display:flex;width:var(--sidebar-width);padding:24px 20px 28px;background:radial-gradient(ellipse at 100% 80%,#10584980,transparent 60%),linear-gradient(105deg,#052e28,#073f35);isolation:isolate}
body.premium-navigation .brand{font-size:16px;letter-spacing:.6px;gap:10px;white-space:nowrap}
body.premium-navigation .sidebar .nav{gap:4px;position:relative;z-index:1}
body.premium-navigation .sidebar .nav .menu-sidebar-item,body.premium-navigation .sidebar .nav button{font-size:13px;font-weight:500;min-height:40px;padding:10px 12px;border-radius:11px;gap:13px;transition:transform .22s,background .22s,box-shadow .22s;color:#d7e0d7}
body.premium-navigation .sidebar .nav svg{width:18px;height:18px;flex-shrink:0}
body.premium-navigation .sidebar .nav .active{background:linear-gradient(120deg,#fffef3,#f2efdc);color:#173f36;box-shadow:0 0 17px #e6c77845,inset 0 0 0 1px #e6c77899;animation:nav-breathe 5s ease-in-out infinite alternate}
body.premium-navigation .sidebar .nav .active:after{content:'›';margin-left:auto;color:#c99c3b}
body.premium-navigation .sidebar .nav :is(button,a):not(.active):hover{background:#fff9e915;transform:translateX(2px)}
body.premium-navigation .sidebar:before{content:'';position:absolute;inset:48% 0 70px;z-index:-1;background:linear-gradient(#073f35a0,#073f3530),url('dashboard-assets/arch.webp') center/cover no-repeat;opacity:.36;clip-path:polygon(0 100%,0 36%,8% 25%,26% 14%,50% 0,74% 14%,92% 25%,100% 36%,100% 100%)}
body.premium-navigation .sidebar:after{content:'';position:absolute;width:210px;height:420px;left:-100px;bottom:180px;border:1px solid #c99c3b30;border-radius:50%;transform:rotate(-35deg);pointer-events:none;z-index:-1;box-shadow:0 0 0 8px #c99c3b08,0 0 0 16px #c99c3b08}
body.premium-navigation .sidefoot{position:relative;border-top:0;padding:24px 8px 0;margin-top:auto;min-height:148px}
body.premium-navigation .sidefoot .tiny{font-size:0}body.premium-navigation .sidefoot .tiny:before{content:'“';font:26px Georgia;color:#d9ae54}
body.premium-navigation .sidefoot p{font:15px/1.5 'DM Sans',sans-serif;color:#f0e7c9;margin:0 0 22px}
body.premium-navigation .sidefoot small{font-size:9px;letter-spacing:.3px}body.premium-navigation .sidefoot small:before{content:'';display:block;width:18px;border-top:2px solid #c99c3b;margin-bottom:12px}

body.premium-navigation .sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;border:0;overflow-y:auto;overflow-x:hidden;font-family:'DM Sans',system-ui,sans-serif}
body.premium-navigation .sidebar .brand{margin-bottom:28px}
body.premium-navigation .sidebar .nav .menu-category-label{color:#bed0c5;font-size:10px;letter-spacing:1.2px}
body.premium-navigation .sidebar .nav .menu-is-child{font-size:12px;padding:9px 12px;margin-left:16px;width:calc(100% - 16px)}
body.premium-navigation .sidebar .nav :is(button,a):focus-visible{outline:2px solid #e6c778;outline-offset:2px}
body.premium-navigation .mobile-nav,body.premium-navigation .mobile-brand{display:none}
@media(max-width:1100px){body.premium-navigation .sidebar{display:none}body.premium-navigation main{margin-left:0;margin-right:auto;padding-bottom:128px}body.premium-navigation .mobile-nav{display:flex}body.premium-navigation .mobile-brand{display:flex}}
@media(prefers-reduced-motion:reduce){body.premium-navigation .sidebar *,body.premium-navigation .sidebar *:before,body.premium-navigation .sidebar *:after{animation:none!important;transition:none!important}}