/* /Features/Dashboard/Dashboard.razor.rz.scp.css */
.dash-queue[b-7hko0wnvvx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid var(--obs-border, #26262e);
    text-decoration: none;
    color: var(--obs-text, #e9e9ee);
    transition: all 0.12s ease;
}

.dash-queue:hover[b-7hko0wnvvx] {
    border-color: var(--obs-accent, #2eb6b9);
    background: rgba(46, 182, 185, 0.06);
}

.dash-queue.is-hot[b-7hko0wnvvx] {
    border-color: rgba(240, 190, 90, 0.45);
}

.dash-queue__icon[b-7hko0wnvvx] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(46, 182, 185, 0.12);
    color: var(--obs-accent, #2eb6b9);
}

.dash-queue__body[b-7hko0wnvvx] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.dash-queue__count[b-7hko0wnvvx] {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1;
}

.dash-queue__label[b-7hko0wnvvx] {
    font-size: 0.78rem;
    color: var(--obs-text-dim, #8a8a96);
}

.dash-queue__go[b-7hko0wnvvx] {
    color: var(--obs-text-dim, #555);
    font-size: 0.8rem;
}
/* /Features/Users/Users.razor.rz.scp.css */
.adm-role-row[b-6ct4mg3dqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
/* /Layout/AdminLayout.razor.rz.scp.css */
/* Bespoke admin shell over the Obsidian palette (vars from AlatLabs.UI obsidian.css). */

.admin-shell[b-09hkhtgivu] {
    display: flex;
    min-height: 100vh;
    background: var(--obs-bg, #0a0a0a);
    color: var(--obs-text, #e9e9ee);
}

/* ── Sidebar ──────────────────────────────────────────────────────────────── */
.admin-sidebar[b-09hkhtgivu] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 248px;
    display: flex;
    flex-direction: column;
    background: var(--obs-surface, #131318);
    border-right: 1px solid var(--obs-border, #26262e);
    z-index: 40;
}

.admin-brand[b-09hkhtgivu] {
    padding: 20px 20px 14px;
    border-bottom: 1px solid var(--obs-border, #26262e);
}

.admin-brand__link[b-09hkhtgivu] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.admin-brand__logo[b-09hkhtgivu] {
    font-weight: 800;
    letter-spacing: 0.14em;
    font-size: 1.15rem;
}

.admin-brand__tag[b-09hkhtgivu] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--obs-accent, #2eb6b9);
}

.admin-nav[b-09hkhtgivu] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 12px;
}

.admin-nav__group[b-09hkhtgivu] {
    margin-bottom: 14px;
}

.admin-nav__label[b-09hkhtgivu] {
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--obs-text-dim, #8a8a96);
    padding: 6px 10px;
}

.admin-nav__item[b-09hkhtgivu] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-radius: 10px;
    color: var(--obs-text-dim, #b7b7c2);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.12s ease, color 0.12s ease;
}

.admin-nav__item:hover[b-09hkhtgivu] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--obs-text, #e9e9ee);
}

.admin-nav__item.active[b-09hkhtgivu] {
    background: rgba(46, 182, 185, 0.14);
    color: var(--obs-accent, #2eb6b9);
}

.admin-nav__icon[b-09hkhtgivu] {
    width: 18px;
    text-align: center;
    font-size: 0.92rem;
}

.admin-sidebar__footer[b-09hkhtgivu] {
    padding: 14px;
    border-top: 1px solid var(--obs-border, #26262e);
}

.admin-user[b-09hkhtgivu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-user__avatar[b-09hkhtgivu] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 0.82rem;
    background: rgba(46, 182, 185, 0.18);
    color: var(--obs-accent, #2eb6b9);
}

.admin-user__meta[b-09hkhtgivu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.admin-user__name[b-09hkhtgivu] {
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-user__role[b-09hkhtgivu] {
    font-size: 0.72rem;
    color: var(--obs-text-dim, #8a8a96);
}

/* ── Main column ──────────────────────────────────────────────────────────── */
.admin-main[b-09hkhtgivu] {
    flex: 1;
    margin-left: 248px;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.admin-topbar[b-09hkhtgivu] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 60px;
    padding: 0 24px;
    background: rgba(10, 10, 10, 0.82);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--obs-border, #26262e);
}

.admin-topbar__title[b-09hkhtgivu] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
}

.admin-topbar__spacer[b-09hkhtgivu] {
    flex: 1;
}

.admin-topbar__menu[b-09hkhtgivu] {
    display: none;
    background: none;
    border: 0;
    color: inherit;
    font-size: 1.1rem;
    cursor: pointer;
}

.admin-topbar__btn[b-09hkhtgivu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid var(--obs-border, #26262e);
    background: transparent;
    color: var(--obs-text, #e9e9ee);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
}

.admin-topbar__btn:hover[b-09hkhtgivu] {
    background: rgba(255, 255, 255, 0.05);
}

.admin-content[b-09hkhtgivu] {
    flex: 1;
    padding: 24px;
    max-width: 1400px;
    width: 100%;
}

.admin-scrim[b-09hkhtgivu] {
    display: none;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .admin-sidebar[b-09hkhtgivu] {
        transform: translateX(-100%);
        transition: transform 0.2s ease;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
    }

    .admin-sidebar.is-open[b-09hkhtgivu] {
        transform: translateX(0);
    }

    .admin-main[b-09hkhtgivu] {
        margin-left: 0;
    }

    .admin-topbar__menu[b-09hkhtgivu] {
        display: inline-flex;
    }

    .admin-scrim.is-open[b-09hkhtgivu] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 35;
    }

    .admin-content[b-09hkhtgivu] {
        padding: 16px;
    }
}
