/* _content/AdminGui/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-7pcuwuo2nl] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7pcuwuo2nl] {
    flex: 1;
    background-color: var(--tomahawk-dark, #0a0a0a);
    align-items: stretch;
}

.sidebar[b-7pcuwuo2nl] {
    background-color: var(--tomahawk-card, #111111);
    border-right: 1px solid var(--tomahawk-border, #1f1f1f);
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sidebar-wrapper[b-7pcuwuo2nl] {
    position: relative;
    flex-shrink: 0;
}

.top-row[b-7pcuwuo2nl] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7pcuwuo2nl]  a, .top-row[b-7pcuwuo2nl]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-7pcuwuo2nl]  a:hover, .top-row[b-7pcuwuo2nl]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-7pcuwuo2nl]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

/* Mobile menu toggle button */
.mobile-menu-toggle[b-7pcuwuo2nl] {
    display: none;
    position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 1001;
    width: 44px;
    height: 44px;
    background-color: var(--tomahawk-card, #111111);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 8px;
    cursor: pointer;
    padding: 10px;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: background-color var(--transition-fast, 150ms) ease;
}

.mobile-menu-toggle:hover[b-7pcuwuo2nl] {
    background-color: var(--gray-800, #1f2937);
}

.hamburger-line[b-7pcuwuo2nl] {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #E0E0E0;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.mobile-menu-toggle.open .hamburger-line:nth-child(1)[b-7pcuwuo2nl] {
    transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-toggle.open .hamburger-line:nth-child(2)[b-7pcuwuo2nl] {
    opacity: 0;
}

.mobile-menu-toggle.open .hamburger-line:nth-child(3)[b-7pcuwuo2nl] {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Mobile overlay */
.sidebar-overlay[b-7pcuwuo2nl] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

@media (max-width: 640.98px) {
    .top-row[b-7pcuwuo2nl] {
        justify-content: space-between;
    }

        .top-row[b-7pcuwuo2nl]  a, .top-row[b-7pcuwuo2nl]  .btn-link {
            margin-left: 0;
        }

    /* Show mobile menu toggle */
    .mobile-menu-toggle[b-7pcuwuo2nl] {
        display: flex;
    }

    /* Show overlay when sidebar is open */
    .sidebar-overlay[b-7pcuwuo2nl] {
        display: block;
    }

    /* Mobile sidebar - hidden by default, slides in from left */
    .sidebar[b-7pcuwuo2nl] {
        position: fixed;
        top: 0;
        left: 0;
        width: var(--sidebar-expanded, 264px);
        height: 100vh;
        transform: translateX(-100%);
        transition: transform var(--transition-normal, 300ms) ease;
        z-index: 1000;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.5);
    }

    .sidebar.open[b-7pcuwuo2nl] {
        transform: translateX(0);
    }

    /* Add padding to main content for the menu button */
    main[b-7pcuwuo2nl] {
        padding-top: 60px;
    }
}

@media (min-width: 641px) {
    .page[b-7pcuwuo2nl] {
        flex-direction: row;
    }

    .sidebar-wrapper[b-7pcuwuo2nl] {
        width: var(--sidebar-collapsed, 64px);
        min-width: var(--sidebar-collapsed, 64px);
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
        transition: width var(--transition-normal, 300ms) ease, min-width var(--transition-normal, 300ms) ease;
    }

    .sidebar-wrapper:hover[b-7pcuwuo2nl],
    .sidebar-wrapper.sidebar-locked[b-7pcuwuo2nl] {
        width: var(--sidebar-expanded, 264px);
        min-width: var(--sidebar-expanded, 264px);
    }

    .sidebar[b-7pcuwuo2nl] {
        width: 100%;
        height: 100%;
        overflow: hidden;
        container-type: inline-size;
        container-name: sidebar;
    }

    /* Lock button in sidebar header area */
    .sidebar-lock-btn[b-7pcuwuo2nl] {
        position: absolute;
        right: 12px;
        top: 20px;
        z-index: 10;
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: var(--gray-800, #1f2937);
        border: 1px solid var(--tomahawk-border, #1f1f1f);
        color: var(--gray-400, #9ca3af);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--transition-fast, 150ms) ease,
                    background-color var(--transition-fast, 150ms) ease,
                    border-color var(--transition-fast, 150ms) ease,
                    color var(--transition-fast, 150ms) ease;
        padding: 0;
        flex-shrink: 0;
    }

    .sidebar-lock-btn[b-7pcuwuo2nl]  .rzi {
        font-size: 14px;
    }

    .sidebar-wrapper:hover .sidebar-lock-btn[b-7pcuwuo2nl],
    .sidebar-wrapper.sidebar-locked .sidebar-lock-btn[b-7pcuwuo2nl] {
        opacity: 1;
        pointer-events: auto;
    }

    .sidebar-lock-btn:hover[b-7pcuwuo2nl] {
        background: var(--gray-700, #374151);
        color: var(--gray-200, #e5e7eb);
    }

    /* Purple highlight when locked */
    .sidebar-wrapper.sidebar-locked .sidebar-lock-btn[b-7pcuwuo2nl] {
        background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2));
        border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3));
        color: var(--tomahawk-purple-light, #a78bfa);
    }

    .sidebar-wrapper.sidebar-locked .sidebar-lock-btn:hover[b-7pcuwuo2nl] {
        background: rgba(139, 92, 246, 0.3);
    }

    .top-row[b-7pcuwuo2nl] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-7pcuwuo2nl]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-7pcuwuo2nl], article[b-7pcuwuo2nl] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-7pcuwuo2nl] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-7pcuwuo2nl] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.unauthed-page[b-7pcuwuo2nl] {
    position: relative;
    display: flex;
    flex-direction: column;
}
@media (min-width: 641px) {
    .unauthed-page[b-7pcuwuo2nl] {
        flex-direction: row;
    }

    .unauthed[b-7pcuwuo2nl] {
        width: 0px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
}
/* _content/AdminGui/Components/Layout/NavMenu.razor.rz.scp.css */
/* ================================ */
/* Layout                           */
/* ================================ */

.top-row[b-rkciwbpfbz] {
    height: 64px;
    background-color: transparent;
}

[b-rkciwbpfbz] .navbar-styling {
    background-color: transparent;
    border: none !important;
}

/* Flat nav specific - remove all borders and lines */
[b-rkciwbpfbz] .flat-nav {
    border: none !important;
    box-shadow: none !important;
}

[b-rkciwbpfbz] .flat-nav::before,
[b-rkciwbpfbz] .flat-nav::after {
    display: none !important;
}

/* Remove borders between multiple RadzenPanelMenu components in container */
.navbar-menu-container[b-rkciwbpfbz] {
    border: none !important;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.navbar-menu-container > *[b-rkciwbpfbz] {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.navbar-menu-container .rz-panel-menu[b-rkciwbpfbz] {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Target Radzen's internal border classes */
.navbar-menu-container [class*="border"][b-rkciwbpfbz],
.navbar-menu-container [class*="rz-border"][b-rkciwbpfbz] {
    border: none !important;
}

.navbar-menu-container[b-rkciwbpfbz]::-webkit-scrollbar {
    width: 5px;
}

.navbar-menu-container[b-rkciwbpfbz]::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
}

.navbar-menu-container[b-rkciwbpfbz]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.navbar-menu-container[b-rkciwbpfbz]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

[b-rkciwbpfbz] .nav-divider {
    height: 1px;
    background: var(--tomahawk-border, #1f1f1f);
    margin: 4px 16px;
}

/* Navigation Sections */
[b-rkciwbpfbz] .nav-section {
    padding: 4px 0;
}

[b-rkciwbpfbz] .nav-section-top {
    padding: 8px 0;
    margin-bottom: 4px;
}

[b-rkciwbpfbz] .nav-section-main {
    flex: 1;
    padding: 4px 0;
}

[b-rkciwbpfbz] .nav-section-bottom {
    padding: 8px 0;
    margin-top: auto;
}

/* Section Labels (like "Organization") */
[b-rkciwbpfbz] .nav-section-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--gray-500, #6b7280);
    padding: 12px 20px 6px 20px;
    margin-top: 8px;
    display: flex;
    align-items: center;
}

[b-rkciwbpfbz] .nav-section-label-text {
    display: block;
}

[b-rkciwbpfbz] .nav-section-label-line {
    display: none;
    height: 1px;
    background: var(--tomahawk-border, #1f1f1f);
    flex: 1;
    margin: 0 8px;
}

/* ================================ */
/* Sidebar Tabs (Admin/Customer)    */
/* ================================ */

.sidebar-tabs[b-rkciwbpfbz] {
    display: flex;
    gap: 4px;
    padding: 8px;
    border-bottom: 1px solid var(--tomahawk-border, #1f1f1f);
}

.sidebar-tab[b-rkciwbpfbz] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 4px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--gray-500, #6b7280);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 200ms ease;
    white-space: nowrap;
}

.sidebar-tab:hover[b-rkciwbpfbz] {
    background: var(--gray-800, #1f2937);
    color: var(--gray-300, #d1d5db);
}

.sidebar-tab-active[b-rkciwbpfbz] {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.15));
    color: var(--tomahawk-purple-light, #a78bfa);
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3));
}

.sidebar-tab-active:hover[b-rkciwbpfbz] {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2));
    color: var(--tomahawk-purple-light, #a78bfa);
}

/* ================================ */
/* Global Radzen Overrides          */
/* ================================ */

[b-rkciwbpfbz] .rz-panel-menu {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    margin-block-end: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-rkciwbpfbz] .rz-panel-menu::before,
[b-rkciwbpfbz] .rz-panel-menu::after {
    display: none !important;
}

/* Remove ALL borders from panel menu and navigation - very aggressive */
[b-rkciwbpfbz] .rz-panel-menu,
[b-rkciwbpfbz] .rz-panel-menu > *,
[b-rkciwbpfbz] .rz-navigation-menu,
[b-rkciwbpfbz] .rz-navigation-menu > *,
[b-rkciwbpfbz] .rz-navigation-item {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Target the first item which often has a top border */
[b-rkciwbpfbz] .rz-panel-menu .rz-navigation-item:first-child,
[b-rkciwbpfbz] .rz-panel-menu .rz-navigation-item:first-child > .rz-navigation-item-wrapper {
    border-top: none !important;
}

/* Target any potential hr or divider elements */
[b-rkciwbpfbz] .rz-panel-menu hr,
[b-rkciwbpfbz] .rz-navigation-menu hr {
    display: none !important;
}

/* Remove any separator/divider pseudo-elements */
[b-rkciwbpfbz] .rz-panel-menu > .rz-navigation-menu > .rz-navigation-item + .rz-navigation-item::before,
[b-rkciwbpfbz] .rz-navigation-menu > .rz-navigation-item::before,
[b-rkciwbpfbz] .rz-navigation-menu > .rz-navigation-item::after,
[b-rkciwbpfbz] .rz-navigation-item-wrapper::before,
[b-rkciwbpfbz] .rz-navigation-item-wrapper::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    height: 0 !important;
    border: none !important;
}

[b-rkciwbpfbz] .rz-navigation-menu {
    background: transparent;
    padding: 0;
    margin: 0;
    margin-block-end: 0 !important;
    overflow: visible !important;
}

[b-rkciwbpfbz] .rz-navigation-item {
    overflow: visible !important;
}

[b-rkciwbpfbz] .rz-navigation-item-wrapper {
    border: none;
    overflow: visible !important;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

[b-rkciwbpfbz] .rz-navigation-item-link {
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

[b-rkciwbpfbz] .rz-navigation-item-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

[b-rkciwbpfbz] .rz-navigation-item-text {
    letter-spacing: 0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    user-select: none;
    -webkit-user-select: none;
}

[b-rkciwbpfbz] .rz-navigation-item-wrapper:focus,
[b-rkciwbpfbz] .rz-navigation-item-wrapper:focus-visible,
[b-rkciwbpfbz] .rz-navigation-item-link:focus,
[b-rkciwbpfbz] .rz-navigation-item-link:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

[b-rkciwbpfbz] .rz-navigation-item-wrapper::before {
    visibility: hidden !important;
    display: none !important;
}

/* Disable ripple effect on navigation links */
[b-rkciwbpfbz] .rz-navigation-item-link::before,
[b-rkciwbpfbz] .rz-navigation-item-link::after {
    display: none !important;
}

[b-rkciwbpfbz] .rz-navigation-item-link {
    --rz-ripple-enabled: false;
}

[b-rkciwbpfbz] .rz-navigation-item-wrapper {
    position: relative;
    overflow: hidden;
}

/* ================================ */
/* Category Item (Admin Menus)      */
/* ================================ */

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper {
    border-radius: 8px !important;
    margin: 0 8px 4px 8px;
    transition: background-color 200ms ease, color 200ms ease;
    background: transparent;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid transparent;
    min-height: 40px;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper .rz-navigation-item-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-400, #9ca3af);
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: none;
    padding: 8px 12px;
    gap: 12px;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper:hover {
    box-shadow: none;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper-active,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper:has(.rz-navigation-item-link-active) {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2)) !important;
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3)) !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper-active .rz-navigation-item-link,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper .rz-navigation-item-link-active {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper-active .rz-navigation-item-icon,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper .rz-navigation-item-link-active .rz-navigation-item-icon {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item .rz-navigation-item-icon {
    width: 20px;
    height: 20px;
    opacity: 0.9;
    margin-right: 12px;
    font-size: 20px;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item .rz-navigation-item-icon-children {
    transition: transform var(--transition-normal, 300ms) ease;
    opacity: 0.6;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item.rz-state-expanded .rz-navigation-item-icon-children {
    transform: rotate(0deg);
}

[b-rkciwbpfbz] .rz-navigation-item.category-item:not(.rz-state-expanded) .rz-navigation-item-icon-children {
    transform: rotate(-90deg);
}

/* Category child items (level 2) */

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper {
    padding: 0 12px !important;
    border-radius: 8px !important;
    margin: 2px 8px;
    transition: background-color 200ms ease, color 200ms ease;
    position: relative;
    background: transparent;
    border: 1px solid transparent;
    min-height: 36px;
    display: flex;
    align-items: center;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper .rz-navigation-item-link {
    font-size: 13px;
    color: var(--gray-400, #9ca3af);
    text-transform: none;
    padding: 8px 0 !important;
    padding-inline-start: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper .rz-navigation-item-icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    flex-shrink: 0;
    margin: 0 !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper::before {
    display: none;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    color: var(--gray-200, #e5e7eb);
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2)) !important;
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3)) !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active .rz-navigation-item-link,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) .rz-navigation-item-link {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
    font-weight: 500;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active .rz-navigation-item-icon,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) .rz-navigation-item-icon {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active::before,
[b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active)::before {
    display: none !important;
}

/* Category section divider (horizontal line between groups) */
[b-rkciwbpfbz] .rz-navigation-item.category-section-divider {
    pointer-events: none !important;
    cursor: default !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-divider > .rz-navigation-item-wrapper {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 4px 16px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-divider > .rz-navigation-item-wrapper .rz-navigation-item-link {
    min-height: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    background: var(--tomahawk-border, #1f1f1f);
    pointer-events: none !important;
    cursor: default !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-divider > .rz-navigation-item-wrapper .rz-navigation-item-icon,
[b-rkciwbpfbz] .rz-navigation-item.category-section-divider > .rz-navigation-item-wrapper .rz-navigation-item-text,
[b-rkciwbpfbz] .rz-navigation-item.category-section-divider > .rz-navigation-item-wrapper .rz-navigation-item-icon-children,
[b-rkciwbpfbz] .rz-navigation-item.category-section-divider > .rz-navigation-item-wrapper::before {
    display: none !important;
}

/* Category section label (e.g. "Organization") */
[b-rkciwbpfbz] .rz-navigation-item.category-section-label {
    pointer-events: none !important;
    cursor: default !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 8px 8px 2px 8px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper .rz-navigation-item-link {
    min-height: 0 !important;
    padding: 4px 12px !important;
    pointer-events: none !important;
    cursor: default !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper .rz-navigation-item-text {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--gray-500, #6b7280) !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper .rz-navigation-item-icon,
[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper .rz-navigation-item-icon-children,
[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper::before {
    display: none !important;
}

[b-rkciwbpfbz] .rz-navigation-item.category-section-label > .rz-navigation-item-wrapper:hover {
    background: transparent !important;
}

/* ================================ */
/* Flat Nav (Active Org Menu)       */
/* ================================ */

/* Shared base: flat-nav-item & flat-nav-expandable wrapper */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper {
    padding: 0 12px !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    transition: background-color 200ms ease, color 200ms ease;
    position: relative;
    background: transparent;
    border: 1px solid transparent !important;
    min-height: 40px;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper .rz-navigation-item-link,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper > .rz-navigation-item-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-400, #9ca3af);
    text-transform: none;
    padding: 8px 0 !important;
    min-height: unset !important;
    line-height: 1.4;
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    width: 100%;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item .rz-navigation-item-icon,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper .rz-navigation-item-icon:not(.rz-navigation-item-icon-children) {
    font-size: 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    flex-shrink: 0;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper::before,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper::before {
    display: none;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:hover,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper:hover {
    background: var(--gray-800, #1f2937);
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:hover .rz-navigation-item-link,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    color: var(--gray-200, #e5e7eb);
}

/* Flat nav item active state */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper-active,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2)) !important;
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3)) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper-active .rz-navigation-item-link,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) .rz-navigation-item-link {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
    font-weight: 500;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper-active .rz-navigation-item-icon,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) .rz-navigation-item-icon {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper-active::before,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active)::before {
    display: none !important;
}

/* ================================ */
/* Flat Nav Expandable              */
/* ================================ */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper {
    pointer-events: none;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper > .rz-navigation-item-link {
    pointer-events: auto;
    cursor: pointer;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper .rz-navigation-item-link > * {
    pointer-events: none;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable .rz-navigation-item-icon-children {
    pointer-events: auto !important;
    cursor: pointer;
    padding: 4px;
    opacity: 0.6;
    transition: transform var(--transition-normal, 300ms) ease !important;
    transform: rotate(-90deg) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable .rz-navigation-item-icon-children[style*="180"] {
    transform: rotate(0deg) !important;
}

/* Expandable: parent active, no child active */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper-active,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2)) !important;
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3)) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper-active .rz-navigation-item-link,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) .rz-navigation-item-link {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
    font-weight: 500 !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper-active .rz-navigation-item-icon,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) .rz-navigation-item-icon {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper-active::before,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:not(:has(.rz-navigation-menu .rz-navigation-item-link-active)) > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active)::before {
    display: none !important;
}

/* Expandable: child active, dim the parent */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper-active:not(:has(> .rz-navigation-item-link-active)) {
    background: transparent !important;
    border-color: transparent !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper .rz-navigation-item-link,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper-active:not(:has(> .rz-navigation-item-link-active)) .rz-navigation-item-link {
    color: var(--gray-400, #9ca3af) !important;
    font-weight: normal !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper .rz-navigation-item-icon:not(.rz-navigation-item-icon-children),
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper .rz-navigation-item-icon-children {
    color: var(--gray-500, #6b7280) !important;
    opacity: 0.6 !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper::before,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper-active:not(:has(> .rz-navigation-item-link-active))::before {
    display: none !important;
}

/* Expandable children (game items) */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper {
    padding: 0 12px 0 40px !important;
    font-size: 13px;
    background: transparent !important;
    border-radius: 8px !important;
    margin: 2px 8px 2px 16px;
    transition: background-color 200ms ease, color 200ms ease;
    position: relative;
    border: 1px solid transparent;
    min-height: 34px;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper .rz-navigation-item-link {
    color: var(--gray-400, #9ca3af);
    font-size: 13px;
    text-transform: none;
    padding: 6px 0 !important;
    min-height: unset !important;
    line-height: 1.4;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper .rz-navigation-item-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper::before {
    display: none;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:hover {
    background: var(--gray-800, #1f2937) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    color: var(--gray-200, #e5e7eb);
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:has(.rz-navigation-item-link-active) {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2)) !important;
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3)) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active .rz-navigation-item-link,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper .rz-navigation-item-link-active {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active .rz-navigation-item-icon,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper .rz-navigation-item-link-active .rz-navigation-item-icon {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active::before,
[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:has(.rz-navigation-item-link-active)::before {
    display: none !important;
}

/* Expandable children: dim when parent link is active */

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(> .rz-navigation-item-wrapper > .rz-navigation-item-link-active) > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:not(:has(> .rz-navigation-item-link-active)) {
    background: transparent !important;
    border-color: transparent !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(> .rz-navigation-item-wrapper > .rz-navigation-item-link-active) > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:not(:has(> .rz-navigation-item-link-active)) .rz-navigation-item-link {
    color: var(--gray-400, #9ca3af) !important;
    font-weight: normal !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(> .rz-navigation-item-wrapper > .rz-navigation-item-link-active) > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:not(:has(> .rz-navigation-item-link-active)) .rz-navigation-item-icon {
    color: var(--gray-500, #6b7280) !important;
}

[b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(> .rz-navigation-item-wrapper > .rz-navigation-item-link-active) > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper:not(:has(> .rz-navigation-item-link-active))::before {
    display: none !important;
}

/* child-game-not-active: parent highlighted when no child game selected */

[b-rkciwbpfbz] .child-game-not-active > .rz-navigation-item-wrapper {
    background: var(--tomahawk-purple-glow, rgba(139, 92, 246, 0.2)) !important;
    border-color: var(--tomahawk-purple-border, rgba(139, 92, 246, 0.3)) !important;
}

[b-rkciwbpfbz] .child-game-not-active > .rz-navigation-item-wrapper .rz-navigation-item-link {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
    font-weight: 500 !important;
}

[b-rkciwbpfbz] .child-game-not-active > .rz-navigation-item-wrapper .rz-navigation-item-icon:not(.rz-navigation-item-icon-children),
[b-rkciwbpfbz] .child-game-not-active > .rz-navigation-item-wrapper .rz-navigation-item-icon-children {
    color: var(--tomahawk-purple-light, #a78bfa) !important;
    opacity: 1 !important;
}

[b-rkciwbpfbz] .child-game-not-active > .rz-navigation-item-wrapper::before {
    display: none !important;
}

/* ================================ */
/* User Profile Section             */
/* ================================ */

.user-profile-section[b-rkciwbpfbz] {
    width: 100%;
    border-top: 1px solid var(--tomahawk-border, #1f1f1f);
    border-left: none !important;
    background-color: transparent;
    position: relative;
    padding: 8px;
}

/* Profile trigger (avatar + name row) */
.profile-trigger[b-rkciwbpfbz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    transition: all 200ms ease;
    user-select: none;
    border-radius: 8px;
}

.profile-trigger:hover[b-rkciwbpfbz] {
    background: var(--gray-800, #1f2937);
}

/* Alert notification badge */
.alert-badge[b-rkciwbpfbz] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 0 0 2px var(--gray-900, #111827);
    animation: badge-pulse-b-rkciwbpfbz 2s ease-in-out infinite;
}

@keyframes badge-pulse-b-rkciwbpfbz {
    0%, 100% { box-shadow: 0 0 0 2px var(--gray-900, #111827); }
    50% { box-shadow: 0 0 0 2px var(--gray-900, #111827), 0 0 8px 2px rgba(239, 68, 68, 0.5); }
}

/* Alert History template text — match .rz-navigation-item-text behavior */
[b-rkciwbpfbz] .alert-history-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    user-select: none;
    -webkit-user-select: none;
    flex: 1;
}

/* Nav item alert dot — shown next to Alert History text */
[b-rkciwbpfbz] .alert-nav-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    margin-left: 6px;
    flex-shrink: 0;
    animation: nav-dot-pulse-b-rkciwbpfbz 2s ease-in-out infinite;
}

@keyframes nav-dot-pulse-b-rkciwbpfbz {
    0%, 100% { opacity: 1; box-shadow: none; }
    50% { opacity: 0.6; box-shadow: 0 0 6px 2px rgba(239, 68, 68, 0.4); }
}

/* Avatar - rounded square (not circle) */
.profile-avatar-circle[b-rkciwbpfbz] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--tomahawk-purple, #8b5cf6), #3b82f6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
}

/* Name + role text */
.profile-info[b-rkciwbpfbz] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.profile-name[b-rkciwbpfbz] {
    color: var(--gray-200, #e5e7eb);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-role[b-rkciwbpfbz] {
    color: var(--gray-500, #6b7280);
    font-size: 11px;
    white-space: nowrap;
}

.profile-popover-overlay[b-rkciwbpfbz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
}

/* Popover menu */
.profile-popover[b-rkciwbpfbz] {
    position: absolute;
    bottom: 100%;
    left: 8px;
    right: 8px;
    background: var(--gray-900, #111827);
    border: 1px solid var(--gray-700, #374151);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    padding: 4px;
    z-index: 100;
    margin-bottom: 8px;
}

.profile-popover-item[b-rkciwbpfbz] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--gray-200, #e5e7eb);
    font-size: 13px;
    cursor: pointer;
    transition: all 150ms ease;
    text-align: left;
}

.profile-popover-item:hover[b-rkciwbpfbz] {
    background: var(--gray-800, #1f2937);
    color: #fff;
}

[b-rkciwbpfbz] .profile-popover-item .rzi {
    font-size: 16px;
    opacity: 0.7;
}

.profile-popover-item.danger[b-rkciwbpfbz] {
    color: #f87171;
}

.profile-popover-item.danger:hover[b-rkciwbpfbz] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}

[b-rkciwbpfbz] .profile-popover-item.danger .rzi {
    color: #f87171;
}

.profile-popover-divider[b-rkciwbpfbz] {
    height: 1px;
    background: var(--gray-700, #374151);
    margin: 4px 8px;
}

/* ================================ */
/* Collapsed Sidebar (container Q)  */
/* Sidebar < 100px = collapsed      */
/* ================================ */

@container sidebar (max-width: 100px) {

    /* Logo: show icon, hide full banner */
    [b-rkciwbpfbz] .sidebar-logo-full {
        display: none !important;
    }

    [b-rkciwbpfbz] .sidebar-logo-icon {
        display: inline-block !important;
    }

    .top-row[b-rkciwbpfbz] {
        justify-content: center !important;
        padding: 0 !important;
    }

    [b-rkciwbpfbz] .top-row .d-flex {
        justify-content: center;
    }

    /* Sidebar tabs: icon-only when collapsed */
    .sidebar-tabs[b-rkciwbpfbz] {
        padding: 6px 4px !important;
        gap: 2px !important;
    }

    .sidebar-tab[b-rkciwbpfbz] {
        padding: 6px !important;
    }

    .sidebar-tab-text[b-rkciwbpfbz] {
        display: none !important;
    }

    /* Section label: show line, hide text when collapsed */
    [b-rkciwbpfbz] .nav-section-label {
        padding: 17px 8px !important;
        margin-top: 4px !important;
        margin-bottom: 2px !important;
    }

    [b-rkciwbpfbz] .nav-section-label-text {
        display: none !important;
    }

    [b-rkciwbpfbz] .nav-section-label-line {
        display: block !important;
        width: 100%;
        margin: 0 !important;
    }

    /* All wrappers: transparent, no borders — keep expanded padding so icons don't shift */
    [b-rkciwbpfbz] .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .rz-navigation-item-wrapper-active,
    [b-rkciwbpfbz] .rz-navigation-item-wrapper:hover,
    [b-rkciwbpfbz] .rz-navigation-item-wrapper:has(.rz-navigation-item-link-active) {
        background: transparent !important;
        border: none !important;
        border-left: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        min-height: 46px;
        display: flex !important;
        align-items: center !important;
        transition: none !important;
    }

    /* Category item wrappers */
    [b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper-active,
    [b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-item-wrapper:has(.rz-navigation-item-link-active) {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Category child items */
    [b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .rz-navigation-item.category-item > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Flat nav items */
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper-active,
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-item > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Flat nav expandable items */
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper-active,
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-item-wrapper:has(> .rz-navigation-item-link-active) {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    /* Expandable game children */
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable > .rz-navigation-menu > .rz-navigation-item > .rz-navigation-item-wrapper-active {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* child-game-not-active */
    [b-rkciwbpfbz] .child-game-not-active > .rz-navigation-item-wrapper {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Expandable: child-active dim parent */
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper,
    [b-rkciwbpfbz] .flat-nav .rz-navigation-item.flat-nav-expandable:has(.rz-navigation-menu .rz-navigation-item-link-active) > .rz-navigation-item-wrapper-active {
        background: transparent !important;
        border: none !important;
    }

    /* Profile section — collapsed */
    .profile-info[b-rkciwbpfbz] {
        display: none !important;
    }

    .profile-popover[b-rkciwbpfbz] {
        display: none !important;
    }

    .profile-popover-overlay[b-rkciwbpfbz] {
        display: none !important;
    }

    /* Nav links — keep left-aligned so icons don't shift during sidebar transition */
    [b-rkciwbpfbz] .rz-navigation-item-link,
    [b-rkciwbpfbz] .rz-navigation-item-link-active {
        display: flex !important;
        align-items: center !important;
        padding: 10px 0 !important;
        width: 100% !important;
    }

    /* Navigation items: keep expanded margins for consistent icon position */
    [b-rkciwbpfbz] .rz-navigation-item {
        padding: 0 !important;
    }

    /* ::before dots */
    [b-rkciwbpfbz] .rz-navigation-item-wrapper::before {
        display: none !important;
        visibility: hidden !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Hide child sub-menus - both nested menus and direct children of expandable items */
    [b-rkciwbpfbz] .rz-navigation-menu .rz-navigation-menu {
        display: none !important;
    }

    /* Also hide any nested menu directly inside expandable items */
    [b-rkciwbpfbz] .flat-nav-expandable > .rz-navigation-menu {
        display: none !important;
    }

    /* Hide text */
    [b-rkciwbpfbz] .rz-navigation-item-text {
        display: none !important;
    }

    /* Hide alert history template text in collapsed mode */
    [b-rkciwbpfbz] .alert-history-label {
        display: none !important;
    }

    /* Hide chevrons */
    [b-rkciwbpfbz] .rz-navigation-item-icon-children {
        display: none !important;
    }

    /* Alert notification dot on icon in collapsed sidebar */
    [b-rkciwbpfbz] .has-unseen-alerts .rz-navigation-item-icon {
        position: relative !important;
    }

    [b-rkciwbpfbz] .has-unseen-alerts .rz-navigation-item-icon::after {
        content: '';
        position: absolute;
        top: -3px;
        right: -3px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ef4444;
        box-shadow: 0 0 0 2px var(--gray-900, #111827);
        animation: nav-dot-pulse-b-rkciwbpfbz 2s ease-in-out infinite;
    }
}
/* _content/AdminGui/Components/Pages/ClientErrorDetailsPage.razor.rz.scp.css */
/* Client Error Details Page - Tomahawk Theme Redesign */

/* ============================================
   KEYFRAME ANIMATIONS
   ============================================ */

@keyframes ced-slide-up-anim-b-g15q0vswo0 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ced-fade-in-anim-b-g15q0vswo0 {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ced-icon-pulse-b-g15q0vswo0 {
    0%, 100% {
        box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
    }
    50% {
        box-shadow: 0 0 16px rgba(239, 68, 68, 0.5);
    }
}

@keyframes ced-invalid-border-pulse-b-g15q0vswo0 {
    0%, 100% {
        border-color: rgba(239, 68, 68, 0.25);
    }
    50% {
        border-color: rgba(239, 68, 68, 0.5);
    }
}

@keyframes ced-badge-pulse-b-g15q0vswo0 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* ============================================
   ENTRANCE ANIMATIONS
   ============================================ */

[b-g15q0vswo0] .ced-slide-up {
    animation: ced-slide-up-anim-b-g15q0vswo0 350ms ease-out both;
}

[b-g15q0vswo0] .ced-delay-0 { animation-delay: 0ms; }
[b-g15q0vswo0] .ced-delay-1 { animation-delay: 60ms; }
[b-g15q0vswo0] .ced-delay-2 { animation-delay: 120ms; }
[b-g15q0vswo0] .ced-delay-3 { animation-delay: 180ms; }
[b-g15q0vswo0] .ced-delay-4 { animation-delay: 240ms; }

/* ============================================
   ERROR TYPE SELECTOR
   ============================================ */

[b-g15q0vswo0] .ced-type-selector {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.03) 100%);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

[b-g15q0vswo0] .ced-type-selector .rz-selectbar .rz-button {
    border-radius: 20px !important;
    transition: all 0.25s ease;
}

[b-g15q0vswo0] .ced-type-selector .rz-selectbar .rz-state-active {
    background: rgba(139, 92, 246, 0.2) !important;
    border-color: rgba(139, 92, 246, 0.4) !important;
    box-shadow: 0 0 12px rgba(139, 92, 246, 0.2);
    color: #c4b5fd !important;
}

/* ============================================
   STATUS BANNER
   ============================================ */

[b-g15q0vswo0] .ced-status-banner {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(139, 92, 246, 0.06) 100%);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: relative;
}

[b-g15q0vswo0] .ced-status-banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #ef4444, #8b5cf6);
    border-radius: 10px 0 0 10px;
}

[b-g15q0vswo0] .ced-status-banner-left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

[b-g15q0vswo0] .ced-status-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.15);
    animation: ced-icon-pulse-b-g15q0vswo0 2.5s ease-in-out infinite;
    flex-shrink: 0;
}

[b-g15q0vswo0] .ced-status-text {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

[b-g15q0vswo0] .ced-status-banner-title {
    color: #fca5a5;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

[b-g15q0vswo0] .ced-status-banner-subtitle {
    color: rgba(252, 165, 165, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
}

[b-g15q0vswo0] .ced-status-banner-timestamp {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #fca5a5;
    padding: 0.3rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s ease;
}

[b-g15q0vswo0] .ced-status-banner-timestamp:hover {
    background: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.4);
}

/* ============================================
   SECTION CARDS
   ============================================ */

[b-g15q0vswo0] .ced-section {
    background: linear-gradient(135deg, var(--tomahawk-card, #111111) 0%, rgba(17, 17, 17, 0.95) 100%);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    transition: border-color 0.25s ease;
}

[b-g15q0vswo0] .ced-section:hover {
    border-color: rgba(139, 92, 246, 0.15);
}

[b-g15q0vswo0] .ced-section-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--tomahawk-border, #1f1f1f);
}

[b-g15q0vswo0] .ced-section-title {
    color: #e5e7eb;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

/* ============================================
   INFO GRID
   ============================================ */

[b-g15q0vswo0] .ced-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

[b-g15q0vswo0] .ced-info-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 8px;
    padding: 0.85rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

[b-g15q0vswo0] .ced-info-item:hover {
    transform: translateY(-1px);
    border-color: rgba(139, 92, 246, 0.15);
    background: rgba(255, 255, 255, 0.04);
}

[b-g15q0vswo0] .ced-info-item--primary {
    border-left: 3px solid rgba(139, 92, 246, 0.4);
}

[b-g15q0vswo0] .ced-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(139, 92, 246, 0.08);
    flex-shrink: 0;
}

[b-g15q0vswo0] .ced-info-icon .rz-icon {
    font-size: 1rem !important;
    color: var(--tomahawk-purple, #8b5cf6) !important;
}

[b-g15q0vswo0] .ced-info-content {
    flex: 1;
    min-width: 0;
}

[b-g15q0vswo0] .ced-info-label {
    color: var(--gray-400, #9ca3af);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 0.35rem;
}

[b-g15q0vswo0] .ced-info-value {
    color: #e5e7eb;
    font-size: 0.85rem;
    font-weight: 500;
    word-break: break-all;
}

[b-g15q0vswo0] .ced-info-value-mono {
    color: #e5e7eb;
    font-size: 0.8rem;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    word-break: break-all;
}

/* ============================================
   SECURITY OVERVIEW
   ============================================ */

[b-g15q0vswo0] .ced-security-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

[b-g15q0vswo0] .ced-security-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    transition: all 0.25s ease;
    position: relative;
}

[b-g15q0vswo0] .ced-security-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--tomahawk-purple, #8b5cf6);
    border-radius: 0 0 2px 2px;
    transition: width 0.3s ease;
}

[b-g15q0vswo0] .ced-security-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    border-color: rgba(139, 92, 246, 0.2);
}

[b-g15q0vswo0] .ced-security-item:hover::before {
    width: 40px;
}

[b-g15q0vswo0] .ced-security-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin-bottom: 0.5rem;
}

[b-g15q0vswo0] .ced-security-icon--integrity {
    background: rgba(251, 191, 36, 0.12);
}

[b-g15q0vswo0] .ced-security-icon--integrity .rz-icon {
    color: #fbbf24 !important;
}

[b-g15q0vswo0] .ced-security-icon--device {
    background: rgba(96, 165, 250, 0.12);
}

[b-g15q0vswo0] .ced-security-icon--device .rz-icon {
    color: #60a5fa !important;
}

[b-g15q0vswo0] .ced-security-icon--nonce {
    background: rgba(139, 92, 246, 0.12);
}

[b-g15q0vswo0] .ced-security-icon--nonce .rz-icon {
    color: #8b5cf6 !important;
}

[b-g15q0vswo0] .ced-security-label {
    color: var(--gray-400, #9ca3af);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* ============================================
   TABS
   ============================================ */

[b-g15q0vswo0] .ced-tabs .rz-tabview-nav {
    border-bottom: 1px solid var(--tomahawk-border, #1f1f1f);
    background: transparent;
}

[b-g15q0vswo0] .ced-tabs .rz-tabview-nav li .rz-tabview-nav-link {
    transition: all 0.2s ease;
    border-bottom: 2px solid transparent;
}

[b-g15q0vswo0] .ced-tabs .rz-tabview-nav li.rz-tabview-selected .rz-tabview-nav-link {
    border-bottom-color: var(--tomahawk-purple, #8b5cf6);
    background: rgba(139, 92, 246, 0.05);
}

[b-g15q0vswo0] .ced-tabs .rz-tabview-nav li .rz-tabview-nav-link:hover {
    background: rgba(139, 92, 246, 0.03);
}

[b-g15q0vswo0] .ced-tabs .rz-tabview-panel {
    animation: ced-fade-in-anim-b-g15q0vswo0 250ms ease-out both;
}

/* ============================================
   TOKEN/CODE BLOCKS
   ============================================ */

[b-g15q0vswo0] .ced-token-block {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 8px;
    padding: 1rem;
    padding-left: 1.25rem;
    max-height: 280px;
    overflow: auto;
    position: relative;
    transition: border-color 0.2s ease;
}

[b-g15q0vswo0] .ced-token-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, var(--tomahawk-purple, #8b5cf6), rgba(139, 92, 246, 0.3));
    border-radius: 8px 0 0 8px;
}

[b-g15q0vswo0] .ced-token-block:hover {
    border-color: rgba(139, 92, 246, 0.15);
}

[b-g15q0vswo0] .ced-token-block pre {
    margin: 0;
    color: #d1d5db;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.8rem;
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.6;
}

[b-g15q0vswo0] .ced-token-block::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-g15q0vswo0] .ced-token-block::-webkit-scrollbar-track {
    background: transparent;
}

[b-g15q0vswo0] .ced-token-block::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

[b-g15q0vswo0] .ced-token-block::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ============================================
   JWT SECTION LABELS
   ============================================ */

[b-g15q0vswo0] .ced-jwt-section-label {
    color: var(--tomahawk-purple-light, #a78bfa);
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-g15q0vswo0] .ced-jwt-section-label::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tomahawk-purple, #8b5cf6);
    flex-shrink: 0;
}

/* ============================================
   HASH TABLE & BADGES
   ============================================ */

[b-g15q0vswo0] .ced-section .rz-datatable thead th {
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

[b-g15q0vswo0] .ced-section .rz-datatable tbody tr {
    transition: background 0.15s ease;
}

[b-g15q0vswo0] .ced-section .rz-datatable tbody tr:hover {
    background: rgba(139, 92, 246, 0.04) !important;
}

[b-g15q0vswo0] .ced-hash-valid {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.25);
    color: #4ade80;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

[b-g15q0vswo0] .ced-hash-invalid {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #f87171;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    animation: ced-badge-pulse-b-g15q0vswo0 2s ease-in-out infinite;
}

[b-g15q0vswo0] .ced-hash-summary {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fca5a5;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.75rem 1rem;
    margin-top: 0.75rem;
    background: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 8px;
}

/* ============================================
   NONCE MATCH INDICATORS
   ============================================ */

[b-g15q0vswo0] .ced-nonce-match {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

[b-g15q0vswo0] .ced-nonce-match.valid {
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.25);
    color: #4ade80;
}

[b-g15q0vswo0] .ced-nonce-match.valid:hover {
    background: rgba(74, 222, 128, 0.15);
}

[b-g15q0vswo0] .ced-nonce-match.invalid {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #f87171;
    animation: ced-invalid-border-pulse-b-g15q0vswo0 2s ease-in-out infinite;
}

/* ============================================
   HTTP METHOD BADGES
   ============================================ */

[b-g15q0vswo0] .ced-method-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
}

[b-g15q0vswo0] .ced-method-badge.success {
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.25);
    color: #4ade80;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.15);
}

[b-g15q0vswo0] .ced-method-badge.error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #f87171;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.15);
}

/* ============================================
   EXCEPTION MESSAGE
   ============================================ */

[b-g15q0vswo0] .ced-exception-message {
    background: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-left: 3px solid #ef4444;
    border-radius: 0 8px 8px 0;
    padding: 1rem;
    color: #fca5a5;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.85rem;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.5;
}

/* ============================================
   COPY BUTTONS
   ============================================ */

[b-g15q0vswo0] .ced-copy-btn {
    background: rgba(139, 92, 246, 0.1) !important;
    border: 1px solid rgba(139, 92, 246, 0.25) !important;
    color: #a78bfa !important;
    font-size: 0.75rem !important;
    transition: all 0.2s ease !important;
}

[b-g15q0vswo0] .ced-copy-btn:hover {
    background: rgba(139, 92, 246, 0.2) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.25);
    border-color: rgba(139, 92, 246, 0.4) !important;
}

[b-g15q0vswo0] .ced-copy-btn:active {
    transform: translateY(0px);
    box-shadow: none;
}

/* ============================================
   ACTION BAR
   ============================================ */

[b-g15q0vswo0] .ced-action-bar {
    margin-top: 0.5rem;
}

[b-g15q0vswo0] .ced-action-bar-inner {
    background: linear-gradient(135deg, var(--tomahawk-card, #111111) 0%, rgba(17, 17, 17, 0.95) 100%);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

[b-g15q0vswo0] .ced-action-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--gray-400, #9ca3af);
    font-size: 0.8rem;
}

[b-g15q0vswo0] .ced-action-buttons {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ============================================
   EMPTY STATE
   ============================================ */

[b-g15q0vswo0] .ced-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    gap: 0.75rem;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
    [b-g15q0vswo0] .ced-info-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    [b-g15q0vswo0] .ced-security-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    [b-g15q0vswo0] .ced-status-banner {
        flex-direction: column;
        align-items: flex-start;
    }

    [b-g15q0vswo0] .ced-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    [b-g15q0vswo0] .ced-security-grid {
        grid-template-columns: 1fr;
    }

    [b-g15q0vswo0] .ced-action-bar-inner {
        flex-direction: column;
        align-items: stretch;
    }

    [b-g15q0vswo0] .ced-action-info {
        justify-content: center;
        text-align: center;
    }

    [b-g15q0vswo0] .ced-action-buttons {
        justify-content: center;
    }

    [b-g15q0vswo0] .ced-tabs .rz-tabview-nav li .rz-tabview-nav-link {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }
}

@media (max-width: 480px) {
    [b-g15q0vswo0] .ced-info-grid {
        grid-template-columns: 1fr;
    }

    [b-g15q0vswo0] .ced-action-buttons {
        flex-direction: column;
        width: 100%;
    }

    [b-g15q0vswo0] .ced-action-buttons .rz-button {
        width: 100%;
        justify-content: center;
    }
}
/* _content/AdminGui/Components/Pages/UserManagement.razor.rz.scp.css */
/* Tab Switcher */
.um-tabs[b-f1ptfjjbuh] {
    display: flex;
    gap: 4px;
    padding: 4px;
    background-color: rgba(17, 17, 17, 0.8);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 8px;
    width: fit-content;
    margin-bottom: 1rem;
}

.um-tab[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--gray-400, #9ca3af);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 200ms ease;
}

.um-tab:hover[b-f1ptfjjbuh] {
    color: var(--gray-200, #e5e7eb);
}

.um-tab-active[b-f1ptfjjbuh] {
    background-color: var(--tomahawk-purple, #8b5cf6);
    color: #FFFFFF;
}

.um-tab-badge[b-f1ptfjjbuh] {
    font-size: 0.65rem;
    padding: 1px 6px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* Header Row - 50/50 Split */
.um-header-row[b-f1ptfjjbuh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Search Section */
.um-search-section[b-f1ptfjjbuh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: linear-gradient(135deg, rgba(17, 17, 17, 0.6) 0%, rgba(26, 26, 26, 0.4) 100%);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 12px;
    padding: 0.75rem;
}

.um-search-box[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: rgba(31, 41, 55, 0.5);
    border: 1px solid var(--gray-700, #374151);
    border-radius: 8px;
    padding: 0.35rem 0.75rem;
}

.um-filter-row[b-f1ptfjjbuh] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    align-items: center;
}

.um-ip-search[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background-color: rgba(31, 41, 55, 0.3);
    border: 1px solid var(--gray-800, #1f2937);
    border-radius: 6px;
    padding: 0.25rem 0.5rem;
}

.um-clear-btn[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0.3rem 0.6rem;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    color: #f87171;
    font-size: 0.7rem;
    cursor: pointer;
    transition: all 150ms ease;
}

.um-clear-btn:hover[b-f1ptfjjbuh] {
    background: rgba(239, 68, 68, 0.25);
}

/* Filter Dropdown Styling - auto-size based on content */
[b-f1ptfjjbuh] .um-filter-dropdown {
    min-width: fit-content !important;
    width: auto !important;
    background-color: rgba(31, 41, 55, 0.8) !important;
    border: 1px solid var(--gray-700, #374151) !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    color: #e5e7eb !important;
    padding-right: 0.25rem !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-label {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.75rem !important;
    color: #e5e7eb !important;
    white-space: nowrap !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-trigger {
    padding: 0 0.5rem !important;
    display: flex !important;
    align-items: center !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-panel {
    background-color: #1f2937 !important;
    border: 1px solid var(--gray-600, #4b5563) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    min-width: 100% !important;
    width: max-content !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-item {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.75rem !important;
    color: #e5e7eb !important;
    white-space: nowrap !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-item:hover {
    background-color: rgba(139, 92, 246, 0.2) !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-item.rz-state-highlight {
    background-color: rgba(139, 92, 246, 0.3) !important;
    color: #a78bfa !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-chkbox-box {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-chkbox-box.rz-state-active {
    background-color: var(--tomahawk-purple) !important;
    border-color: var(--tomahawk-purple) !important;
}

/* Scrollbar styling */
[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-items-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #4b5563 #1f2937;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-items-wrapper::-webkit-scrollbar {
    width: 4px;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-items-wrapper::-webkit-scrollbar-track {
    background: #1f2937;
}

[b-f1ptfjjbuh] .um-filter-dropdown .rz-dropdown-items-wrapper::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-radius: 4px;
}

/* Page Size Dropdown */
[b-f1ptfjjbuh] .um-page-dropdown {
    width: 75px !important;
    min-width: 75px !important;
    background-color: rgba(31, 41, 55, 0.8) !important;
    border: 1px solid var(--gray-700, #374151) !important;
    border-radius: 6px !important;
}

[b-f1ptfjjbuh] .um-page-dropdown .rz-dropdown-label {
    padding: 0.3rem 0.5rem !important;
    font-size: 0.8rem !important;
    color: #e5e7eb !important;
}

[b-f1ptfjjbuh] .um-page-dropdown .rz-dropdown-panel {
    background-color: #1f2937 !important;
    border: 1px solid var(--gray-600, #4b5563) !important;
    border-radius: 6px !important;
    min-width: 75px !important;
}

[b-f1ptfjjbuh] .um-page-dropdown .rz-dropdown-item {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.8rem !important;
    color: #e5e7eb !important;
}

/* Stats Section - 2x2 Grid */
.um-stats-section[b-f1ptfjjbuh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.um-stat-card[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, rgba(17, 17, 17, 0.8) 0%, rgba(26, 26, 26, 0.6) 100%);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 10px;
    transition: all 200ms ease;
}

.um-stat-card:hover[b-f1ptfjjbuh] {
    border-color: var(--gray-700, #374151);
    transform: translateY(-1px);
}

.um-stat-icon[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
}

.um-stat-icon[b-f1ptfjjbuh]  .rzi {
    font-size: 1.1rem;
}

.um-stat-blue .um-stat-icon[b-f1ptfjjbuh] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.um-stat-green .um-stat-icon[b-f1ptfjjbuh] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

.um-stat-yellow .um-stat-icon[b-f1ptfjjbuh] {
    background: rgba(234, 179, 8, 0.15);
    color: #facc15;
}

.um-stat-red .um-stat-icon[b-f1ptfjjbuh] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.um-stat-info[b-f1ptfjjbuh] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.um-stat-value[b-f1ptfjjbuh] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2;
}

.um-stat-label[b-f1ptfjjbuh] {
    font-size: 0.65rem;
    color: var(--gray-400, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Status Badges */
.um-badge[b-f1ptfjjbuh] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    font-size: 0.65rem;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.um-badge-green[b-f1ptfjjbuh] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.um-badge-yellow[b-f1ptfjjbuh] {
    background: rgba(234, 179, 8, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(234, 179, 8, 0.3);
}

.um-badge-orange[b-f1ptfjjbuh] {
    background: rgba(249, 115, 22, 0.15);
    color: #fb923c;
    border: 1px solid rgba(249, 115, 22, 0.3);
}

.um-badge-red[b-f1ptfjjbuh] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.um-badge-pink[b-f1ptfjjbuh] {
    background: rgba(236, 72, 153, 0.15);
    color: #f472b6;
    border: 1px solid rgba(236, 72, 153, 0.3);
}

.um-badge-neutral[b-f1ptfjjbuh] {
    background: rgba(107, 114, 128, 0.15);
    color: #9ca3af;
    border: 1px solid rgba(107, 114, 128, 0.3);
}

.um-badge-denied-sm[b-f1ptfjjbuh] {
    display: inline-block;
    width: fit-content;
    padding: 0.2rem 0.5rem;
    font-size: 0.65rem;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: rgba(244, 67, 54, 0.2);
    color: #ff5252;
    border: 1px solid rgba(244, 67, 54, 0.4);
    box-shadow: 0 0 6px rgba(244, 67, 54, 0.3);
}

.um-denied-section[b-f1ptfjjbuh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
}

.um-denied-timestamp[b-f1ptfjjbuh] {
    font-size: 0.6rem;
    color: var(--gray-400, #9ca3af);
}

/* Integrity Status Cell */
.um-integrity-cell[b-f1ptfjjbuh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.um-integrity-row[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.um-integrity-label[b-f1ptfjjbuh] {
    font-size: 0.65rem;
    color: var(--gray-500, #6b7280);
    min-width: 42px;
}

/* Severity Badges */
.um-severity-badge[b-f1ptfjjbuh] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.65rem;
    font-weight: 500;
    border-radius: 4px;
    text-transform: capitalize;
}

.um-severity-clean[b-f1ptfjjbuh] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.um-severity-low[b-f1ptfjjbuh] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.um-severity-moderate[b-f1ptfjjbuh] {
    background: rgba(234, 179, 8, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(234, 179, 8, 0.3);
}

.um-severity-high[b-f1ptfjjbuh] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Current Flags Cell */
.um-flags-cell[b-f1ptfjjbuh] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.um-flag-badge[b-f1ptfjjbuh] {
    display: inline-block;
    padding: 2px 6px;
    font-size: 0.6rem;
    font-weight: 500;
    border-radius: 4px;
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.3);
    white-space: nowrap;
}

.um-flag-more[b-f1ptfjjbuh] {
    font-size: 0.6rem;
    color: var(--gray-400, #9ca3af);
    font-weight: 500;
}

/* System Flag Badges */
.um-sysflag-role[b-f1ptfjjbuh] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.um-sysflag-whitelist[b-f1ptfjjbuh] {
    background: rgba(255, 255, 255, 0.08);
    color: #d1d5db;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.um-sysflag-vric[b-f1ptfjjbuh] {
    background: rgba(236, 72, 153, 0.15);
    color: #f472b6;
    border: 1px solid rgba(236, 72, 153, 0.3);
}

.um-sysflag-staff[b-f1ptfjjbuh] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

/* Skeleton Loading */
.um-skeleton-table[b-f1ptfjjbuh] {
    background-color: rgba(17, 17, 17, 0.5);
    border: 1px solid var(--tomahawk-border, #1f1f1f);
    border-radius: 8px;
    overflow: hidden;
}

.um-skeleton-header[b-f1ptfjjbuh] {
    display: flex;
    background-color: rgba(26, 26, 26, 0.8);
    border-bottom: 1px solid var(--tomahawk-border, #1f1f1f);
    padding: 0.75rem;
}

.um-skeleton-row[b-f1ptfjjbuh] {
    display: flex;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(31, 31, 31, 0.5);
}

.um-skeleton-cell[b-f1ptfjjbuh] {
    padding: 0 0.5rem;
}

.um-skeleton-cell .skeleton-pulse[b-f1ptfjjbuh] {
    height: 14px;
    background: linear-gradient(90deg, #1f1f1f 25%, #2a2a2a 50%, #1f1f1f 75%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-f1ptfjjbuh 1.5s infinite;
    border-radius: 4px;
}

@keyframes skeleton-loading-b-f1ptfjjbuh {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* DataGrid */
.um-grid[b-f1ptfjjbuh] {
    background: transparent !important;
    border: 1px solid var(--tomahawk-border, #1f1f1f) !important;
    border-radius: 8px !important;
}

[b-f1ptfjjbuh] .um-grid .rz-data-grid-data {
    background: transparent !important;
}

[b-f1ptfjjbuh] .um-grid .rz-grid-table {
    background: transparent !important;
}

[b-f1ptfjjbuh] .um-grid thead > tr > th {
    background: #111111 !important;
    border-bottom: 1px solid var(--tomahawk-border, #1f1f1f) !important;
    color: var(--gray-400, #9ca3af) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    padding: 0.6rem 0.75rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-f1ptfjjbuh] .um-grid tbody > tr {
    background: transparent !important;
    border-bottom: 1px solid rgba(31, 31, 31, 0.5) !important;
    transition: background 150ms ease;
}

[b-f1ptfjjbuh] .um-grid tbody > tr:hover {
    background: rgba(31, 41, 55, 0.3) !important;
}

[b-f1ptfjjbuh] .um-grid tbody > tr > td {
    padding: 0.5rem 0.75rem !important;
    color: var(--gray-300, #d1d5db) !important;
    font-size: 0.8rem !important;
    border: none !important;
}

/* Responsive */
@media (max-width: 1200px) {
    .um-header-row[b-f1ptfjjbuh] {
        grid-template-columns: 1fr;
    }

    .um-stats-section[b-f1ptfjjbuh] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .um-tabs[b-f1ptfjjbuh] {
        width: 100%;
    }

    .um-tab[b-f1ptfjjbuh] {
        flex: 1;
        justify-content: center;
    }

    .um-filter-row[b-f1ptfjjbuh] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-f1ptfjjbuh] .um-filter-dropdown {
        max-width: none !important;
        width: 100% !important;
    }

    .um-stats-section[b-f1ptfjjbuh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Infinite Scroll Container */
.um-scroll-container[b-f1ptfjjbuh] {
    height: calc(100vh - 380px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #4b5563 transparent;
}

.um-scroll-container[b-f1ptfjjbuh]::-webkit-scrollbar {
    width: 6px;
}

.um-scroll-container[b-f1ptfjjbuh]::-webkit-scrollbar-track {
    background: transparent;
}

.um-scroll-container[b-f1ptfjjbuh]::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-radius: 3px;
}

.um-scroll-container[b-f1ptfjjbuh]::-webkit-scrollbar-thumb:hover {
    background-color: #6b7280;
}

/* Loading More Indicator */
.um-loading-more[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--gray-400, #9ca3af);
    font-size: 0.85rem;
}

.um-loading-spinner[b-f1ptfjjbuh] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(139, 92, 246, 0.3);
    border-top-color: var(--tomahawk-purple, #8b5cf6);
    border-radius: 50%;
    animation: um-spin-b-f1ptfjjbuh 0.8s linear infinite;
}

@keyframes um-spin-b-f1ptfjjbuh {
    to { transform: rotate(360deg); }
}

/* End of List Indicator */
.um-end-of-list[b-f1ptfjjbuh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    color: var(--gray-500, #6b7280);
    font-size: 0.8rem;
}
/* _content/AdminGui/Components/Pages/Whitelist.razor.rz.scp.css */
/* ==========================================================================
   Whitelist Page Styles
   ========================================================================== */

.wl-container[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Info Banner */
.wl-info-banner[b-ci6rd3dl45] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 10px;
}

.wl-info-text[b-ci6rd3dl45] {
    font-size: 0.875rem;
    color: #9ca3af;
    line-height: 1.5;
}

.wl-info-text strong[b-ci6rd3dl45] {
    color: #e5e7eb;
}

/* Section Titles */
.wl-section-title[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0 0 1rem 0;
}

.wl-count-badge[b-ci6rd3dl45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 0.5rem;
    background: rgba(139, 92, 246, 0.2);
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #a78bfa;
}

/* Search Section */
.wl-search-section[b-ci6rd3dl45] {
    background: #111111;
    border: 1px solid #1f1f1f;
    border-radius: 12px;
    padding: 1.25rem;
}

.wl-search-box[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    transition: border-color 0.2s ease;
}

.wl-search-box:focus-within[b-ci6rd3dl45] {
    border-color: #8b5cf6;
}

.wl-search-loading[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #9ca3af;
    font-size: 0.875rem;
}

.wl-no-results[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem;
    color: #6b7280;
    font-size: 0.875rem;
}

/* Search Results */
.wl-search-results[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
    max-height: 400px;
    overflow-y: auto;
}

.wl-user-card[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.wl-user-card:hover[b-ci6rd3dl45] {
    border-color: #3a3a3a;
    background: #1f1f1f;
}

.wl-user-card.wl-user-whitelisted[b-ci6rd3dl45] {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.2);
}

.wl-user-info[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.wl-user-avatar[b-ci6rd3dl45] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #8b5cf6, #6366f1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    color: white;
}

.wl-user-details[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.wl-user-name[b-ci6rd3dl45] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #e5e7eb;
}

.wl-user-id[b-ci6rd3dl45] {
    font-size: 0.75rem;
    color: #6b7280;
    font-family: monospace;
}

.wl-whitelisted-badge[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    background: rgba(16, 185, 129, 0.15);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #34d399;
}

.wl-user-actions[b-ci6rd3dl45] {
    display: flex;
    gap: 0.5rem;
}

/* Active Whitelists Section */
.wl-active-section[b-ci6rd3dl45] {
    background: #111111;
    border: 1px solid #1f1f1f;
    border-radius: 12px;
    padding: 1.25rem;
}

.wl-loading[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem;
    color: #9ca3af;
}

.wl-empty-state[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 3rem;
    text-align: center;
}

.wl-empty-title[b-ci6rd3dl45] {
    font-size: 1rem;
    font-weight: 500;
    color: #9ca3af;
}

.wl-empty-desc[b-ci6rd3dl45] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Whitelist Grid */
.wl-whitelist-grid[b-ci6rd3dl45] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 0.75rem;
}

.wl-whitelist-card[b-ci6rd3dl45] {
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 1rem;
    transition: border-color 0.2s ease;
}

.wl-whitelist-card:hover[b-ci6rd3dl45] {
    border-color: rgba(16, 185, 129, 0.3);
}

.wl-whitelist-header[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.wl-whitelist-avatar[b-ci6rd3dl45] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #10b981, #059669);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.wl-whitelist-info[b-ci6rd3dl45] {
    flex: 1;
    min-width: 0;
}

.wl-whitelist-name[b-ci6rd3dl45] {
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #e5e7eb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wl-whitelist-id[b-ci6rd3dl45] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    font-family: monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wl-whitelist-details[b-ci6rd3dl45] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #2a2a2a;
}

.wl-whitelist-reason[b-ci6rd3dl45] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #9ca3af;
    line-height: 1.4;
}

.wl-whitelist-meta[b-ci6rd3dl45] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.wl-meta-item[b-ci6rd3dl45] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #6b7280;
}

/* Scrollbar */
.wl-search-results[b-ci6rd3dl45]::-webkit-scrollbar {
    width: 6px;
}

.wl-search-results[b-ci6rd3dl45]::-webkit-scrollbar-track {
    background: transparent;
}

.wl-search-results[b-ci6rd3dl45]::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 3px;
}

/* Responsive */
@media (max-width: 768px) {
    .wl-whitelist-grid[b-ci6rd3dl45] {
        grid-template-columns: 1fr;
    }

    .wl-user-card[b-ci6rd3dl45] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .wl-user-actions[b-ci6rd3dl45] {
        width: 100%;
    }

    .wl-user-actions[b-ci6rd3dl45]  .rz-button {
        flex: 1;
    }
}
/* _content/AdminGui/Components/Pages/WikiIndexPage.razor.rz.scp.css */
/* ==========================================================================
   Documentation Page - Modern Purple Theme
   ========================================================================== */

/* --------------------------------------------------------------------------
   Design Tokens
   -------------------------------------------------------------------------- */
.doc-page[b-z4nx3lxx7f] {
    --doc-bg: #0a0a0a;
    --doc-surface: #111111;
    --doc-surface-2: #1f1f1f;
    --doc-border: #1f1f1f;
    --doc-border-hover: #333333;
    --doc-purple: #8b5cf6;
    --doc-purple-light: #a78bfa;
    --doc-purple-bg: rgba(139, 92, 246, 0.15);
    --doc-purple-border: rgba(139, 92, 246, 0.3);
    --doc-text: #ffffff;
    --doc-text-muted: #9ca3af;
    --doc-text-secondary: #6b7280;
    --doc-blue: #3b82f6;

    min-height: 100vh;
    background-color: var(--doc-bg);
    padding: 1.5rem;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.doc-header[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.doc-header-left[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.doc-header-icon[b-z4nx3lxx7f] {
    color: var(--doc-purple);
}

.doc-header-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 2rem;
}

.doc-header-text[b-z4nx3lxx7f] {
    display: flex;
    flex-direction: column;
}

.doc-title[b-z4nx3lxx7f] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--doc-text);
    margin: 0;
    line-height: 1.2;
}

.doc-subtitle[b-z4nx3lxx7f] {
    font-size: 0.875rem;
    color: var(--doc-text-muted);
    margin: 0.125rem 0 0 0;
}

/* --------------------------------------------------------------------------
   Tabs
   -------------------------------------------------------------------------- */
.doc-tabs[b-z4nx3lxx7f] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.doc-tab[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 200ms ease;
    background: var(--doc-surface-2);
    color: var(--doc-text-muted);
}

.doc-tab:hover[b-z4nx3lxx7f] {
    color: var(--doc-text);
}

.doc-tab-active[b-z4nx3lxx7f] {
    background: var(--doc-purple);
    color: var(--doc-text);
    box-shadow: 0 0 12px var(--doc-purple-bg), 0 0 4px var(--doc-purple);
}

/* --------------------------------------------------------------------------
   Search
   -------------------------------------------------------------------------- */
.doc-search-container[b-z4nx3lxx7f] {
    position: relative;
    max-width: 100%;
    margin-bottom: 1rem;
}

.doc-search-icon[b-z4nx3lxx7f] {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--doc-text-secondary);
    pointer-events: none;
}

.doc-search-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 1.25rem;
}

.doc-search-input[b-z4nx3lxx7f] {
    width: 100%;
}

.doc-search-input[b-z4nx3lxx7f]  .rz-textbox {
    width: 100%;
    background-color: var(--doc-surface-2);
    border: 1px solid var(--doc-border-hover);
    border-radius: 12px;
    padding: 0.75rem 2.5rem 0.75rem 2.75rem;
    color: var(--doc-text);
    font-size: 0.9375rem;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.doc-search-input[b-z4nx3lxx7f]  .rz-textbox:focus {
    border-color: var(--doc-purple);
    box-shadow: 0 0 0 3px var(--doc-purple-bg);
    outline: none;
}

.doc-search-input[b-z4nx3lxx7f]  .rz-textbox::placeholder {
    color: var(--doc-text-secondary);
}

.doc-search-clear[b-z4nx3lxx7f] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--doc-text-secondary);
}

/* --------------------------------------------------------------------------
   Quick Links
   -------------------------------------------------------------------------- */
.doc-quick-links[b-z4nx3lxx7f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.doc-quick-links-label[b-z4nx3lxx7f] {
    font-size: 0.875rem;
    color: var(--doc-text-secondary);
}

.doc-quick-link[b-z4nx3lxx7f] {
    font-size: 0.875rem;
    color: var(--doc-purple-light);
    cursor: pointer;
    transition: color 150ms ease;
    text-decoration: none;
}

.doc-quick-link:hover[b-z4nx3lxx7f] {
    color: var(--doc-purple);
}

/* --------------------------------------------------------------------------
   Loading & Empty States
   -------------------------------------------------------------------------- */
.doc-loading[b-z4nx3lxx7f],
.doc-empty-state[b-z4nx3lxx7f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    text-align: center;
}

/* --------------------------------------------------------------------------
   Documentation Cards Grid
   -------------------------------------------------------------------------- */
.doc-cards-grid[b-z4nx3lxx7f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.doc-card[b-z4nx3lxx7f] {
    position: relative;
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    background: rgba(17, 17, 17, 0.5);
    border: 1px solid var(--doc-border);
    border-radius: 12px;
    cursor: pointer;
    transition: all 200ms ease;
}

.doc-card:hover[b-z4nx3lxx7f] {
    border-color: var(--doc-purple-border);
    transform: translateY(-2px);
}

.doc-card-icon[b-z4nx3lxx7f] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--doc-purple-bg);
    border-radius: 10px;
    color: var(--doc-purple-light);
    transition: background 200ms ease;
}

.doc-card:hover .doc-card-icon[b-z4nx3lxx7f] {
    background: rgba(139, 92, 246, 0.25);
}

.doc-card-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 1.5rem;
}

.doc-card-content[b-z4nx3lxx7f] {
    flex: 1;
    min-width: 0;
}

.doc-card-title[b-z4nx3lxx7f] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--doc-text);
    margin: 0 0 0.25rem 0;
    transition: color 200ms ease;
}

.doc-card:hover .doc-card-title[b-z4nx3lxx7f] {
    color: var(--doc-purple-light);
}

.doc-card-description[b-z4nx3lxx7f] {
    font-size: 0.8125rem;
    color: var(--doc-text-muted);
    margin: 0;
    line-height: 1.4;
}

.doc-card-footer[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.75rem;
    color: var(--doc-purple-light);
}

.doc-card-read-more[b-z4nx3lxx7f] {
    font-size: 0.8125rem;
    font-weight: 500;
}

.doc-card-delete[b-z4nx3lxx7f] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    transition: opacity 200ms ease;
}

.doc-card:hover .doc-card-delete[b-z4nx3lxx7f] {
    opacity: 1;
}

/* --------------------------------------------------------------------------
   Featured Section
   -------------------------------------------------------------------------- */
.doc-featured[b-z4nx3lxx7f] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);
    border: 1px solid var(--doc-purple-border);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.doc-featured-icon[b-z4nx3lxx7f] {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--doc-purple-bg);
    border-radius: 12px;
    color: var(--doc-purple-light);
}

.doc-featured-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 2rem;
}

.doc-featured-content[b-z4nx3lxx7f] {
    flex: 1;
}

.doc-featured-title[b-z4nx3lxx7f] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--doc-text);
    margin: 0 0 0.5rem 0;
}

.doc-featured-description[b-z4nx3lxx7f] {
    font-size: 0.9375rem;
    color: var(--doc-text-muted);
    margin: 0;
    line-height: 1.5;
}

.doc-featured-prereqs[b-z4nx3lxx7f] {
    margin-top: 1.5rem;
}

.doc-featured-prereqs-title[b-z4nx3lxx7f] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--doc-text);
    margin: 0 0 0.75rem 0;
}

.doc-featured-prereqs-list[b-z4nx3lxx7f] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.doc-featured-prereqs-list li[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--doc-text-muted);
}

.doc-prereq-dot[b-z4nx3lxx7f] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--doc-purple-light);
    flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Help Banner
   -------------------------------------------------------------------------- */
.doc-help-banner[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: rgba(17, 17, 17, 0.5);
    border: 1px solid var(--doc-border);
    border-radius: 12px;
}

.doc-help-content[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.doc-help-icon[b-z4nx3lxx7f] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 130, 246, 0.15);
    border-radius: 10px;
    color: #60a5fa;
}

.doc-help-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 1.5rem;
}

.doc-help-text[b-z4nx3lxx7f] {
    display: flex;
    flex-direction: column;
}

.doc-help-title[b-z4nx3lxx7f] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--doc-text);
    margin: 0;
}

.doc-help-description[b-z4nx3lxx7f] {
    font-size: 0.8125rem;
    color: var(--doc-text-muted);
    margin: 0.125rem 0 0 0;
}

/* --------------------------------------------------------------------------
   SDK Section
   -------------------------------------------------------------------------- */
.doc-sdk-header[b-z4nx3lxx7f] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);
    border: 1px solid var(--doc-purple-border);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.doc-sdk-title[b-z4nx3lxx7f] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--doc-text);
    margin: 0 0 0.5rem 0;
}

.doc-sdk-description[b-z4nx3lxx7f] {
    font-size: 0.9375rem;
    color: var(--doc-text-muted);
    margin: 0;
}

.doc-sdk-grid[b-z4nx3lxx7f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.doc-sdk-card[b-z4nx3lxx7f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    background: rgba(17, 17, 17, 0.5);
    border: 1px solid var(--doc-border);
    border-radius: 12px;
    transition: border-color 200ms ease;
}

.doc-sdk-card:hover[b-z4nx3lxx7f] {
    border-color: var(--doc-border-hover);
}

.doc-sdk-card-left[b-z4nx3lxx7f] {
    display: flex;
    gap: 1rem;
}

.doc-sdk-icon[b-z4nx3lxx7f] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--doc-purple-bg);
    border-radius: 10px;
    color: var(--doc-purple-light);
}

.doc-sdk-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 1.5rem;
}

.doc-sdk-info[b-z4nx3lxx7f] {
    display: flex;
    flex-direction: column;
}

.doc-sdk-name[b-z4nx3lxx7f] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--doc-text);
    margin: 0 0 0.25rem 0;
}

.doc-sdk-desc[b-z4nx3lxx7f] {
    font-size: 0.8125rem;
    color: var(--doc-text-muted);
    margin: 0;
    line-height: 1.4;
}

.doc-sdk-meta[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
}

.doc-sdk-version[b-z4nx3lxx7f] {
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    background: var(--doc-surface-2);
    border-radius: 999px;
    color: var(--doc-text-muted);
}

.doc-sdk-size[b-z4nx3lxx7f] {
    font-size: 0.75rem;
    color: var(--doc-text-secondary);
}

.doc-sdk-actions[b-z4nx3lxx7f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   SDK Org Picker (Admin - no org selected)
   -------------------------------------------------------------------------- */
.doc-sdk-org-picker[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.5rem;
    background: rgba(17, 17, 17, 0.5);
    border: 1px solid var(--doc-purple-border);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.doc-sdk-org-picker-text[b-z4nx3lxx7f] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

[b-z4nx3lxx7f] .doc-sdk-org-picker .rz-dropdown:hover {
    border-color: var(--doc-purple-light) !important;
    box-shadow: 0 0 0 2px var(--doc-purple-bg);
}

[b-z4nx3lxx7f] .doc-sdk-org-picker .rz-dropdown:focus-within {
    border-color: var(--doc-purple-light) !important;
    box-shadow: 0 0 0 2px var(--doc-purple-bg);
}

[b-z4nx3lxx7f] .doc-sdk-org-picker .rz-dropdown .rz-inputtext {
    color: #FFFFFF;
}

[b-z4nx3lxx7f] .doc-sdk-org-picker .rz-dropdown .rz-helper {
    color: var(--doc-text-secondary);
}

/* --------------------------------------------------------------------------
   SDK Search Bar (Admin)
   -------------------------------------------------------------------------- */
.doc-sdk-search-container[b-z4nx3lxx7f] {
    position: relative;
    max-width: 100%;
    margin-bottom: 1rem;
}

.doc-sdk-search-icon[b-z4nx3lxx7f] {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--doc-text-secondary);
    pointer-events: none;
}

.doc-sdk-search-icon[b-z4nx3lxx7f]  .rzi {
    font-size: 1.25rem;
}

.doc-sdk-search-input[b-z4nx3lxx7f] {
    width: 100%;
}

.doc-sdk-search-input[b-z4nx3lxx7f]  .rz-textbox {
    width: 100%;
    background-color: var(--doc-surface-2);
    border: 1px solid var(--doc-border-hover);
    border-radius: 12px;
    padding: 0.75rem 2.5rem 0.75rem 2.75rem;
    color: var(--doc-text);
    font-size: 0.9375rem;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.doc-sdk-search-input[b-z4nx3lxx7f]  .rz-textbox:focus {
    border-color: var(--doc-purple);
    box-shadow: 0 0 0 3px var(--doc-purple-bg);
    outline: none;
}

.doc-sdk-search-input[b-z4nx3lxx7f]  .rz-textbox::placeholder {
    color: var(--doc-text-secondary);
}

.doc-sdk-search-clear[b-z4nx3lxx7f] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--doc-text-secondary);
}

/* --------------------------------------------------------------------------
   Changelog Entries
   -------------------------------------------------------------------------- */
.changelog-entries[b-z4nx3lxx7f] {
    border-left: 2px solid var(--doc-purple-border);
    margin-left: 1.5rem;
    padding-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.changelog-entry[b-z4nx3lxx7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(17, 17, 17, 0.5);
    border: 1px solid var(--doc-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 200ms ease;
}

.changelog-entry:hover[b-z4nx3lxx7f] {
    border-color: var(--doc-purple-border);
    background: rgba(139, 92, 246, 0.05);
}

.changelog-entry-content[b-z4nx3lxx7f] {
    flex: 1;
    min-width: 0;
}

.changelog-entry-title[b-z4nx3lxx7f] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--doc-text);
    margin: 0;
    transition: color 200ms ease;
}

.changelog-entry:hover .changelog-entry-title[b-z4nx3lxx7f] {
    color: var(--doc-purple-light);
}

.changelog-entry-desc[b-z4nx3lxx7f] {
    font-size: 0.8125rem;
    color: var(--doc-text-muted);
    margin: 0.25rem 0 0 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* --------------------------------------------------------------------------
   Responsive Design
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .doc-cards-grid[b-z4nx3lxx7f] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .doc-page[b-z4nx3lxx7f] {
        padding: 1rem;
    }

    .doc-title[b-z4nx3lxx7f] {
        font-size: 1.25rem;
    }

    .doc-tabs[b-z4nx3lxx7f] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .doc-tab span[b-z4nx3lxx7f] {
        white-space: nowrap;
    }

    .doc-cards-grid[b-z4nx3lxx7f] {
        grid-template-columns: 1fr;
    }

    .doc-sdk-grid[b-z4nx3lxx7f] {
        grid-template-columns: 1fr;
    }

    .doc-featured[b-z4nx3lxx7f] {
        flex-direction: column;
    }

    .doc-featured-icon[b-z4nx3lxx7f] {
        width: 48px;
        height: 48px;
    }

    .doc-featured-icon[b-z4nx3lxx7f]  .rzi {
        font-size: 1.5rem;
    }

    .doc-help-banner[b-z4nx3lxx7f] {
        flex-direction: column;
        text-align: center;
    }

    .doc-help-content[b-z4nx3lxx7f] {
        flex-direction: column;
    }

    .doc-sdk-card[b-z4nx3lxx7f] {
        flex-direction: column;
        align-items: stretch;
    }

    .doc-sdk-card-left[b-z4nx3lxx7f] {
        margin-bottom: 1rem;
    }

    .doc-sdk-org-picker[b-z4nx3lxx7f] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .doc-header[b-z4nx3lxx7f] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .doc-tabs[b-z4nx3lxx7f] {
        width: 100%;
    }

    .doc-tab[b-z4nx3lxx7f] {
        flex: 1;
        justify-content: center;
        padding: 0.5rem 0.75rem;
    }

    .doc-tab span[b-z4nx3lxx7f] {
        display: none;
    }
}
/* _content/AdminGui/Components/Pages/WikiPage.razor.rz.scp.css */
/* ==========================================================================
   WikiPage Stylesheet - Modern Purple Theme
   ========================================================================== */

/* --------------------------------------------------------------------------
   Design Tokens
   -------------------------------------------------------------------------- */
.wiki-page-container[b-hxhfas2qz9] {
    --wiki-bg: #0a0a0a;
    --wiki-surface: #111111;
    --wiki-surface-2: #1f1f1f;
    --wiki-border: #1f1f1f;
    --wiki-border-light: #333333;
    --wiki-text: #ffffff;
    --wiki-text-muted: #9ca3af;
    --wiki-text-secondary: #6b7280;
    --wiki-purple: #8b5cf6;
    --wiki-purple-light: #a78bfa;
    --wiki-purple-bg: rgba(139, 92, 246, 0.15);
    --wiki-purple-border: rgba(139, 92, 246, 0.3);

    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: var(--wiki-bg);
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   Sticky Header
   -------------------------------------------------------------------------- */
.wiki-sticky-header[b-hxhfas2qz9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: var(--wiki-surface);
    border-bottom: 1px solid var(--wiki-border);
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.wiki-header-back[b-hxhfas2qz9] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
    color: var(--wiki-text-muted);
    transition: color 200ms ease;
    user-select: none;
}

.wiki-header-back:hover[b-hxhfas2qz9] {
    color: var(--wiki-text);
}

.wiki-back-icon[b-hxhfas2qz9]  .rzi {
    font-size: 1.25rem;
}

.wiki-back-text[b-hxhfas2qz9] {
    font-size: 0.875rem;
    font-weight: 500;
}

.wiki-header-divider[b-hxhfas2qz9] {
    width: 1px;
    height: 24px;
    background-color: var(--wiki-border-light);
    flex-shrink: 0;
}

.wiki-header-icon[b-hxhfas2qz9] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wiki-purple-bg);
    border: 1px solid var(--wiki-purple-border);
    border-radius: 8px;
    color: var(--wiki-purple-light);
    flex-shrink: 0;
}

.wiki-header-icon[b-hxhfas2qz9]  .rzi {
    font-size: 1.25rem;
}

.wiki-header-title-section[b-hxhfas2qz9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.wiki-header-title[b-hxhfas2qz9] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--wiki-text);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wiki-title-edit[b-hxhfas2qz9]  .rz-textbox {
    font-size: 1rem;
    font-weight: 500;
    background: var(--wiki-surface-2);
    border: 1px solid var(--wiki-purple);
    color: var(--wiki-text);
    padding: 0.375rem 0.625rem;
    border-radius: 6px;
    min-width: 200px;
}

.wiki-title-actions[b-hxhfas2qz9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.wiki-edit-title-btn[b-hxhfas2qz9] {
    color: var(--wiki-text-secondary) !important;
    opacity: 0;
    transition: opacity 200ms ease;
}

.wiki-header-title-section:hover .wiki-edit-title-btn[b-hxhfas2qz9] {
    opacity: 1;
}

.wiki-header-spacer[b-hxhfas2qz9] {
    flex: 1;
}

.wiki-header-controls[b-hxhfas2qz9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.wiki-edit-toggle[b-hxhfas2qz9]  .rz-checkbox-wrapper {
    cursor: pointer;
}

.wiki-edit-label[b-hxhfas2qz9] {
    color: var(--wiki-text-muted);
    cursor: pointer;
    font-size: 0.875rem;
}

.wiki-saved-badge[b-hxhfas2qz9] {
    font-size: 0.75rem;
}

/* --------------------------------------------------------------------------
   Loading & Not Found States
   -------------------------------------------------------------------------- */
.wiki-loading[b-hxhfas2qz9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    padding: 3rem;
}

.wiki-not-found[b-hxhfas2qz9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    padding: 3rem;
}

.wiki-not-found-icon[b-hxhfas2qz9] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wiki-purple-bg);
    border-radius: 12px;
    color: var(--wiki-purple-light);
    margin-bottom: 1.5rem;
}

.wiki-not-found-icon[b-hxhfas2qz9]  .rzi {
    font-size: 2.5rem;
}

.wiki-not-found-title[b-hxhfas2qz9] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--wiki-text);
    margin: 0 0 0.5rem 0;
}

.wiki-not-found-description[b-hxhfas2qz9] {
    font-size: 1rem;
    color: var(--wiki-text-muted);
    margin: 0 0 2rem 0;
}

.wiki-btn-primary[b-hxhfas2qz9] {
    background: var(--wiki-purple) !important;
    border: none !important;
}

/* --------------------------------------------------------------------------
   Content Wrapper
   -------------------------------------------------------------------------- */
.wiki-content-wrapper[b-hxhfas2qz9] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   Left TOC Sidebar
   -------------------------------------------------------------------------- */
.wiki-toc-sidebar[b-hxhfas2qz9] {
    width: 256px;
    flex-shrink: 0;
    background-color: var(--wiki-surface);
    border-right: 1px solid var(--wiki-border);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    transition: width 200ms ease;
}

.wiki-toc-sidebar[b-hxhfas2qz9]::-webkit-scrollbar {
    width: 6px;
}

.wiki-toc-sidebar[b-hxhfas2qz9]::-webkit-scrollbar-track {
    background: transparent;
}

.wiki-toc-sidebar[b-hxhfas2qz9]::-webkit-scrollbar-thumb {
    background-color: var(--wiki-border-light);
    border-radius: 3px;
}

.wiki-toc-sidebar[b-hxhfas2qz9]::-webkit-scrollbar-thumb:hover {
    background-color: var(--wiki-text-secondary);
}

.wiki-toc-sidebar.collapsed[b-hxhfas2qz9] {
    width: 48px;
}

/* --------------------------------------------------------------------------
   Main Content Area
   -------------------------------------------------------------------------- */
.wiki-view-area[b-hxhfas2qz9] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    background-color: var(--wiki-bg);
}

.wiki-view-area[b-hxhfas2qz9]::-webkit-scrollbar {
    width: 8px;
}

.wiki-view-area[b-hxhfas2qz9]::-webkit-scrollbar-track {
    background: transparent;
}

.wiki-view-area[b-hxhfas2qz9]::-webkit-scrollbar-thumb {
    background-color: var(--wiki-border-light);
    border-radius: 4px;
}

.wiki-view-area[b-hxhfas2qz9]::-webkit-scrollbar-thumb:hover {
    background-color: var(--wiki-text-secondary);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown {
    width: 100%;
    max-width: none;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown {
    font-size: 1rem;
    line-height: 1.75;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown h1 {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--wiki-text);
    margin: 0 0 1.5rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--wiki-purple);
    letter-spacing: -0.5px;
    line-height: 1.3;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown h2 {
    font-size: 1.625rem;
    font-weight: 600;
    color: var(--wiki-text);
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--wiki-border-light);
    line-height: 1.35;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wiki-text);
    margin: 1.5rem 0 0.75rem 0;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown p {
    margin: 0 0 1.25rem 0;
    color: var(--wiki-text-muted);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown code {
    background-color: var(--wiki-surface-2);
    color: var(--wiki-purple-light);
    padding: 0.2em 0.4em;
    border-radius: 4px;
    border: 1px solid var(--wiki-border-light);
    font-size: 0.875em;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown pre {
    background-color: var(--wiki-surface);
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
    padding: 1.25rem;
    margin: 1rem 0;
    overflow-x: auto;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown pre code {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0.875rem;
    color: var(--wiki-text-muted);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown a {
    color: var(--wiki-purple-light);
    text-decoration: none;
    transition: color 150ms ease;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown a:hover {
    color: var(--wiki-purple);
    text-decoration: underline;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown ul,
.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown ol {
    margin: 0 0 1.25rem 0;
    padding-left: 1.5rem;
    color: var(--wiki-text-muted);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown li {
    margin-bottom: 0.5rem;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown blockquote {
    margin: 1rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--wiki-purple);
    background: var(--wiki-purple-bg);
    border-radius: 0 8px 8px 0;
    color: var(--wiki-text-muted);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown table {
    width: 100%;
    margin: 1rem 0;
    border-collapse: collapse;
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
    overflow: hidden;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown th {
    background: var(--wiki-surface);
    color: var(--wiki-text);
    font-weight: 600;
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--wiki-border);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--wiki-border);
    color: var(--wiki-text-muted);
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown tr:last-child td {
    border-bottom: none;
}

.wiki-view-area[b-hxhfas2qz9]  .wiki-markdown tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

/* --------------------------------------------------------------------------
   Editor Area
   -------------------------------------------------------------------------- */
.wiki-editor-area[b-hxhfas2qz9] {
    flex: 1;
    overflow: hidden;
    border-right: 1px solid var(--wiki-border);
}

/* --------------------------------------------------------------------------
   Preview Area
   -------------------------------------------------------------------------- */
.wiki-preview-area[b-hxhfas2qz9] {
    flex: 1;
    overflow-y: auto;
    background-color: var(--wiki-bg);
}

.wiki-preview-area[b-hxhfas2qz9]::-webkit-scrollbar {
    width: 8px;
}

.wiki-preview-area[b-hxhfas2qz9]::-webkit-scrollbar-track {
    background: transparent;
}

.wiki-preview-area[b-hxhfas2qz9]::-webkit-scrollbar-thumb {
    background-color: var(--wiki-border-light);
    border-radius: 4px;
}

.wiki-preview-area[b-hxhfas2qz9]::-webkit-scrollbar-thumb:hover {
    background-color: var(--wiki-text-secondary);
}

/* --------------------------------------------------------------------------
   Responsive Design
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .wiki-sticky-header[b-hxhfas2qz9] {
        padding: 0.625rem 1rem;
        gap: 0.75rem;
    }

    .wiki-header-back span[b-hxhfas2qz9] {
        display: none;
    }

    .wiki-header-icon[b-hxhfas2qz9] {
        width: 32px;
        height: 32px;
    }

    .wiki-header-icon[b-hxhfas2qz9]  .rzi {
        font-size: 1rem;
    }

    .wiki-header-title[b-hxhfas2qz9] {
        font-size: 1rem;
    }

    .wiki-toc-sidebar[b-hxhfas2qz9] {
        display: none;
    }

    .wiki-content-wrapper[b-hxhfas2qz9] {
        flex-direction: column;
    }

    .wiki-editor-area[b-hxhfas2qz9],
    .wiki-preview-area[b-hxhfas2qz9] {
        flex: none;
        height: 50%;
    }

    .wiki-view-area[b-hxhfas2qz9] {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 480px) {
    .wiki-header-divider[b-hxhfas2qz9] {
        display: none;
    }

    .wiki-sticky-header[b-hxhfas2qz9] {
        padding: 0.5rem 0.75rem;
    }

    .wiki-not-found-icon[b-hxhfas2qz9] {
        width: 48px;
        height: 48px;
    }

    .wiki-not-found-icon[b-hxhfas2qz9]  .rzi {
        font-size: 2rem;
    }

    .wiki-not-found-title[b-hxhfas2qz9] {
        font-size: 1.25rem;
    }
}
/* _content/AdminGui/Components/Shared/OrganizationSwitcher.razor.rz.scp.css */
.admin-badge[b-3dv5eqi4mb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.25);
    border-radius: 6px;
    transition: background 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.admin-badge:hover[b-3dv5eqi4mb] {
    background: rgba(139, 92, 246, 0.18);
    border-color: rgba(139, 92, 246, 0.4);
}

.org-badge[b-3dv5eqi4mb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.25);
    border-radius: 6px;
    transition: background 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.org-badge:hover[b-3dv5eqi4mb] {
    background: rgba(76, 175, 80, 0.22);
    border-color: rgba(76, 175, 80, 0.4);
}

[b-3dv5eqi4mb] .rz-dropdown {
    border-radius: 6px !important;
}

[b-3dv5eqi4mb] .rz-dropdown:hover {
    border-color: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.1);
}

[b-3dv5eqi4mb] .rz-dropdown:focus-within {
    border-color: rgba(139, 92, 246, 0.6) !important;
    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
}

[b-3dv5eqi4mb] .rz-dropdown .rz-helper {
    color: #9E9E9E;
}

[b-3dv5eqi4mb] .rz-dropdown .rz-inputtext {
    color: #FFFFFF;
}

.back-btn[b-3dv5eqi4mb] {
    background: rgba(139, 92, 246, 0.1) !important;
    color: #a78bfa !important;
    border: 1px solid rgba(139, 92, 246, 0.25) !important;
    border-radius: 6px !important;
    font-weight: 500;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.back-btn:hover[b-3dv5eqi4mb] {
    background: rgba(139, 92, 246, 0.2) !important;
    border-color: rgba(139, 92, 246, 0.4) !important;
    color: #c4b5fd !important;
}