.header-actions { display:flex; align-items:center; gap:.65rem; flex-shrink:0; }
.header-account { display:inline-flex; align-items:center; justify-content:center; width:2.75rem; height:2.75rem; flex:0 0 2.75rem; overflow:hidden; border:1px solid #526254; border-radius:50%; background:#27392b; color:#e9f2ea; font-size:1.2rem; font-weight:800; text-decoration:none; }
.header-account img { width:100%; height:100%; object-fit:cover; }
.menu-icon { width:1.7rem; height:1.7rem; flex:0 0 1.7rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#menu-button { background:transparent; border:0; font:inherit; cursor:pointer; }
.navigation-menu { padding:0; margin:auto 1rem 1rem auto; width:min(26rem,calc(100% - 2rem)); max-width:none; height:min(44rem,calc(100dvh - 2rem)); max-height:calc(100dvh - 2rem); color:#e9eeeb; background:#151a1c; border:1px solid #39433e; border-radius:1rem; box-shadow:0 16px 65px #0008; }
.navigation-menu::backdrop { background:#0009; }
.menu-panel { display:flex; flex-direction:column; height:100%; min-height:0; }
.menu-header { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.2rem; border-bottom:1px solid #343e37; flex-shrink:0; }
.menu-header h2 { margin:0; font-size:1.3rem; }
.menu-close { display:flex; gap:.65rem; align-items:center; min-height:2.75rem; padding:.35rem .7rem; border:1px solid #465148; border-radius:.5rem; background:#252e28; color:inherit; cursor:pointer; font:inherit; }
.menu-close span { font-size:1.7rem; line-height:1; }
.menu-body { overflow:auto; flex:1; padding:0 1rem; }
.menu-group { padding:.75rem 0; border-bottom:1px solid #343e37; }
.menu-group:last-child { border-bottom:0; }
.menu-link { display:flex; align-items:center; gap:.9rem; min-height:3rem; padding:.7rem .65rem; color:inherit; text-decoration:none; font:inherit; line-height:1.35; border:0; border-radius:.45rem; background:transparent; text-align:left; cursor:pointer; width:100%; box-sizing:border-box; }
.menu-link:hover,.menu-link:focus-visible { background:#29352c; }
.menu-link .footer-nav-icon { width:1.7rem; height:1.7rem; flex:0 0 1.7rem; background:currentColor; mask-position:center; mask-repeat:no-repeat; mask-size:contain; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; }
.menu-link .footer-nav-icon::before,.menu-link .footer-nav-icon::after { display:none; }
[data-menu-logout] { width:calc(100% - 2rem); margin:.5rem 1rem; border-top:1px solid #343e37; border-radius:0; flex-shrink:0; padding-top:1rem; padding-bottom:max(1rem,env(safe-area-inset-bottom)); }
body.menu-open { overflow:hidden; }
.navigation-menu [hidden] { display:none!important; }
@media(max-width:480px) { .status-inner { gap:.4rem; } .header-actions { gap:.4rem; } .header-logos { gap:.4rem; } .header-logo-skalino { max-width:110px; height:auto; } .header-logo-chs { max-width:62px; height:auto; } .filter-button { padding:.6rem .7rem; } .navigation-menu { width:calc(100% - 1rem); margin:auto .5rem .5rem; height:calc(100dvh - 1rem); max-height:calc(100dvh - 1rem); } }
@media(max-width:350px) { .header-logo-skalino { max-width:92px; } .header-logo-chs { max-width:47px; } .header-account { width:2.5rem; height:2.5rem; flex-basis:2.5rem; } }