:root{--ink:#16132b;--muted:#716e82;--line:#e8e6f0;--canvas:#f6f7fb;--surface:#fff;--primary:#5b3df5;--primary-dark:#4327d6;--shadow:0 14px 40px rgba(35,28,79,.08)}

/* Sidebar scroll - thin and themed, appears only when needed */
.sidebar-nav::-webkit-scrollbar{width:5px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:6px}
.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}
.sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;overflow-y:auto}

/* User dropdown in top-right header */
.user-menu{position:relative;display:inline-block}
.user-toggle{display:flex;align-items:center;gap:.6rem;background:transparent;border:0;color:var(--ink);padding:.3rem .5rem;border-radius:10px;cursor:pointer}
.user-toggle:hover{background:#f1f0f6}
.user-toggle .user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ede9ff;color:var(--primary);font-size:.72rem;font-weight:800}
.user-toggle .user-info{flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.user-toggle .user-info strong{font-size:.84rem;font-weight:700}
.user-toggle .user-info span{font-size:.72rem;color:var(--muted)}
.chevron-down{color:var(--muted);font-size:1.1rem;line-height:1}
.user-dropdown{position:absolute;right:0;top:calc(100% + .4rem);min-width:210px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.5rem;z-index:1040}
.user-dropdown-header{display:flex;flex-direction:column;padding:.5rem .75rem .65rem;border-bottom:1px solid var(--line);margin-bottom:.25rem}
.user-dropdown-header strong{font-size:.85rem}
.user-dropdown-header span{font-size:.72rem;color:var(--muted);word-break:break-all}
.dropdown-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:.55rem .75rem;border-radius:8px;color:var(--ink);font-size:.85rem;font-weight:600}
.dropdown-item:hover{background:#f6f7fb}

@media(max-width:575.98px){
    .user-toggle .chevron-down{display:none}
}

/* Module selection cards */
.module-check{position:absolute;top:.9rem;right:.9rem;font-size:.8rem;font-weight:700;color:#fff;border:2px solid var(--primary);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:var(--primary);z-index:1}
.module-card .module-check{background:transparent;border-color:var(--line);color:transparent}
.module-card.selected .module-check{background:var(--primary);border-color:var(--primary);color:#fff}
.onboarding-actions .btn.btn-primary:disabled{background:#c4b8f7;border-color:#c4b8f7;color:#fff}
.alert.alert-danger{font-size:.85rem;padding:.75rem 1rem}

/* Stepper buttons: only current/completed clickable */
.step-item:disabled{cursor:not-allowed;opacity:.5}
.step-item span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef;border:1px solid #d9d4f7;color:var(--muted);font-size:.85rem;font-weight:700}
.step-item.active span{background:var(--primary);border-color:var(--primary);color:#fff}
.step-item.done span{background:#e8f5e9;border-color:#b8e0b8;color:#2e7d32}
.step-item small{color:var(--muted);font-size:.8rem;white-space:nowrap}
.step-item.active small{color:var(--primary);font-weight:700}
.step-item.done small{color:#2e7d32}
.invite-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.invite-row small{display:block}
@media(max-width:575.98px){.invite-row{align-items:flex-start;flex-direction:column}.invite-actions{justify-content:flex-start}}
.loading-fullscreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--canvas);color:var(--muted)}
.loading-fullscreen .spinner{width:40px;height:40px;border:4px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}