/* static/bocce/css/nav.css */
.bc-sidebar { font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; width: 15rem; transition: width .18s ease; }
.bc-sidebar.bc-collapsed { width: 4.25rem; }
.bc-nav-item { color: #374151; }
.dark .bc-nav-item { color: #d1d5db; }
.bc-nav-item.bc-active { background: #e0e7ff; color: #1e3a8a; font-weight: 600; }
.dark .bc-nav-item.bc-active { background: #374151; color: #fff; }
.bc-add-btn { transition: background .15s, transform .15s; }
.bc-add-btn:hover { transform: scale(1.04); }
.bc-badge { background:#1e3a8a; color:#fff; font-size:10px; line-height:1; padding:3px 6px; border-radius:999px; font-weight:600; margin-left:auto; }
.dark .bc-badge { background:#6366f1; }
.bc-badge-dot { width:8px; height:8px; background:#6366f1; border-radius:999px; margin-left:auto; }

/* Subitems */
.bc-subnav a { position:relative; }

/* Scrollbar refinement */
.bc-sidebar .overflow-y-auto::-webkit-scrollbar { width: 8px; }
.bc-sidebar .overflow-y-auto::-webkit-scrollbar-track { background: transparent; }
.bc-sidebar .overflow-y-auto::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
.dark .bc-sidebar .overflow-y-auto::-webkit-scrollbar-thumb { background: #4b5563; }