/* Shared Nakama admin navigation */
:root { --nakama-gold: #f5c518; --nakama-muted: #6b7075; }
.nakama-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 100;
    width: 232px;
    padding: 18px 13px 15px;
    overflow-y: auto;
    background: #08090b;
    border-right: 1px solid rgba(245, 197, 24, 0.1);
    color: #fff;
}
.nakama-sidebar-brand { display: flex; align-items: center; gap: 9px; padding: 0 5px 17px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.nakama-sidebar-brand img { width: 34px; height: 34px; border-radius: 9px; object-fit: cover; border: 1px solid rgba(245,197,24,0.65); }
.nakama-brand-name { color: var(--nakama-gold); font-size: 13px; font-weight: 900; line-height: 1; letter-spacing: .03em; }
.nakama-brand-sub { margin-top: 4px; color: #73777c; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.nakama-sidebar-user { margin: 16px 0 22px; padding: 11px 11px; border: 1px solid #16c978; border-radius: 9px; background: #091713; }
.nakama-sidebar-user-label { color: #687576; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.nakama-sidebar-user-name { display: block; margin-top: 4px; color: #45e993; font-size: 12px; font-weight: 900; letter-spacing: .02em; }
.nakama-sidebar-user-role { display: block; margin-top: 3px; color: #759088; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nakama-sidebar-heading { margin: 0 9px 12px; color: #555a60; font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.nakama-sidebar-nav { display: grid; gap: 4px; }
.nakama-sidebar-link { display: flex; align-items: center; gap: 11px; min-height: 38px; padding: 0 11px; border: 1px solid transparent; border-radius: 7px; color: #6b7075; font-size: 11px; font-weight: 900; letter-spacing: .035em; text-decoration: none; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.nakama-sidebar-link:hover { color: #d7dadd; background: rgba(255,255,255,0.035); }
.nakama-sidebar-link:hover .nakama-sidebar-icon { color: var(--nakama-gold); }
.nakama-sidebar-link.active { color: var(--nakama-gold); background: rgba(245,197,24,0.09); border-color: var(--nakama-gold); }
.nakama-sidebar-icon { width: 16px; color: #777d82; font-size: 14px; text-align: center; transition: color .18s ease; }
.nakama-sidebar-link.active .nakama-sidebar-icon { color: var(--nakama-gold); }
.nakama-sidebar-spacer { min-height: 24px; flex: 1; }
.nakama-sidebar-footer { margin-top: 24px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08); }
.nakama-sidebar-logout { color: #a87575; }
.nakama-sidebar-logout:hover { color: #f0a0a0; }
.nakama-mobile-toggle, .nakama-sidebar-overlay { display: none; }
body.nakama-with-sidebar > :not(.nakama-sidebar):not(.nakama-mobile-toggle):not(.nakama-sidebar-overlay) { margin-left: 232px; }
body.nakama-with-sidebar { overflow-x: hidden; }
body.nakama-with-sidebar > script { margin-left: 0 !important; }
body.nakama-with-sidebar > #ic-chat-popup { margin-left: 0 !important; }
body.nakama-with-sidebar > .app-shell > .sidebar { display: none; }
body.nakama-with-sidebar .max-w-6xl,
body.nakama-with-sidebar .max-w-7xl {
    width: auto;
    max-width: none !important;
    margin-right: 18px;
}
.nakama-sidebar::-webkit-scrollbar { width: 3px; }
.nakama-sidebar::-webkit-scrollbar-thumb { background: rgba(245, 197, 24, 0.22); border-radius: 3px; }
@media (max-width: 767px) {
    .nakama-sidebar { transform: translateX(-100%); transition: transform .22s ease; box-shadow: 15px 0 40px rgba(0,0,0,.42); }
    body.nakama-sidebar-open .nakama-sidebar { transform: translateX(0); }
    .nakama-mobile-toggle { position: fixed; top: 12px; left: 12px; z-index: 102; display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(245,197,24,.6); border-radius: 8px; background: #11100d; color: var(--nakama-gold); font-size: 20px; cursor: pointer; }
    .nakama-sidebar-overlay { position: fixed; inset: 0; z-index: 99; display: block; background: rgba(0,0,0,.7); opacity: 0; pointer-events: none; transition: opacity .22s ease; }
    body.nakama-sidebar-open .nakama-sidebar-overlay { opacity: 1; pointer-events: auto; }
    body.nakama-with-sidebar > :not(.nakama-sidebar):not(.nakama-mobile-toggle):not(.nakama-sidebar-overlay) { margin-left: 0; }
    body.nakama-with-sidebar .max-w-6xl,
    body.nakama-with-sidebar .max-w-7xl { width: auto; margin-right: 0; }
    body.nakama-with-sidebar #hamburger-btn, body.nakama-with-sidebar .dropdown-menu { display: none !important; }
}
@media (min-width: 768px) {
    body.nakama-with-sidebar #hamburger-btn, body.nakama-with-sidebar .dropdown-menu { display: none !important; }
}