@import '_content/Blazicons/Blazicons.886t4n1lry.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.nerdhub-app[b-kx3kjmc6oj] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--nh-bg);
}

.nerdhub-main[b-kx3kjmc6oj] {
    flex: 1;
    width: 100%;
}
/* /Components/Layout/NerdHubHeader.razor.rz.scp.css */
/* ============================================================
   Header
   ============================================================ */

.nerdhub-header[b-zeq7wbuvqm] {
    position: sticky;
    top: 0;
    z-index: 100;
    height: var(--nh-header-height);
    background: rgba(11, 15, 16, 0.94);
    border-bottom: 1px solid var(--nh-border);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.nerdhub-header-inner[b-zeq7wbuvqm] {
    width: 100%;
    max-width: var(--nh-content-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 var(--nh-content-padding);
    display: flex;
    align-items: center;
}


/* ============================================================
   Logo
   ============================================================ */

.nerdhub-logo[b-zeq7wbuvqm] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex-shrink: 0;
    color: var(--nh-text);
    font-size: 1.25rem;
    font-weight: 750;
    letter-spacing: -0.035em;
    transition: color var(--nh-transition-fast);
}

    .nerdhub-logo:hover[b-zeq7wbuvqm] {
        color: var(--nh-brand-300);
    }

.nerdhub-logo-icon[b-zeq7wbuvqm] {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}


/* ============================================================
   Main Navigation
   ============================================================ */

.nerdhub-main-navigation[b-zeq7wbuvqm] {
    height: 100%;
    margin-left: 44px;
    display: flex;
    align-items: center;
    gap: 28px;
}

    .nerdhub-main-navigation a[b-zeq7wbuvqm] {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
        font-weight: 500;
        text-decoration: none;
        transition: color var(--nh-transition-fast);
    }

        .nerdhub-main-navigation a[b-zeq7wbuvqm]::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: var(--nh-accent-bright);
            opacity: 0;
            transform: scaleX(0.5);
            transition: opacity var(--nh-transition-fast), transform var(--nh-transition-fast);
        }

        .nerdhub-main-navigation a:hover[b-zeq7wbuvqm] {
            color: var(--nh-text);
        }

        .nerdhub-main-navigation a.active[b-zeq7wbuvqm] {
            color: var(--nh-text);
        }

            .nerdhub-main-navigation a.active[b-zeq7wbuvqm]::after {
                opacity: 1;
                transform: scaleX(1);
            }


/* ============================================================
   Header Actions
   ============================================================ */

.nerdhub-header-actions[b-zeq7wbuvqm] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--nh-space-2);
}

.nerdhub-header-button[b-zeq7wbuvqm] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--nh-radius-md);
    background: transparent;
    color: var(--nh-text-muted);
    cursor: pointer;
    transition: color var(--nh-transition-fast), background var(--nh-transition-fast), border-color var(--nh-transition-fast);
}

    .nerdhub-header-button:hover[b-zeq7wbuvqm] {
        background: var(--nh-surface);
        border-color: var(--nh-border);
        color: var(--nh-text);
    }

    .nerdhub-header-button:active[b-zeq7wbuvqm] {
        background: var(--nh-surface-active);
    }

    .nerdhub-header-button svg[b-zeq7wbuvqm] {
        width: 19px !important;
        height: 19px !important;
    }

/* ============================================================
   User Menu
   ============================================================ */

.nerdhub-user-menu[b-zeq7wbuvqm] {
    position: relative;
}

.nerdhub-user-dropdown[b-zeq7wbuvqm] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 240px;
    padding: var(--nh-space-2);
    background: var(--nh-surface-raised);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
    box-shadow: var(--nh-shadow-lg);
    z-index: 200;
}

.nerdhub-user-dropdown-header[b-zeq7wbuvqm] {
    padding: var(--nh-space-3) var(--nh-space-3) var(--nh-space-4);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .nerdhub-user-dropdown-header strong[b-zeq7wbuvqm] {
        color: var(--nh-text);
        font-size: var(--nh-font-size-sm);
    }

    .nerdhub-user-dropdown-header span[b-zeq7wbuvqm] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-xs);
    }

.nerdhub-user-dropdown-divider[b-zeq7wbuvqm] {
    height: 1px;
    margin: var(--nh-space-2) 0;
    background: var(--nh-border);
}

.nerdhub-user-dropdown a[b-zeq7wbuvqm],
.nerdhub-user-dropdown form button[b-zeq7wbuvqm] {
    width: 100%;
    min-height: 40px;
    padding: 0 var(--nh-space-3);
    display: flex;
    align-items: center;
    gap: var(--nh-space-3);
    border: 0;
    border-radius: var(--nh-radius-md);
    background: transparent;
    color: var(--nh-text-secondary);
    font-size: var(--nh-font-size-sm);
    text-decoration: none;
    cursor: pointer;
    transition: background var(--nh-transition-fast), color var(--nh-transition-fast);
}

    .nerdhub-user-dropdown a:hover[b-zeq7wbuvqm],
    .nerdhub-user-dropdown form button:hover[b-zeq7wbuvqm] {
        background: var(--nh-surface-hover);
        color: var(--nh-text);
    }

.nerdhub-user-dropdown svg[b-zeq7wbuvqm] {
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0;
}

.nerdhub-user-dropdown form[b-zeq7wbuvqm] {
    margin: 0;
}

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 1100px) {

    .nerdhub-main-navigation[b-zeq7wbuvqm] {
        margin-left: 32px;
        gap: 20px;
    }
}

@media (max-width: 760px) {

    .nerdhub-header[b-zeq7wbuvqm] {
        height: 60px;
    }

    .nerdhub-header-inner[b-zeq7wbuvqm] {
        padding: 0 var(--nh-space-5);
    }

    .nerdhub-main-navigation[b-zeq7wbuvqm] {
        display: none;
    }
}
/* /Components/Pages/AccountDeletion.razor.rz.scp.css */
.nerdhub-account-deletion[b-528o3co90z] {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 24px 80px;
}

.nerdhub-account-deletion-intro[b-528o3co90z] {
    padding: 72px 0 56px;
}

    .nerdhub-account-deletion-intro h1[b-528o3co90z] {
        margin: 10px 0 18px;
        font-size: clamp(2.4rem, 5vw, 4rem);
        line-height: 1.05;
    }

    .nerdhub-account-deletion-intro p[b-528o3co90z] {
        max-width: 720px;
        margin: 0;
        font-size: 1.15rem;
        line-height: 1.7;
        opacity: 0.8;
    }

.nerdhub-account-deletion-content[b-528o3co90z] {
    max-width: 820px;
}

    .nerdhub-account-deletion-content h2[b-528o3co90z] {
        margin: 56px 0 18px;
        font-size: 1.7rem;
        line-height: 1.25;
    }

    .nerdhub-account-deletion-content p[b-528o3co90z] {
        margin: 0 0 18px;
        font-size: 1rem;
        line-height: 1.75;
    }

    .nerdhub-account-deletion-content ul[b-528o3co90z] {
        margin: 0 0 24px;
        padding-left: 24px;
    }

    .nerdhub-account-deletion-content li[b-528o3co90z] {
        margin-bottom: 8px;
        line-height: 1.65;
    }

.nerdhub-account-deletion-action[b-528o3co90z] {
    margin: 32px 0;
}

.nerdhub-account-deletion-button[b-528o3co90z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
}

@media (max-width: 700px) {

    .nerdhub-account-deletion[b-528o3co90z] {
        padding: 0 18px 56px;
    }

    .nerdhub-account-deletion-intro[b-528o3co90z] {
        padding: 48px 0 36px;
    }

    .nerdhub-account-deletion-content h2[b-528o3co90z] {
        margin-top: 42px;
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/DataQuality/Index.razor.rz.scp.css */
.nerdhub-quality-group[b-3txe7h7zue] {
    margin-bottom: var(--nh-space-10);
}

.nerdhub-quality-group-header[b-3txe7h7zue] {
    margin-bottom: var(--nh-space-4);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .nerdhub-quality-group-header h2[b-3txe7h7zue] {
        margin: 0;
        color: var(--nh-text);
        font-size: var(--nh-font-size-lg);
        font-weight: 700;
    }

    .nerdhub-quality-group-header span[b-3txe7h7zue] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-xs);
    }

.nerdhub-quality-grid[b-3txe7h7zue] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nh-space-4);
}

.nerdhub-quality-card[b-3txe7h7zue] {
    padding: var(--nh-space-5);
    display: flex;
    flex-direction: column;
    background: var(--nh-surface);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
    box-shadow: var(--nh-shadow-sm);
    transition: border-color var(--nh-transition-fast), box-shadow var(--nh-transition-fast), transform var(--nh-transition-fast);
}

    .nerdhub-quality-card:hover[b-3txe7h7zue] {
        border-color: var(--nh-border-hover);
        box-shadow: var(--nh-shadow-md);
    }

.nerdhub-quality-card-header[b-3txe7h7zue] {
    display: flex;
    align-items: center;
    gap: var(--nh-space-3);
}

.nerdhub-quality-card-icon[b-3txe7h7zue] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
}

    .nerdhub-quality-card-icon svg[b-3txe7h7zue] {
        width: 19px !important;
        height: 19px !important;
    }

.nerdhub-quality-card-title[b-3txe7h7zue] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .nerdhub-quality-card-title h3[b-3txe7h7zue] {
        margin: 0;
        overflow: hidden;
        color: var(--nh-text);
        font-size: var(--nh-font-size-lg);
        font-weight: 650;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nerdhub-quality-card-title span[b-3txe7h7zue] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-xs);
    }

.nerdhub-quality-card-status[b-3txe7h7zue] {
    flex-shrink: 0;
    font-size: var(--nh-font-size-sm);
    font-weight: 650;
}

.nerdhub-quality-card-description[b-3txe7h7zue] {
    margin: var(--nh-space-4) 0 var(--nh-space-5);
    color: var(--nh-text-secondary);
    font-size: var(--nh-font-size-sm);
    line-height: var(--nh-line-height-relaxed);
}

.nerdhub-quality-card-meta[b-3txe7h7zue] {
    display: flex;
    gap: var(--nh-space-6);
    padding-top: var(--nh-space-4);
    border-top: 1px solid var(--nh-border);
    color: var(--nh-text-muted);
    font-size: var(--nh-font-size-sm);
}

    .nerdhub-quality-card-meta strong[b-3txe7h7zue] {
        color: var(--nh-text-secondary);
        font-weight: 650;
    }

.nerdhub-quality-card-footer[b-3txe7h7zue] {
    margin-top: var(--nh-space-5);
    display: flex;
    justify-content: flex-end;
}


/* ============================================================
   Severity
   ============================================================ */

.nerdhub-quality-card-icon.severity-error[b-3txe7h7zue] {
    background: var(--nh-error-surface);
    color: var(--nh-error);
}

.nerdhub-quality-card-icon.severity-warning[b-3txe7h7zue] {
    background: var(--nh-warning-surface);
    color: var(--nh-warning);
}

.nerdhub-quality-card-icon.severity-info[b-3txe7h7zue] {
    background: var(--nh-info-surface);
    color: var(--nh-info);
}

.nerdhub-quality-card-icon.finding-potential[b-3txe7h7zue] {
    background: var(--nh-potential-surface);
    color: var(--nh-potential);
}

.nerdhub-quality-card-status.severity-error[b-3txe7h7zue] {
    color: var(--nh-error);
}

.nerdhub-quality-card-status.severity-warning[b-3txe7h7zue] {
    color: var(--nh-warning);
}

.nerdhub-quality-card-status.severity-info[b-3txe7h7zue] {
    color: var(--nh-info);
}

.nerdhub-quality-card-status.finding-potential[b-3txe7h7zue] {
    color: var(--nh-potential);
}

@media (max-width: 900px) {

    .nerdhub-quality-grid[b-3txe7h7zue] {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   Overview
   ============================================================ */

.nerdhub-quality-overview[b-3txe7h7zue] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--nh-space-4);
    margin-bottom: var(--nh-space-10);
}

.nerdhub-quality-overview-stat[b-3txe7h7zue] {
    padding: var(--nh-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--nh-space-1);
    background: var(--nh-surface);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
    box-shadow: var(--nh-shadow-sm);
}

    .nerdhub-quality-overview-stat > span[b-3txe7h7zue] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
    }

    .nerdhub-quality-overview-stat > strong[b-3txe7h7zue] {
        color: var(--nh-text);
        font-size: var(--nh-font-size-2xl);
        font-weight: 750;
        line-height: 1.1;
    }

    .nerdhub-quality-overview-stat > small[b-3txe7h7zue] {
        color: var(--nh-text-subtle);
        font-size: var(--nh-font-size-sm);
    }

    .nerdhub-quality-overview-stat .data-quality-good[b-3txe7h7zue] {
        color: var(--nh-success);
    }

    .nerdhub-quality-overview-stat .data-quality-warning[b-3txe7h7zue] {
        color: var(--nh-warning);
    }

    .nerdhub-quality-overview-stat .data-quality-potential[b-3txe7h7zue] {
        color: var(--nh-potential);
    }


/* ============================================================
   Groups
   ============================================================ */

.nerdhub-quality-group[b-3txe7h7zue] {
    margin-bottom: var(--nh-space-10);
}

.nerdhub-quality-group-header[b-3txe7h7zue] {
    margin-bottom: var(--nh-space-4);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .nerdhub-quality-group-header h2[b-3txe7h7zue] {
        margin: 0;
        color: var(--nh-text);
        font-size: var(--nh-font-size-lg);
        font-weight: 700;
    }

    .nerdhub-quality-group-header span[b-3txe7h7zue] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
    }


/* ============================================================
   Grid
   ============================================================ */

.nerdhub-quality-grid[b-3txe7h7zue] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nh-space-4);
}



/* ============================================================
   Card Header
   ============================================================ */

.nerdhub-quality-card-header[b-3txe7h7zue] {
    display: flex;
    align-items: center;
    gap: var(--nh-space-3);
}


/* ============================================================
   Finding Icon
   ============================================================ */

.nerdhub-quality-card-icon[b-3txe7h7zue] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
}

    .nerdhub-quality-card-icon svg[b-3txe7h7zue] {
        width: 19px !important;
        height: 19px !important;
    }


/* ============================================================
   Title
   ============================================================ */

.nerdhub-quality-card-title[b-3txe7h7zue] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .nerdhub-quality-card-title h3[b-3txe7h7zue] {
        margin: 0;
        overflow: hidden;
        color: var(--nh-text);
        font-size: var(--nh-font-size-lg);
        font-weight: 650;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nerdhub-quality-card-title span[b-3txe7h7zue] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
    }


/* ============================================================
   Status
   ============================================================ */

.nerdhub-quality-card-status[b-3txe7h7zue] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
}

    .nerdhub-quality-card-status svg[b-3txe7h7zue] {
        width: 17px !important;
        height: 17px !important;
    }


/* ============================================================
   Description
   ============================================================ */

.nerdhub-quality-card-description[b-3txe7h7zue] {
    margin: var(--nh-space-4) 0 var(--nh-space-5);
    color: var(--nh-text-secondary);
    font-size: var(--nh-font-size-sm);
    line-height: var(--nh-line-height-relaxed);
}


/* ============================================================
   Meta
   ============================================================ */

.nerdhub-quality-card-meta[b-3txe7h7zue] {
    display: flex;
    gap: var(--nh-space-6);
    padding-top: var(--nh-space-4);
    border-top: 1px solid var(--nh-border);
    color: var(--nh-text-muted);
    font-size: var(--nh-font-size-sm);
}

    .nerdhub-quality-card-meta strong[b-3txe7h7zue] {
        color: var(--nh-text-secondary);
        font-weight: 650;
    }


/* ============================================================
   Footer
   ============================================================ */

.nerdhub-quality-card-footer[b-3txe7h7zue] {
    margin-top: var(--nh-space-5);
    display: flex;
    justify-content: flex-end;
}

.nerdhub-quality-card-link[b-3txe7h7zue] {
    display: inline-flex;
    align-items: center;
    gap: var(--nh-space-2);
    color: var(--nh-brand-400);
    font-size: var(--nh-font-size-sm);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--nh-transition-fast), gap var(--nh-transition-fast);
}

    .nerdhub-quality-card-link:hover[b-3txe7h7zue] {
        color: var(--nh-brand-300);
        gap: var(--nh-space-3);
    }

    .nerdhub-quality-card-link svg[b-3txe7h7zue] {
        width: 16px !important;
        height: 16px !important;
    }


/* ============================================================
   Severity
   ============================================================ */

.nerdhub-quality-card-icon.severity-error[b-3txe7h7zue] {
    background: var(--nh-error-surface);
    color: var(--nh-error);
}

.nerdhub-quality-card-icon.severity-warning[b-3txe7h7zue] {
    background: var(--nh-warning-surface);
    color: var(--nh-warning);
}

.nerdhub-quality-card-icon.severity-info[b-3txe7h7zue] {
    background: var(--nh-success-surface);
    color: var(--nh-success);
}

.nerdhub-quality-card-icon.finding-potential[b-3txe7h7zue] {
    background: var(--nh-potential-surface);
    color: var(--nh-potential);
}


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 1100px) {

    .nerdhub-quality-overview[b-3txe7h7zue] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nerdhub-quality-grid[b-3txe7h7zue] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {

    .nerdhub-quality-overview[b-3txe7h7zue] {
        grid-template-columns: 1fr;
    }

    .nerdhub-quality-card[b-3txe7h7zue] {
        padding: var(--nh-space-4);
    }
}
/* /Components/Pages/Admin/Index.razor.rz.scp.css */
/* ============================================================
   Administration
   ============================================================ */

.nerdhub-admin-grid[b-n6u6fy7jrb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--nh-space-4);
}


/* ============================================================
   Admin Card
   ============================================================ */

.nerdhub-admin-card[b-n6u6fy7jrb] {
    min-height: 150px;
    padding: var(--nh-space-5);
    display: flex;
    align-items: flex-start;
    gap: var(--nh-space-4);
    position: relative;
    background: var(--nh-surface);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
    box-shadow: var(--nh-shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--nh-transition-fast), box-shadow var(--nh-transition-fast), transform var(--nh-transition-fast);
}

    .nerdhub-admin-card:hover[b-n6u6fy7jrb] {
        border-color: var(--nh-border-hover);
        box-shadow: var(--nh-shadow-md);
        transform: translateY(-1px);
    }


/* ============================================================
   Icon
   ============================================================ */

.nerdhub-admin-card-icon[b-n6u6fy7jrb] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
    background: var(--nh-brand-700);
    color: var(--nh-brand-100);
}

    .nerdhub-admin-card-icon svg[b-n6u6fy7jrb] {
        width: 20px !important;
        height: 20px !important;
    }


/* ============================================================
   Content
   ============================================================ */

.nerdhub-admin-card-content[b-n6u6fy7jrb] {
    min-width: 0;
    padding-right: var(--nh-space-5);
}

    .nerdhub-admin-card-content h2[b-n6u6fy7jrb] {
        margin: 0;
        color: var(--nh-text);
        font-size: var(--nh-font-size-lg);
        font-weight: 700;
    }

    .nerdhub-admin-card-content p[b-n6u6fy7jrb] {
        margin: var(--nh-space-2) 0 0;
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
        line-height: var(--nh-line-height-relaxed);
    }


/* ============================================================
   Arrow
   ============================================================ */

.nerdhub-admin-card-arrow[b-n6u6fy7jrb] {
    position: absolute;
    right: var(--nh-space-5);
    top: 50%;
    width: 17px !important;
    height: 17px !important;
    color: var(--nh-text-subtle);
    transform: translateY(-50%);
    transition: color var(--nh-transition-fast), transform var(--nh-transition-fast);
}

.nerdhub-admin-card:hover .nerdhub-admin-card-arrow[b-n6u6fy7jrb] {
    color: var(--nh-brand-400);
    transform: translate(3px, -50%);
}
/* /Components/Pages/Error.razor.rz.scp.css */
.nerdhub-error-page[b-n9nl21vgw1] {
    min-height: calc(100vh - var(--nh-header-height));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--nh-space-12) var(--nh-content-padding);
    text-align: center;
}

.nerdhub-error-content[b-n9nl21vgw1] {
    width: 100%;
    max-width: 520px;
    text-align: center;
}

.nerdhub-error-icon[b-n9nl21vgw1] {
    width: 64px;
    height: 64px;
    margin-bottom: var(--nh-space-6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-lg);
    background: rgba(239, 68, 68, 0.10);
    color: var(--nh-error);
}
    .nerdhub-error-icon svg[b-n9nl21vgw1] {
        width: 30px !important;
        height: 30px !important;
    }

.nerdhub-error-content h1[b-n9nl21vgw1] {
    margin: 0;
    color: var(--nh-text);
    font-size: var(--nh-font-size-3xl);
    font-weight: 700;
    letter-spacing: -0.035em;
}

.nerdhub-error-content p[b-n9nl21vgw1] {
    margin: var(--nh-space-3) auto var(--nh-space-6);
    color: var(--nh-text-muted);
    line-height: var(--nh-line-height-relaxed);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ============================================================
   NerdHub Home
   ============================================================ */

.nerdhub-home[b-2k8hkt4jlw] {
    width: 100%;
    max-width: var(--nh-content-width);
    margin: 0 auto;
    padding: var(--nh-space-12) var(--nh-content-padding) var(--nh-space-16);
}


/* ============================================================
   Intro
   ============================================================ */

.nerdhub-home-intro[b-2k8hkt4jlw] {
    padding: var(--nh-space-8) 0 var(--nh-space-10);
}

    .nerdhub-home-intro h1[b-2k8hkt4jlw] {
        max-width: 760px;
        margin: 0;
        color: var(--nh-text);
        font-size: clamp(2.5rem, 5vw, 4rem);
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: -0.045em;
    }

    .nerdhub-home-intro p[b-2k8hkt4jlw] {
        max-width: 650px;
        margin: var(--nh-space-5) 0 0;
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-lg);
        line-height: var(--nh-line-height-relaxed);
    }


/* ============================================================
   Section
   ============================================================ */

.nerdhub-home-section[b-2k8hkt4jlw] {
    margin-top: var(--nh-space-12);
}

.nerdhub-home-section-header[b-2k8hkt4jlw] {
    margin-bottom: var(--nh-space-5);
}

    .nerdhub-home-section-header h2[b-2k8hkt4jlw] {
        margin: 0;
        color: var(--nh-text);
        font-size: var(--nh-font-size-xl);
        font-weight: 650;
        letter-spacing: -0.02em;
    }

    .nerdhub-home-section-header p[b-2k8hkt4jlw] {
        margin: var(--nh-space-2) 0 0;
        color: var(--nh-text-muted);
    }


/* ============================================================
   Explore
   ============================================================ */

.nerdhub-explore-grid[b-2k8hkt4jlw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--nh-space-4);
}

.nerdhub-explore-card[b-2k8hkt4jlw] {
    min-height: 150px;
    padding: var(--nh-space-6);
    display: flex;
    flex-direction: column;
    background: var(--nh-surface);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
    transition: background var(--nh-transition-normal), border-color var(--nh-transition-normal), transform var(--nh-transition-normal);
}

    .nerdhub-explore-card:hover[b-2k8hkt4jlw] {
        background: var(--nh-surface-hover);
        border-color: var(--nh-border-hover);
        transform: translateY(-2px);
    }


/* ============================================================
   Explore Card Icon
   ============================================================ */

.nerdhub-explore-card-icon[b-2k8hkt4jlw] {
    width: 42px;
    height: 42px;
    margin-bottom: var(--nh-space-5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
    background: rgba(15, 118, 110, 0.14);
    color: var(--nh-brand-400);
}

    .nerdhub-explore-card-icon svg[b-2k8hkt4jlw] {
        width: 21px !important;
        height: 21px !important;
    }


/* ============================================================
   Explore Card Content
   ============================================================ */

.nerdhub-explore-card h3[b-2k8hkt4jlw] {
    margin: 0;
    color: var(--nh-text);
    font-size: var(--nh-font-size-lg);
    font-weight: 650;
}

.nerdhub-explore-card-description[b-2k8hkt4jlw] {
    margin-top: var(--nh-space-2);
    color: var(--nh-text-muted);
    font-size: var(--nh-font-size-sm);
    line-height: var(--nh-line-height-normal);
}


/* ============================================================
   Explore Card Arrow
   ============================================================ */

.nerdhub-explore-card-arrow[b-2k8hkt4jlw] {
    margin-top: auto;
    padding-top: var(--nh-space-5);
    display: flex;
    justify-content: flex-end;
    color: var(--nh-text-subtle);
    transition: color var(--nh-transition-fast);
}

    .nerdhub-explore-card-arrow svg[b-2k8hkt4jlw] {
        width: 17px !important;
        height: 17px !important;
        transition: transform var(--nh-transition-fast);
    }

.nerdhub-explore-card:hover
.nerdhub-explore-card-arrow[b-2k8hkt4jlw] {
    color: var(--nh-brand-400);
}

    .nerdhub-explore-card:hover
    .nerdhub-explore-card-arrow svg[b-2k8hkt4jlw] {
        transform: translateX(3px);
    }


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 1100px) {

    .nerdhub-explore-grid[b-2k8hkt4jlw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {

    .nerdhub-home[b-2k8hkt4jlw] {
        padding: var(--nh-space-8) var(--nh-space-5) var(--nh-space-12);
    }

    .nerdhub-home-intro[b-2k8hkt4jlw] {
        padding-top: var(--nh-space-5);
    }

        .nerdhub-home-intro h1[b-2k8hkt4jlw] {
            font-size: 2.5rem;
        }

    .nerdhub-explore-grid[b-2k8hkt4jlw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ============================================================
   Authentication Page
   ============================================================ */

.nerdhub-auth-page[b-97fwk1nq8a] {
    min-height: calc(100vh - var(--nh-header-height));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--nh-space-12) var(--nh-content-padding);
}


/* ============================================================
   Authentication Card
   ============================================================ */

.nerdhub-auth-card[b-97fwk1nq8a] {
    width: 100%;
    max-width: 420px;
    padding: var(--nh-space-8);
    background: var(--nh-surface);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-xl);
    box-shadow: var(--nh-shadow-md);
}


/* ============================================================
   Brand
   ============================================================ */

.nerdhub-auth-brand[b-97fwk1nq8a] {
    display: flex;
    align-items: center;
    gap: var(--nh-space-3);
    margin-bottom: var(--nh-space-8);
}

.nerdhub-auth-logo[b-97fwk1nq8a] {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.nerdhub-auth-brand strong[b-97fwk1nq8a] {
    color: var(--nh-text);
    font-size: var(--nh-font-size-lg);
}


/* ============================================================
   Header
   ============================================================ */

.nerdhub-auth-header[b-97fwk1nq8a] {
    margin-bottom: var(--nh-space-6);
}

    .nerdhub-auth-header h1[b-97fwk1nq8a] {
        margin: 0;
        color: var(--nh-text);
        font-size: var(--nh-font-size-2xl);
        font-weight: 700;
        letter-spacing: -0.025em;
    }

    .nerdhub-auth-header p[b-97fwk1nq8a] {
        margin: var(--nh-space-2) 0 0;
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
        line-height: var(--nh-line-height-relaxed);
    }


/* ============================================================
   Error
   ============================================================ */

.nerdhub-auth-error[b-97fwk1nq8a] {
    margin-bottom: var(--nh-space-5);
    padding: var(--nh-space-3) var(--nh-space-4);
    display: flex;
    align-items: center;
    gap: var(--nh-space-2);
    background: rgba(239, 68, 68, 0.10);
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: var(--nh-radius-md);
    color: #f87171;
    font-size: var(--nh-font-size-sm);
}

    .nerdhub-auth-error svg[b-97fwk1nq8a] {
        width: 17px !important;
        height: 17px !important;
        flex-shrink: 0;
    }


/* ============================================================
   Form
   ============================================================ */

.nerdhub-auth-form[b-97fwk1nq8a] {
    display: flex;
    flex-direction: column;
    gap: var(--nh-space-5);
}

.nerdhub-form-field[b-97fwk1nq8a] {
    display: flex;
    flex-direction: column;
    gap: var(--nh-space-2);
}

    .nerdhub-form-field label[b-97fwk1nq8a] {
        color: var(--nh-text-secondary);
        font-size: var(--nh-font-size-sm);
        font-weight: 600;
    }

    .nerdhub-form-field input[b-97fwk1nq8a] {
        width: 100%;
        height: 42px;
        padding: 0 var(--nh-space-3);
        background: var(--nh-surface-raised);
        border: 1px solid var(--nh-border);
        border-radius: var(--nh-radius-md);
        color: var(--nh-text);
        outline: none;
        transition: border-color var(--nh-transition-fast), box-shadow var(--nh-transition-fast);
    }

        .nerdhub-form-field input:hover[b-97fwk1nq8a] {
            border-color: var(--nh-border-hover);
        }

        .nerdhub-form-field input:focus[b-97fwk1nq8a] {
            border-color: var(--nh-brand-600);
            box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
        }


/* ============================================================
   Submit
   ============================================================ */

.nerdhub-auth-submit[b-97fwk1nq8a] {
    width: 100%;
    margin-top: var(--nh-space-2);
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.nerdhub-privacy[b-2im4evjwd7] {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 24px 80px;
}

.nerdhub-privacy-intro[b-2im4evjwd7] {
    padding: 72px 0 56px;
}

    .nerdhub-privacy-intro h1[b-2im4evjwd7] {
        margin: 10px 0 18px;
        font-size: clamp(2.4rem, 5vw, 4rem);
        line-height: 1.05;
    }

    .nerdhub-privacy-intro p[b-2im4evjwd7] {
        max-width: 720px;
        margin: 0;
        font-size: 1.15rem;
        line-height: 1.7;
        opacity: 0.8;
    }

.nerdhub-privacy-meta[b-2im4evjwd7] {
    margin-top: 18px;
    font-size: 0.9rem;
    opacity: 0.6;
}

.nerdhub-privacy-content[b-2im4evjwd7] {
    max-width: 820px;
}

    .nerdhub-privacy-content h2[b-2im4evjwd7] {
        margin: 56px 0 18px;
        font-size: 1.7rem;
        line-height: 1.25;
    }

    .nerdhub-privacy-content h3[b-2im4evjwd7] {
        margin: 34px 0 14px;
        font-size: 1.2rem;
        line-height: 1.35;
    }

    .nerdhub-privacy-content p[b-2im4evjwd7] {
        margin: 0 0 18px;
        font-size: 1rem;
        line-height: 1.75;
    }

    .nerdhub-privacy-content ul[b-2im4evjwd7] {
        margin: 0 0 24px;
        padding-left: 24px;
    }

    .nerdhub-privacy-content li[b-2im4evjwd7] {
        margin-bottom: 8px;
        line-height: 1.65;
    }

@media (max-width: 700px) {

    .nerdhub-privacy[b-2im4evjwd7] {
        padding: 0 18px 56px;
    }

    .nerdhub-privacy-intro[b-2im4evjwd7] {
        padding: 48px 0 36px;
    }

    .nerdhub-privacy-content h2[b-2im4evjwd7] {
        margin-top: 42px;
        font-size: 1.5rem;
    }

    .nerdhub-privacy-content h3[b-2im4evjwd7] {
        margin-top: 28px;
    }
}
/* /Components/Shared/InconsistencyResultCard.razor.rz.scp.css */
/* ============================================================
   Inconsistency Result
   ============================================================ */

.nerdhub-inconsistency-result[b-1y0dnygwmw] {
    padding: var(--nh-space-5);
    background: var(--nh-surface-raised);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
}


/* ============================================================
   Header
   ============================================================ */

.nerdhub-inconsistency-result-header[b-1y0dnygwmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--nh-space-4);
}

    .nerdhub-inconsistency-result-header strong[b-1y0dnygwmw] {
        color: var(--nh-text);
        font-size: var(--nh-font-size-md);
        font-weight: 650;
    }

.nerdhub-inconsistency-severity[b-1y0dnygwmw] {
    flex-shrink: 0;
    padding: 4px 9px;
    border-radius: var(--nh-radius-round);
    font-size: var(--nh-font-size-xs);
    font-weight: 650;
}

    .nerdhub-inconsistency-severity.severity-error[b-1y0dnygwmw] {
        background: var(--nh-error-surface);
        color: var(--nh-error);
    }

    .nerdhub-inconsistency-severity.severity-warning[b-1y0dnygwmw] {
        background: var(--nh-warning-surface);
        color: var(--nh-warning);
    }

    .nerdhub-inconsistency-severity.severity-info[b-1y0dnygwmw] {
        background: var(--nh-info-surface);
        color: var(--nh-info);
    }


/* ============================================================
   Fields
   ============================================================ */

.nerdhub-inconsistency-fields[b-1y0dnygwmw] {
    margin-top: var(--nh-space-4);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nh-space-3);
}

.nerdhub-inconsistency-field[b-1y0dnygwmw] {
    padding: var(--nh-space-3);
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--nh-surface);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-md);
}

    .nerdhub-inconsistency-field span[b-1y0dnygwmw] {
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-xs);
    }

    .nerdhub-inconsistency-field strong[b-1y0dnygwmw] {
        color: var(--nh-text-secondary);
        font-size: var(--nh-font-size-sm);
    }


/* ============================================================
   Table
   ============================================================ */

.nerdhub-quality-table-wrapper[b-1y0dnygwmw] {
    margin-top: var(--nh-space-5);
    overflow-x: auto;
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-md);
}

.nerdhub-quality-table[b-1y0dnygwmw] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--nh-font-size-sm);
}

    .nerdhub-quality-table th[b-1y0dnygwmw] {
        padding: var(--nh-space-3);
        text-align: left;
        color: var(--nh-text-secondary);
        background: var(--nh-surface);
        font-weight: 650;
        white-space: nowrap;
    }

    .nerdhub-quality-table td[b-1y0dnygwmw] {
        padding: var(--nh-space-3);
        color: var(--nh-text-secondary);
        border-top: 1px solid var(--nh-border);
    }

    .nerdhub-quality-table tbody tr:hover[b-1y0dnygwmw] {
        background: var(--nh-surface-hover);
    }


/* ============================================================
   Actions
   ============================================================ */

.nerdhub-inconsistency-actions[b-1y0dnygwmw] {
    margin-top: var(--nh-space-5);
    display: flex;
    flex-wrap: wrap;
    gap: var(--nh-space-2);
}

.nerdhub-quality-action[b-1y0dnygwmw],
.nerdhub-quality-action-secondary[b-1y0dnygwmw],
.nerdhub-quality-action-danger[b-1y0dnygwmw] {
    min-height: 36px;
    padding: 0 var(--nh-space-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--nh-space-2);
    border: 1px solid transparent;
    border-radius: var(--nh-radius-md);
    font: inherit;
    font-size: var(--nh-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    transition: background var(--nh-transition-fast), border-color var(--nh-transition-fast), color var(--nh-transition-fast);
}

    .nerdhub-quality-action svg[b-1y0dnygwmw],
    .nerdhub-quality-action-secondary svg[b-1y0dnygwmw],
    .nerdhub-quality-action-danger svg[b-1y0dnygwmw] {
        width: 16px !important;
        height: 16px !important;
    }

.nerdhub-quality-action[b-1y0dnygwmw] {
    background: var(--nh-brand-700);
    color: var(--nh-brand-100);
}

    .nerdhub-quality-action:hover:not(:disabled)[b-1y0dnygwmw] {
        background: var(--nh-brand-600);
    }

.nerdhub-quality-action-secondary[b-1y0dnygwmw] {
    background: var(--nh-surface);
    border-color: var(--nh-border);
    color: var(--nh-text-secondary);
}

    .nerdhub-quality-action-secondary:hover:not(:disabled)[b-1y0dnygwmw] {
        background: var(--nh-surface-hover);
        border-color: var(--nh-border-hover);
        color: var(--nh-text);
    }

.nerdhub-quality-action-danger[b-1y0dnygwmw] {
    background: var(--nh-error);
    color: #fff;
}

    .nerdhub-quality-action-danger:hover:not(:disabled)[b-1y0dnygwmw] {
        filter: brightness(1.08);
    }

    .nerdhub-quality-action:disabled[b-1y0dnygwmw],
    .nerdhub-quality-action-secondary:disabled[b-1y0dnygwmw],
    .nerdhub-quality-action-danger:disabled[b-1y0dnygwmw] {
        opacity: 0.5;
        cursor: not-allowed;
    }


/* ============================================================
   Action Input
   ============================================================ */

.nerdhub-action-input[b-1y0dnygwmw] {
    margin-top: var(--nh-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--nh-space-2);
}

    .nerdhub-action-input label[b-1y0dnygwmw] {
        color: var(--nh-text-secondary);
        font-size: var(--nh-font-size-sm);
        font-weight: 600;
    }

    .nerdhub-action-input input[b-1y0dnygwmw],
    .nerdhub-action-input select[b-1y0dnygwmw] {
        width: 100%;
        min-height: 42px;
        padding: 0 var(--nh-space-3);
        background: var(--nh-surface-raised);
        border: 1px solid var(--nh-border);
        border-radius: var(--nh-radius-md);
        color: var(--nh-text);
        font: inherit;
        outline: none;
        transition: border-color var(--nh-transition-fast), box-shadow var(--nh-transition-fast);
    }

        .nerdhub-action-input input:hover[b-1y0dnygwmw],
        .nerdhub-action-input select:hover[b-1y0dnygwmw] {
            border-color: var(--nh-border-hover);
        }

        .nerdhub-action-input input:focus[b-1y0dnygwmw],
        .nerdhub-action-input select:focus[b-1y0dnygwmw] {
            border-color: var(--nh-brand-600);
            box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
        }


/* ============================================================
   Person Search
   ============================================================ */

.nerdhub-action-search-area[b-1y0dnygwmw] {
    margin-top: var(--nh-space-3);
}

.nerdhub-action-search-status[b-1y0dnygwmw] {
    padding: var(--nh-space-3);
    color: var(--nh-text-muted);
    font-size: var(--nh-font-size-sm);
}

.nerdhub-action-search-results[b-1y0dnygwmw] {
    display: flex;
    flex-direction: column;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-md);
}

.nerdhub-action-search-result[b-1y0dnygwmw] {
    width: 100%;
    padding: var(--nh-space-3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--nh-space-3);
    background: var(--nh-surface);
    border: 0;
    color: var(--nh-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background var(--nh-transition-fast);
}

    .nerdhub-action-search-result + .nerdhub-action-search-result[b-1y0dnygwmw] {
        border-top: 1px solid var(--nh-border);
    }

    .nerdhub-action-search-result:hover[b-1y0dnygwmw] {
        background: var(--nh-surface-hover);
    }

.nerdhub-action-search-result-name[b-1y0dnygwmw] {
    color: var(--nh-text);
    font-size: var(--nh-font-size-sm);
    font-weight: 600;
}

.nerdhub-action-search-result-id[b-1y0dnygwmw] {
    flex-shrink: 0;
    color: var(--nh-text-subtle);
    font-size: var(--nh-font-size-xs);
}

.nerdhub-merge-target-selected[b-1y0dnygwmw] {
    margin-top: var(--nh-space-3);
    padding: var(--nh-space-3);
    background: var(--nh-brand-900);
    border: 1px solid var(--nh-border-active);
    border-radius: var(--nh-radius-md);
    color: var(--nh-brand-200);
    font-size: var(--nh-font-size-sm);
}


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 700px) {

    .nerdhub-inconsistency-result[b-1y0dnygwmw] {
        padding: var(--nh-space-4);
    }

    .nerdhub-inconsistency-fields[b-1y0dnygwmw] {
        grid-template-columns: 1fr;
    }

    .nerdhub-inconsistency-result-header[b-1y0dnygwmw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .nerdhub-modal-backdrop[b-1y0dnygwmw] {
        padding: var(--nh-space-4);
    }

    .nerdhub-confirmation-modal[b-1y0dnygwmw] {
        padding: var(--nh-space-5);
    }

    .nerdhub-confirmation-actions[b-1y0dnygwmw] {
        flex-direction: column-reverse;
    }

        .nerdhub-confirmation-actions .nerdhub-button[b-1y0dnygwmw] {
            width: 100%;
        }
}

/* /Components/Shared/ToastContainer.razor.rz.scp.css */
/* ============================================================
   Toast Container
   ============================================================ */

.nerdhub-toast-container[b-c3q096h7l3] {
    position: fixed;
    top: calc( var(--nh-header-height) + var(--nh-space-4) );
    right: var(--nh-space-4);
    z-index: 1100;
    display: flex;
    flex-direction: column;
    gap: var(--nh-space-3);
    width: min(380px, calc(100vw - var(--nh-space-8)));
    pointer-events: none;
}


/* ============================================================
   Toast
   ============================================================ */

.nerdhub-toast[b-c3q096h7l3] {
    position: relative;
    overflow: hidden;
    min-height: 52px;
    padding: var(--nh-space-3) var(--nh-space-4);
    display: flex;
    align-items: center;
    gap: var(--nh-space-3);
    background: rgba(21, 29, 30, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--nh-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    color: var(--nh-text);
    pointer-events: auto;
    animation: nerdhub-toast-in-b-c3q096h7l3 var(--nh-transition-normal) ease-out;
}


    .nerdhub-toast[b-c3q096h7l3]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 3px;
        background: var(--nh-brand-500);
    }

.nerdhub-toast-success[b-c3q096h7l3]::before {
    background: var(--nh-success);
}

.nerdhub-toast-error[b-c3q096h7l3]::before {
    background: var(--nh-error);
}

.nerdhub-toast-warning[b-c3q096h7l3]::before {
    background: var(--nh-warning);
}

.nerdhub-toast-info[b-c3q096h7l3]::before {
    background: var(--nh-info);
}

/* ============================================================
   Icon
   ============================================================ */

.nerdhub-toast-icon[b-c3q096h7l3] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .nerdhub-toast-icon svg[b-c3q096h7l3] {
        display: block;
        width: 18px !important;
        height: 18px !important;
    }

/* ============================================================
   Content
   ============================================================ */


.nerdhub-toast-content[b-c3q096h7l3] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
}

    .nerdhub-toast-content strong[b-c3q096h7l3] {
        display: block;
        color: var(--nh-text);
        font-size: var(--nh-font-size-sm);
        font-weight: 650;
    }

    .nerdhub-toast-content span[b-c3q096h7l3] {
        display: block;
        margin: 0;
        color: var(--nh-text-secondary);
        font-size: var(--nh-font-size-sm);
        line-height: 1.3;
    }


/* ============================================================
   Close
   ============================================================ */

.nerdhub-toast-close[b-c3q096h7l3] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--nh-radius-md);
    background: transparent;
    color: var(--nh-text-muted);
    cursor: pointer;
    transition: background var(--nh-transition-fast), color var(--nh-transition-fast);
}


    .nerdhub-toast-close:hover[b-c3q096h7l3] {
        background: rgba(255, 255, 255, 0.08);
        color: var(--nh-text);
    }

    .nerdhub-toast-close svg[b-c3q096h7l3] {
        display: block;
        width: 16px !important;
        height: 16px !important;
    }

/* ============================================================
   Types
   ============================================================ */

.nerdhub-toast-success[b-c3q096h7l3] {
    border-color: rgba(34, 197, 94, 0.30);
}

    .nerdhub-toast-success .nerdhub-toast-icon[b-c3q096h7l3] {
        color: var(--nh-success);
    }

.nerdhub-toast-error[b-c3q096h7l3] {
    border-color: rgba(239, 68, 68, 0.30);
}

    .nerdhub-toast-error .nerdhub-toast-icon[b-c3q096h7l3] {
        color: var(--nh-error);
    }

.nerdhub-toast-warning[b-c3q096h7l3] {
    border-color: rgba(245, 158, 11, 0.30);
}

    .nerdhub-toast-warning .nerdhub-toast-icon[b-c3q096h7l3] {
        color: var(--nh-warning);
    }

.nerdhub-toast-info[b-c3q096h7l3] {
    border-color: rgba(59, 130, 246, 0.30);
}

    .nerdhub-toast-info .nerdhub-toast-icon[b-c3q096h7l3] {
        color: var(--nh-info);
    }


/* ============================================================
   Animation
   ============================================================ */

@keyframes nerdhub-toast-in-b-c3q096h7l3 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 600px) {

    .nerdhub-toast-container[b-c3q096h7l3] {
        top: calc( var(--nh-header-height) + var(--nh-space-3) );
        right: var(--nh-space-3);
        left: var(--nh-space-3);
        width: auto;
    }
}