/* Sidebar draft styles - minimal and isolated */
:root{ --bg:#0f1720; --panel:#0b1220; --text:#e6eef6; --accent:#5865f2; }

.sidebar-draft{ position:fixed; top:0; left:0; bottom:0; width:280px; background:linear-gradient(180deg,var(--panel), #071021); color:var(--text); transform:translateX(-110%); transition:transform 320ms ease; z-index:10050; box-shadow:2px 0 10px rgba(0,0,0,0.6); }
.sidebar-draft.mobile-open{ transform:translateX(0%); }
.sidebar-draft-header{ display:flex; align-items:center; justify-content:space-between; padding:14px; border-bottom:1px solid rgba(255,255,255,0.03); }
.sidebar-draft-header .logo img{ height:36px; }
#sidebar-draft-close{ background:transparent; border:0; color:var(--text); font-size:20px; cursor:pointer; }
.sidebar-draft-body{ padding:12px; overflow:auto; height:calc(100% - 64px); }
.nav-list{ list-style:none; margin:0; padding:0; }
.nav-list li{ margin:6px 0; }
.nav-list li.nav-section{ margin-top:12px; font-size:12px; color:rgba(255,255,255,0.6); }
.nav-list a{ color:var(--text); text-decoration:none; display:block; padding:8px 10px; border-radius:6px; }
.nav-list a:hover{ background:rgba(255,255,255,0.02); }
.notif-badge{ display:inline-block; min-width:20px; padding:2px 6px; background:var(--accent); color:#fff; border-radius:12px; font-size:12px; margin-left:8px; }
.notif-badge[data-count="0"]{ display:none !important; }

/* Toggle in header for mobile (for use in base template) */
.discord-mobile-toggle{ display:none; position:relative; z-index:10060; }
@media (max-width: 768px){ .discord-mobile-toggle{ display:block; } }

/* ensure overlay click pass-through not blocked */
#gm-debug-overlay{ pointer-events:none; }