@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Components/App.razor.rz.scp.css */
/* Blazor error UI */
#blazor-error-ui[b-shshk9i34v] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    margin: 20px 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-shshk9i34v] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Docs/PackageDocs.razor.rz.scp.css */
.docs-browser-root[b-9muua214bg] {
    width: 100%;
    min-width: 0;
}

.docs-browser-root--full[b-9muua214bg] {
    min-height: 0;
}

.package-docs-shell[b-9muua214bg] {
    min-width: 0;
}

.docs-state-inline[b-9muua214bg] {
    padding: 0.25rem 0;
}

.package-docs-content[b-9muua214bg] {
    display: flex;
    flex-direction: column;
    gap: var(--spacingVerticalS, 12px);
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.package-docs-meta-row[b-9muua214bg] {
    font-size: 0.88rem;
}

.package-docs-toolbar[b-9muua214bg] {
    width: 100%;
    min-width: 0;
}

.package-docs-toolbar-search-row[b-9muua214bg] {
    align-items: flex-end;
}

.package-docs-symbol-search-wrap[b-9muua214bg] {
    flex: 1;
    min-width: 0;
}

.package-docs-symbol-search-wrap[b-9muua214bg]  fluent-text-field {
    width: 100%;
    min-width: 0;
}

.package-docs-filter-anchor[b-9muua214bg] {
    position: relative;
    flex: 0 0 auto;
}

.package-docs-filter-button[b-9muua214bg] {
    min-width: 2.5rem;
    padding-inline: 0.5rem;
}

.package-docs-filter-popover[b-9muua214bg] {
    position: absolute;
    z-index: 20;
    top: calc(100% + var(--spacingVerticalXS, 4px));
    right: 0;
    min-width: 18rem;
    max-width: min(26rem, 92vw);
}

.package-docs-kind-grid[b-9muua214bg] {
    display: grid;
    gap: var(--spacingVerticalXS, 4px);
    max-height: 10rem;
    overflow-y: auto;
}

.package-docs-kind-item[b-9muua214bg] {
    display: flex;
    align-items: center;
    gap: var(--spacingHorizontalXS, 6px);
    font-size: 0.9rem;
}

.package-docs-main-grid[b-9muua214bg] {
    display: grid;
    grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) minmax(240px, 280px);
    gap: var(--spacingHorizontalS, 12px);
    width: 100%;
    min-width: 0;
    min-height: 0;
    align-items: start;
}

.package-docs-article-col[b-9muua214bg]  .docs-markdown-body {
    max-width: none;
    width: 100%;
}

.package-docs-nav-col[b-9muua214bg],
.package-docs-article-col[b-9muua214bg],
.package-docs-toc-col[b-9muua214bg] {
    min-width: 0;
}

.package-docs-right-rail[b-9muua214bg] {
    display: flex;
    flex-direction: column;
    gap: var(--spacingHorizontalM, 16px);
    min-width: 0;
}

.package-docs-symbol-scroll[b-9muua214bg] {
    max-height: min(42vh, 28rem);
    overflow-y: auto;
    min-height: 0;
    padding-right: var(--spacingHorizontalXXS, 2px);
}

.package-docs-symbol-grid[b-9muua214bg],
.package-docs-toc-grid[b-9muua214bg] {
    width: 100%;
}

.package-docs-grid[b-9muua214bg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.package-docs-grid th[b-9muua214bg],
.package-docs-grid td[b-9muua214bg] {
    padding: var(--spacingVerticalXS, 4px) var(--spacingHorizontalS, 8px);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    text-align: left;
    vertical-align: top;
}

.package-docs-grid th[b-9muua214bg] {
    color: var(--neutral-foreground-hint);
    font-weight: 600;
}

.package-docs-toc-shell[b-9muua214bg] {
    position: sticky;
    top: var(--spacingVerticalM, 12px);
}

.package-docs-toc-link[b-9muua214bg] {
    white-space: pre-wrap;
}

.docs-module-tree-scroll[b-9muua214bg] {
    max-height: min(56vh, 32rem);
    overflow-y: auto;
    padding-right: var(--spacingHorizontalXXS, 2px);
}

.docs-module-tree-meta[b-9muua214bg] {
    font-size: 0.78rem;
}

.docs-module-member-btn[b-9muua214bg] {
    width: 100%;
    text-align: left;
    justify-content: flex-start !important;
}

.docs-module-member-btn--active[b-9muua214bg] {
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-on-accent-rest);
    border-radius: var(--control-corner-radius);
}

/* Mid-width: keep nav + article side-by-side; move outline + symbols below */
@media (max-width: 1200px) {
    .package-docs-main-grid[b-9muua214bg] {
        grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    }

    .package-docs-right-rail[b-9muua214bg] {
        grid-column: 1 / -1;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: var(--spacingHorizontalM, 16px);
    }

    .package-docs-toc-col[b-9muua214bg] {
        flex: 1 1 220px;
        min-width: 0;
    }

    .package-docs-toolbar[b-9muua214bg] {
        flex: 2 1 min(100%, 28rem);
        min-width: 0;
    }

    .package-docs-toc-shell[b-9muua214bg] {
        position: static;
    }
}

/* Narrow: single column; article first for reading */
@media (max-width: 960px) {
    .package-docs-main-grid[b-9muua214bg] {
        grid-template-columns: 1fr;
    }

    .package-docs-article-col[b-9muua214bg] {
        order: -1;
    }

    .package-docs-right-rail[b-9muua214bg] {
        flex-direction: column;
    }

    .package-docs-toolbar[b-9muua214bg] {
        flex: none;
    }
}
/* /Components/EmptyState.razor.rz.scp.css */
.empty-state[b-p3wt6plvty] {
    width: 100%;
}

.empty-state-content[b-p3wt6plvty] {
    display: grid;
    gap: 12px;
}
/* /Components/FeedbackMessage.razor.rz.scp.css */
.feedback-message[b-8r7n10gfr1] {
    border-radius: 10px;
    padding: 10px 12px;
    font-weight: 600;
    border: 1px solid transparent;
}

.feedback-message.is-success[b-8r7n10gfr1] {
    color: var(--success-foreground-rest);
    background: var(--success-fill-subtle-rest);
    border-color: var(--success-stroke-rest);
}

.feedback-message.is-error[b-8r7n10gfr1] {
    color: var(--error-foreground-rest);
    background: var(--error-fill-subtle-rest);
    border-color: var(--error-stroke-rest);
}
/* /Components/Layout/AppTopBar.razor.rz.scp.css */


/* Modern Fluent Top App Bar */
.top-nav[b-uocdtol9pu] {
    position: fixed;
    top: 0;
    align-content: space-between;
    left: 0;
    flex-wrap: nowrap;
    right: 0;
    height: 64px;
    width: 100%;
    background: var(--topBarBackground);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    color: var(--neutral-foreground-rest);
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Brand Section */
.top-nav-left[b-uocdtol9pu] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.top-nav-right[b-uocdtol9pu] {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
}
.brand-link[b-uocdtol9pu] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: inherit;
    transition: all 180ms ease;
    border-radius: 8px;
    padding: 8px 12px;
}

.brand-link:hover[b-uocdtol9pu] {
    background: var(--neutral-fill-layer-hover);
    transform: translateY(-1px);
}

.brand[b-uocdtol9pu] {
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    font-size: 1.125rem;
}

/* Navigation Links */
.top-nav-middle[b-uocdtol9pu] {
    display: flex;
    justify-content: center;
}

.top-nav-links[b-uocdtol9pu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.top-nav-links a[b-uocdtol9pu] {
    color: var(--neutral-foreground-hint);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 8px 16px;
    border-radius: 8px;
    transition: all 180ms ease;
    position: relative;
}

.top-nav-links a:hover[b-uocdtol9pu],
.top-nav-links a.active[b-uocdtol9pu] {
    color: var(--neutral-foreground-rest);
    background: var(--neutral-fill-layer-hover);
}

.top-nav-links a:focus-visible[b-uocdtol9pu] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}


/* Right Controls */
.top-nav-right[b-uocdtol9pu] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.top-nav-controls[b-uocdtol9pu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.top-nav-user[b-uocdtol9pu],
.top-nav-auth[b-uocdtol9pu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Fluent Button Overrides */
[b-uocdtol9pu] .top-nav-controls fluent-button,
[b-uocdtol9pu] .top-nav-auth fluent-anchor {
    border-radius: 8px;
    font-weight: 500;
    transition: all 180ms ease;
}

[b-uocdtol9pu] .top-nav-controls fluent-button:hover,
[b-uocdtol9pu] .top-nav-auth fluent-anchor:hover {
    transform: translateY(-1px);
}

/* Icon styling */
fluent-anchor > svg[b-uocdtol9pu] {
    transition: all 180ms ease;
}

/* Mobile Responsive */
@media (max-width: 900px) {
    .top-nav-inner[b-uocdtol9pu] {
        gap: 1rem;
        padding: 0 1rem;
    }
}

@media (max-width: 700px) {
    .top-nav[b-uocdtol9pu] {
        height: auto;
        min-height: 64px;
    }

    .top-nav-inner[b-uocdtol9pu] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .top-nav-middle[b-uocdtol9pu] {
        order: 3;
    }

    .top-nav-right[b-uocdtol9pu] {
        order: 2;
    }

    .top-nav-left[b-uocdtol9pu] {
        order: 1;
    }

    .top-nav-links[b-uocdtol9pu] {
        gap: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .top-nav-links a[b-uocdtol9pu] {
        padding: 6px 12px;
        font-size: 0.9rem;
    }

    .brand[b-uocdtol9pu] {
        font-size: 1rem;
    }
}
/* /Components/Layout/DashboardLayout.razor.rz.scp.css */
.dashboard-layout[b-w2wnm89pk7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 100dvh;
}

.dashboard-sidebar[b-w2wnm89pk7] {
    width: 260px;
    background: var(--neutral-fill-stealth-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    padding: 12px;
    overflow-y: auto;
    position: sticky;
    top: 0;
    height: 100dvh;
}

.dashboard-main[b-w2wnm89pk7] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 100dvh;
}

.dashboard-content[b-w2wnm89pk7] {
    padding: 24px;
    overflow-y: auto;
}

.dashboard-sidebar-nav[b-w2wnm89pk7] {
    display: grid;
    gap: 4px;
}

.dashboard-sidebar-nav fluent-nav-link[b-w2wnm89pk7] {
    border-radius: 8px;
    padding: 8px 12px;
    margin: 2px 0;
    text-decoration: none;
    color: var(--neutral-foreground-rest);
}

.dashboard-sidebar-nav fluent-nav-link:hover[b-w2wnm89pk7] {
    background: var(--neutral-fill-layer-hover);
    color: var(--neutral-foreground-hover);
}

.dashboard-sidebar-nav fluent-nav-link.active[b-w2wnm89pk7] {
    background: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
}

@media (max-width: 768px) {
    .dashboard-layout[b-w2wnm89pk7] {
        grid-template-columns: 1fr;
    }

    .dashboard-sidebar[b-w2wnm89pk7] {
        display: none;
    }

    .dashboard-sidebar.mobile-open[b-w2wnm89pk7] {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        height: 100dvh;
        z-index: 1000;
        box-shadow: var(--surface-shadow);
    }

    .dashboard-main[b-w2wnm89pk7] {
        grid-template-rows: auto 1fr;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-b2v93q5khi] header.top-nav {
    width: 100%;
    background: var(--topBarBackground) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}
.main-region[b-b2v93q5khi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem 1.25rem 2rem;
}

.main-region.with-sidebar[b-b2v93q5khi] {
    grid-template-columns: 260px minmax(0, 1fr);
}

.dashboard-shell[b-b2v93q5khi] {
    min-height: 100dvh;
    padding: 0;
    background: var(--neutral-fill-layer-rest);
}

.dashboard-layout[b-b2v93q5khi] {
    max-width: none;
    margin: 0;
    gap: 0;
}

.dashboard-sidebar-shell[b-b2v93q5khi] {
    width: 290px;
    flex: 0 0 290px;
    border-right: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 0;
    background: var(--neutral-fill-stencil-rest);
    box-shadow: none;
    padding: 12px 8px;
    overflow: hidden;
    transition: transform 0.2s ease, width 0.2s ease, flex-basis 0.2s ease, padding 0.2s ease;
}

.dashboard-navmenu[b-b2v93q5khi] {
    width: 100%;
}

.dashboard-sidebar-shell.collapsed[b-b2v93q5khi] {
    width: 0;
    flex-basis: 0;
    padding: 0;
    border-right: 0;
}

.dashboard-sidebar-shell.collapsed .dashboard-navmenu[b-b2v93q5khi] {
    display: none;
}

.dashboard-sidebar-backdrop[b-b2v93q5khi] {
    display: none;
}

.top-nav-menu-toggle[b-b2v93q5khi]::part(control) {
    border-radius: 10px;
    min-width: 36px;
    width: 36px;
    padding: 0;
}

.dashboard-content-area[b-b2v93q5khi] {
    min-width: 0;
    border: 0;
    border-radius: 0;
    background: var(--neutral-fill-layer-rest);
    box-shadow: none;
    padding: 24px;
    overflow-y: auto;
}

.publisher-sidebar[b-b2v93q5khi] {
    position: sticky;
    top: 1rem;
    align-self: start;
}

.page-content[b-b2v93q5khi] {
    display: grid;
    gap: 1rem;
}

@media (max-width: 980px) {
    .main-region.with-sidebar[b-b2v93q5khi] {
        grid-template-columns: 1fr;
    }

    .dashboard-sidebar-shell[b-b2v93q5khi] {
        position: fixed;
        top: 58px;
        left: 0;
        height: calc(100dvh - 58px);
        width: min(290px, 85vw);
        flex-basis: auto;
        z-index: 25;
        border-right: 1px solid var(--neutral-stroke-divider-rest);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);
        transform: translateX(-100%);
    }

    .dashboard-content-area[b-b2v93q5khi] {
        padding: 16px;
    }

    .dashboard-sidebar-shell.open[b-b2v93q5khi] {
        transform: translateX(0);
    }

    .dashboard-sidebar-shell.collapsed[b-b2v93q5khi] {
        width: min(290px, 85vw);
        flex-basis: auto;
        padding: 12px 8px;
        border-right: 1px solid var(--neutral-stroke-divider-rest);
    }

    .dashboard-sidebar-backdrop[b-b2v93q5khi] {
        position: fixed;
        inset: 58px 0 0 0;
        background: rgba(0, 0, 0, 0.36);
        z-index: 20;
    }

    .dashboard-sidebar-backdrop.is-visible[b-b2v93q5khi] {
        display: block;
    }
}
/* /Components/Layout/NotificationButton.razor.rz.scp.css */
[b-z4m44iu7zv] .notification-icon-button::part(control) {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
}

[b-z4m44iu7zv] .notification-icon-button::part(control):hover {
    background: var(--neutral-fill-layer-hover);
}

[b-z4m44iu7zv] .notification-icon-button::part(control):focus-visible {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}
/* /Components/Layout/NotificationCenter.razor.rz.scp.css */
.notif-center-panel[b-7btp9hcv5c] {
    position: fixed;
    top: 74px;
    right: 16px;
    z-index: 1300;
    width: min(420px, calc(100vw - 24px));
    max-height: min(70vh, 680px);
    overflow: auto;
    border-radius: 14px;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-layer-rest);
    color: var(--neutral-foreground-rest);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.24);
    padding: 10px;
}

.notif-center-header[b-7btp9hcv5c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px 10px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    color: var(--neutral-foreground-rest);
    margin-bottom: 8px;
}

.notif-center-title[b-7btp9hcv5c] {
    color: var(--neutral-foreground-rest);
    font-weight: 600;
}

.notif-center-header .spacer[b-7btp9hcv5c] {
    flex: 1;
}

.notif-empty-state[b-7btp9hcv5c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
}

.mb-item[b-7btp9hcv5c] {
    margin-bottom: 8px;
}

.mb-title[b-7btp9hcv5c] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.mb-time[b-7btp9hcv5c] {
    font-size: 0.78rem;
}

.mb-actions[b-7btp9hcv5c] {
    margin-top: 8px;
}
/* /Components/Layout/OnboardingLayout.razor.rz.scp.css */
.onboarding-shell[b-b2lm22fnf0] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.onboarding-main[b-b2lm22fnf0] {
    width: min(100%, 560px);
}

.auth-card[b-b2lm22fnf0] {
    width: 100%;
    margin: 0;
}

.auth-card .alert[b-b2lm22fnf0] {
    border-radius: 8px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nkvk78osio],
.components-reconnect-repeated-attempt-visible[b-nkvk78osio],
.components-reconnect-failed-visible[b-nkvk78osio],
.components-pause-visible[b-nkvk78osio],
.components-resume-failed-visible[b-nkvk78osio],
.components-rejoining-animation[b-nkvk78osio] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-retrying[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-failed[b-nkvk78osio],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-nkvk78osio] {
    display: block;
}


#components-reconnect-modal[b-nkvk78osio] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-nkvk78osio 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-nkvk78osio 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-nkvk78osio 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-nkvk78osio]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-nkvk78osio 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-nkvk78osio {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-nkvk78osio {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-nkvk78osio {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-nkvk78osio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-nkvk78osio] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-nkvk78osio] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-nkvk78osio] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-nkvk78osio] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-nkvk78osio] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-nkvk78osio] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-nkvk78osio 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-nkvk78osio] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-nkvk78osio {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.profile-menu-stack[b-ikyxyyw8oq]  fluent-menu-item.profile-menu-item::part(control) {
    min-height: 2.5rem;
    padding-block: 0.35rem;
    padding-inline: 0.35rem 0.5rem;
    border-radius: var(--control-corner-radius);
}

.profile-menu-stack[b-ikyxyyw8oq]  fluent-menu-item.profile-menu-item {
    width: 100%;
}
/* /Components/Pages/Auth.razor.rz.scp.css */
.auth-page[b-a5mzss4enq] {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 24px 12px 28px;
    display: grid;
    gap: 16px;
}

.auth-intro[b-a5mzss4enq] {
    padding: 4px 4px 0;
}

.auth-intro h1[b-a5mzss4enq] {
    margin: 0;
    font-size: clamp(1.6rem, 2.5vw, 2.1rem);
}

.auth-intro p[b-a5mzss4enq] {
    margin: 8px 0 0;
}

.auth-stage[b-a5mzss4enq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.auth-pane[b-a5mzss4enq] {
    min-height: 100%;
    animation: auth-pane-enter-b-a5mzss4enq 220ms ease;
}

.auth-side-panel[b-a5mzss4enq] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 20px;
    background: var(--neutral-fill-stencil-rest);
    color: var(--neutral-foreground-rest);
}

.auth-side-panel h2[b-a5mzss4enq] {
    margin: 0;
    font-size: 1.2rem;
}

.auth-side-panel p[b-a5mzss4enq] {
    margin: 12px 0 0;
}

.auth-side-panel ul[b-a5mzss4enq] {
    margin: 14px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
}

.auth-form-field[b-a5mzss4enq] {
    width: 100%;
}

[b-a5mzss4enq] .auth-form-field::part(root) {
    width: 100%;
}

[b-a5mzss4enq] .auth-form-field::part(end) {
    padding-inline: 0;
}

[b-a5mzss4enq] .auth-form-field::part(control) {
    padding-inline-end: 0;
}

[b-a5mzss4enq] .password-visibility-toggle {
    margin-inline: 0;
}

[b-a5mzss4enq] .password-visibility-toggle::part(control) {
    min-width: 24px;
    padding-inline: 4px;
    margin-inline: 0;
}

.auth-submit[b-a5mzss4enq] {
    min-width: 170px;
    justify-self: start;
}

.auth-help[b-a5mzss4enq] {
    width: 100%;
}

.auth-help-actions[b-a5mzss4enq] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.auth-switch-copy[b-a5mzss4enq] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.94rem;
}

.auth-inline-button[b-a5mzss4enq] {
    margin-left: 6px;
}

[b-a5mzss4enq] .auth-inline-button::part(control) {
    font-weight: 700;
    color: var(--accent-foreground-rest);
}

@keyframes auth-pane-enter-b-a5mzss4enq {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Dashboard/Admin/AdminUsers.razor.rz.scp.css */
.admin-users-page-header[b-hn1kwbrdya] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.admin-users-layout[b-hn1kwbrdya] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 24px;
    align-items: start;
}

@media (max-width: 960px) {
    .admin-users-layout[b-hn1kwbrdya] {
        grid-template-columns: 1fr;
    }

    .admin-users-panel[b-hn1kwbrdya] {
        position: static;
    }
}

.admin-users-panel[b-hn1kwbrdya] {
    position: sticky;
    top: 16px;
}

.admin-users-panel-empty[b-hn1kwbrdya] {
    padding: 24px;
}

.admin-user-manage-card[b-hn1kwbrdya] {
    padding: 20px;
}
/* /Components/Pages/Dashboard/AllPackages.razor.rz.scp.css */
.kpi-grid[b-jqd0hhld7i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.split-grid[b-jqd0hhld7i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

@media (max-width: 980px) {
    .kpi-grid[b-jqd0hhld7i],
    .split-grid[b-jqd0hhld7i] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .kpi-grid[b-jqd0hhld7i],
    .split-grid[b-jqd0hhld7i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Dashboard/Profile.razor.rz.scp.css */
.profile-settings-page[b-1kdjko0sgp] {
    max-width: 1000px;
}

.profile-settings-header[b-1kdjko0sgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.profile-settings-header h1[b-1kdjko0sgp] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.profile-settings-form[b-1kdjko0sgp] {
    width: 100%;
}

.profile-layout[b-1kdjko0sgp] {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

/* Sidebar */
.profile-sidebar[b-1kdjko0sgp] {
    position: sticky;
    top: 24px;
}

.profile-avatar-section[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.profile-avatar-upload[b-1kdjko0sgp] {
    position: relative;
}

.profile-avatar-upload.is-disabled[b-1kdjko0sgp] {
    opacity: 0.6;
    pointer-events: none;
}

.profile-avatar-upload[b-1kdjko0sgp]  .upload-dropzone {
    gap: 0;
}

.profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar-upload-trigger {
    position: relative;
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 3px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-layer-rest);
}

.profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar-placeholder {
    display: grid;
    place-items: center;
}

.profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar-upload-trigger:hover .profile-avatar-overlay,
.profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar-upload-trigger:focus-within .profile-avatar-overlay {
    opacity: 1;
}

.profile-avatar-info[b-1kdjko0sgp] {
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.4;
}

/* Main content */
.profile-main[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Settings sections */
.settings-section[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.settings-section-header[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.settings-section-header h2[b-1kdjko0sgp] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.settings-section-header p[b-1kdjko0sgp] {
    margin: 0;
    font-size: 0.875rem;
}

.settings-section-content[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings-field[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Email list */
.email-list[b-1kdjko0sgp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.email-item[b-1kdjko0sgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--neutral-fill-stealth-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
}

.email-address[b-1kdjko0sgp] {
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.9rem;
}

.notif-subheader[b-1kdjko0sgp] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.notif-global-row[b-1kdjko0sgp] {
    padding: 10px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-fill-stealth-rest);
}

.notif-label[b-1kdjko0sgp] {
    min-width: 220px;
    font-weight: 500;
}

.notif-scoped-grid[b-1kdjko0sgp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
}

.notif-scoped-item[b-1kdjko0sgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-stealth-rest);
}

.notif-scoped-label[b-1kdjko0sgp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Social links - styles moved to SocialLinksEditor.razor.css */

/* Actions */
.profile-actions[b-1kdjko0sgp] {
    padding-top: 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

/* Responsive */
@media (max-width: 768px) {
    .profile-layout[b-1kdjko0sgp] {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .profile-sidebar[b-1kdjko0sgp] {
        position: static;
        justify-self: center;
    }

    .profile-avatar-upload[b-1kdjko0sgp]  .profile-avatar-upload-trigger {
        width: 140px;
        height: 140px;
    }

    .email-item[b-1kdjko0sgp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .notif-label[b-1kdjko0sgp] {
        min-width: 100%;
    }

    .notif-scoped-item[b-1kdjko0sgp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .settings-section-header h2[b-1kdjko0sgp] {
        font-size: 1rem;
    }
}
/* /Components/Pages/DocsView.razor.rz.scp.css */
.docs-view-page[b-g6pp21xoiu] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-bottom: 1.5rem;
}

.docs-view-header[b-g6pp21xoiu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.docs-view-title[b-g6pp21xoiu] {
    margin: 0;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.25;
}

.docs-view-header-actions[b-g6pp21xoiu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.docs-view-badges[b-g6pp21xoiu] {
    margin: 0;
}
/* /Components/Pages/Error.razor.rz.scp.css */
/* Alerts */
.alert[b-yn030k1jjf] {
    border: 1px dashed var(--accent-fill-rest);
    padding: 5px;
    margin: 10px 0;
}

.alert-danger[b-yn030k1jjf] {
    border-color: var(--error);
}

.alert-success[b-yn030k1jjf] {
    border-color: var(--success);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Surfaces */
.hero[b-6e8xsf83f3],
.auth-card[b-6e8xsf83f3] {
    background: var(--neutral-fill-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 14px;
}

.hero[b-6e8xsf83f3] {
    padding: 1.1rem 1.25rem;
}

.hero h1[b-6e8xsf83f3] {
    margin: 0 0 0.4rem;
}
/* /Components/Pages/Onboarding.razor.rz.scp.css */
.onboarding-card[b-6p8y278rr8] {
    display: grid;
    gap: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 14px;
    background: var(--neutral-fill-rest);
    box-shadow: var(--surface-shadow);
    padding: 24px;
}
/* /Components/Pages/PackageDetails.razor.rz.scp.css */
.package-page-shell[b-smxjbsh05p] {
    display: grid;
    gap: 22px;
}

.package-empty-state[b-smxjbsh05p] {
    padding: 28px 0;
}

.package-header[b-smxjbsh05p] {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.package-icon-image[b-smxjbsh05p] {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.package-icon-placeholder[b-smxjbsh05p] {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: linear-gradient(145deg, var(--brand-500), var(--accent-fill-rest));
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    display: grid;
    place-items: center;
}

.package-hero-main[b-smxjbsh05p] {
    display: grid;
    gap: 8px;
}

.package-hero-main h1[b-smxjbsh05p] {
    margin: 0;
    letter-spacing: -0.02em;
}

.package-description[b-smxjbsh05p] {
    margin: 0;
    color: var(--neutral-foreground-hint);
}

.package-meta-badges[b-smxjbsh05p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.package-tabs[b-smxjbsh05p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

[b-smxjbsh05p] .package-tab-btn::part(control) {
    border-radius: 999px;
}

.package-tab-content[b-smxjbsh05p] {
    display: grid;
}

.package-badges-tab[b-smxjbsh05p] {
    justify-items: start;
    width: 100%;
}

.content-section[b-smxjbsh05p] {
    display: grid;
    gap: 14px;
}

.content-section-title-row[b-smxjbsh05p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-section h2[b-smxjbsh05p],
.content-section-title-row h2[b-smxjbsh05p] {
    margin: 0;
    font-size: 1.15rem;
}

.reviews-header-row[b-smxjbsh05p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.reviews-summary-card[b-smxjbsh05p],
.quality-breakdown-card[b-smxjbsh05p] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 14px;
    display: grid;
    gap: 14px;
}

.reviews-summary-card[b-smxjbsh05p] {
    grid-template-columns: 220px minmax(0, 1fr);
}

.reviews-summary-score[b-smxjbsh05p] {
    display: grid;
    gap: 8px;
    align-content: start;
}

.summary-group-label[b-smxjbsh05p] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--neutral-foreground-hint);
}

.reviews-score-value[b-smxjbsh05p] {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
}

.reviews-distribution[b-smxjbsh05p] {
    display: grid;
    gap: 8px;
}

.distribution-row[b-smxjbsh05p] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) 40px;
    gap: 10px;
    align-items: center;
}

.distribution-track[b-smxjbsh05p] {
    height: 8px;
    border-radius: 999px;
    background: var(--neutral-fill-stealth-rest);
    overflow: hidden;
}

.distribution-fill[b-smxjbsh05p] {
    height: 100%;
    border-radius: 999px;
    background: var(--accent-fill-rest);
}

.distribution-count[b-smxjbsh05p] {
    text-align: right;
    color: var(--neutral-foreground-hint);
}

.quality-row[b-smxjbsh05p] {
    display: grid;
    gap: 8px;
}

.quality-row-head[b-smxjbsh05p] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.review-entry-card[b-smxjbsh05p] {
    margin-top: 10px;
}

.review-entry-head[b-smxjbsh05p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.package-embed-card[b-smxjbsh05p] {
    padding: 16px 18px;
    box-sizing: border-box;
    width: 100%;
    max-width: min(72rem, 100%);
}

.package-embed-head[b-smxjbsh05p] {
    margin-bottom: 12px;
}

.package-embed-title[b-smxjbsh05p] {
    margin: 0 0 6px 0;
    font-size: 1.05rem;
    letter-spacing: -0.01em;
}

.package-embed-lead[b-smxjbsh05p] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.45;
}

.package-embed-label[b-smxjbsh05p] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.75;
    margin-bottom: 6px;
}

.package-embed-snippet[b-smxjbsh05p] {
    margin: 0;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    font-size: 0.82rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-all;
    overflow-x: auto;
    max-height: 200px;
    overflow-y: auto;
}

.package-embed-note[b-smxjbsh05p] {
    margin: 6px 0 0 0;
    font-size: 0.85rem;
}

.package-embed-preview-row[b-smxjbsh05p] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.package-embed-preview-badge[b-smxjbsh05p] {
    align-self: flex-start;
    border-radius: 4px;
}

@media (max-width: 900px) {
    .package-header[b-smxjbsh05p] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .package-hero-actions[b-smxjbsh05p] {
        grid-column: 1 / -1;
    }

    .reviews-summary-card[b-smxjbsh05p] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Packages.razor.rz.scp.css */
.package-browse-page[b-6vddosqkji] {
    display: grid;
    gap: 18px;
}

.package-browse-hero[b-6vddosqkji] {
    display: grid;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.package-browse-header[b-6vddosqkji] {
    display: grid;
    gap: 6px;
}

.package-browse-header h1[b-6vddosqkji] {
    margin: 0;
}

.search-shell[b-6vddosqkji] {
    display: grid;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-stealth-rest);
}

.search-shell-main[b-6vddosqkji] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

[b-6vddosqkji] .package-browse-search {
    flex: 1;
    min-width: 260px;
}

.search-shell-filters[b-6vddosqkji] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    align-items: end;
}

.package-results-card[b-6vddosqkji] {
    display: grid;
    gap: 12px;
}

.package-results-grid[b-6vddosqkji] {
    display: grid;
    gap: 12px;
}

.package-result-item[b-6vddosqkji] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 16px;
    padding: 16px;
    background: var(--neutral-fill-layer-rest);
    display: grid;
    gap: 12px;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: start;
}

.package-tile-icon[b-6vddosqkji] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--brand-500));
}

.package-result-main[b-6vddosqkji] {
    min-width: 0;
}

.package-result-header[b-6vddosqkji] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.package-result-header h3[b-6vddosqkji] {
    margin: 0;
    font-size: 1rem;
}

.package-result-header p[b-6vddosqkji] {
    margin: 4px 0 0;
}

.package-result-header a[b-6vddosqkji] {
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.package-result-header a:hover[b-6vddosqkji] {
    text-decoration: underline;
}

.package-result-metrics[b-6vddosqkji],
.package-result-signals[b-6vddosqkji],
.package-result-tags[b-6vddosqkji] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.package-rating-row[b-6vddosqkji] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.package-card-actions[b-6vddosqkji] {
    display: flex;
    align-items: center;
}

@media (max-width: 920px) {
    .package-result-item[b-6vddosqkji] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .package-card-actions[b-6vddosqkji] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .package-tile-icon[b-6vddosqkji] {
        width: 44px;
        height: 44px;
        border-radius: 11px;
        font-size: 1rem;
    }
}
/* /Components/Pages/PublicProfile.razor.rz.scp.css */
.public-profile-page[b-tr9puiewqp] {
    width: min(980px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 20px;
}

.public-profile-hero[b-tr9puiewqp] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 16px;
    background: linear-gradient(180deg, var(--neutral-fill-rest) 0%, var(--neutral-fill-stealth-rest) 100%);
    padding: 24px;
}

.public-profile-hero-inner[b-tr9puiewqp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.public-profile-avatar[b-tr9puiewqp] {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-layer-rest);
}

.public-profile-avatar-placeholder[b-tr9puiewqp] {
    display: grid;
    place-items: center;
}

.public-profile-title[b-tr9puiewqp] {
    display: grid;
    gap: 8px;
}

.public-profile-title h1[b-tr9puiewqp] {
    margin: 0;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.public-profile-title p[b-tr9puiewqp] {
    margin: 0;
}

.public-profile-sections[b-tr9puiewqp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.public-profile-card[b-tr9puiewqp] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    background: var(--neutral-fill-rest);
    padding: 18px;
    display: grid;
    gap: 10px;
}

.public-profile-card h2[b-tr9puiewqp] {
    margin: 0;
    font-size: 1rem;
}

.public-profile-list[b-tr9puiewqp] {
    list-style: none;
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.public-profile-list li[b-tr9puiewqp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.social-platform-icon[b-tr9puiewqp] {
    font-size: 18px;
    line-height: 1;
    color: var(--neutral-foreground-hint);
    flex: 0 0 auto;
}

.public-profile-list a[b-tr9puiewqp] {
    color: var(--accent-foreground-rest);
    text-decoration: none;
}

.public-profile-list a:hover[b-tr9puiewqp] {
    text-decoration: underline;
}

.profile-stats[b-tr9puiewqp] {
    display: flex;
    gap: 24px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.stat[b-tr9puiewqp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat-number[b-tr9puiewqp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.stat-label[b-tr9puiewqp] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.activity-list[b-tr9puiewqp] {
    display: grid;
    gap: 12px;
}

.activity-item[b-tr9puiewqp] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background: var(--neutral-fill-layer-rest);
}

.activity-icon[b-tr9puiewqp] {
    flex-shrink: 0;
    color: var(--neutral-foreground-hint);
}

.activity-content[b-tr9puiewqp] {
    flex: 1;
}

.activity-description[b-tr9puiewqp] {
    font-weight: 500;
    margin-bottom: 4px;
}

.activity-time[b-tr9puiewqp] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.activity-detail[b-tr9puiewqp] {
    font-size: 0.875rem;
    margin-bottom: 4px;
}

.packages-list[b-tr9puiewqp] {
    display: grid;
    gap: 16px;
}

.package-item[b-tr9puiewqp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    background: var(--neutral-fill-layer-rest);
}

.package-info[b-tr9puiewqp] {
    flex: 1;
}

.package-info h3[b-tr9puiewqp] {
    margin: 0 0 8px 0;
    font-size: 1rem;
    font-weight: 600;
}

.package-info h3 a[b-tr9puiewqp] {
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.package-info h3 a:hover[b-tr9puiewqp] {
    text-decoration: underline;
}

.package-info p[b-tr9puiewqp] {
    margin: 0;
}

.package-stats[b-tr9puiewqp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.package-stats .stat[b-tr9puiewqp] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

@media (max-width: 700px) {
    .public-profile-sections[b-tr9puiewqp] {
        grid-template-columns: 1fr;
    }

    .public-profile-hero-inner[b-tr9puiewqp] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .profile-stats[b-tr9puiewqp] {
        justify-content: center;
    }

    .package-item[b-tr9puiewqp] {
        flex-direction: column;
        align-items: stretch;
    }

    .package-stats[b-tr9puiewqp] {
        align-items: flex-start;
        flex-direction: row;
        gap: 16px;
    }
}
/* /Components/Pages/Topic.razor.rz.scp.css */
.topic-page-layout[b-4iy54hznvx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
}

.topic-main-feed[b-4iy54hznvx],
.topic-sidebar[b-4iy54hznvx] {
    display: grid;
    gap: 12px;
}

.topic-hero-card h1[b-4iy54hznvx] {
    margin: 0;
}

.topic-hero-card p[b-4iy54hznvx] {
    margin: 6px 0 0;
}

.topic-side-card[b-4iy54hznvx] {
    display: grid;
    gap: 8px;
}

.topic-side-card h3[b-4iy54hznvx] {
    margin: 0;
}

.topic-side-card p[b-4iy54hznvx] {
    margin: 0;
}

.topic-side-metrics[b-4iy54hznvx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@media (max-width: 960px) {
    .topic-page-layout[b-4iy54hznvx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Topics.razor.rz.scp.css */
.topics-page[b-85adgk37vc] {
    display: grid;
    gap: 16px;
}

.topics-header-card[b-85adgk37vc] {
    display: grid;
    gap: 12px;
}

.topic-create-form[b-85adgk37vc] {
    display: grid;
    gap: 10px;
    max-width: 560px;
}

.topic-list-grid[b-85adgk37vc] {
    display: grid;
    gap: 12px;
}

.topic-list-item[b-85adgk37vc] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    background: var(--neutral-fill-layer-rest);
    padding: 14px;
    display: grid;
    gap: 10px;
}

.topic-list-item-main h3[b-85adgk37vc] {
    margin: 0;
}

.topic-list-item-main p[b-85adgk37vc] {
    margin: 4px 0 0;
}

.topic-list-item-main a[b-85adgk37vc] {
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.topic-list-item-main a:hover[b-85adgk37vc] {
    text-decoration: underline;
}

.topic-list-item-meta[b-85adgk37vc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* /Components/SectionCard.razor.rz.scp.css */
.section-card[b-sqhlt2msys] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 14px;
    box-shadow: var(--surface-shadow);
    background: var(--neutral-fill-rest);
    padding: 24px;
}

.section-card h1[b-sqhlt2msys],
.section-card h2[b-sqhlt2msys],
.section-card h3[b-sqhlt2msys] {
    margin-top: 0;
}

.section-card-header[b-sqhlt2msys] {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}

.section-card-header h2[b-sqhlt2msys] {
    margin: 0;
    font-size: 1.4rem;
}

.section-card-header p[b-sqhlt2msys] {
    margin: 0;
}

.section-card-body[b-sqhlt2msys] {
    display: grid;
    gap: 16px;
}

@media (max-width: 700px) {
    .section-card[b-sqhlt2msys] {
        padding: 16px;
    }
}
/* /Components/Shared/ApiKeyGenerateDialog.razor.rz.scp.css */
.app-dialog[b-d839rdhr94] {
    max-width: min(720px, calc(100vw - 32px));
}

.app-dialog-stack[b-d839rdhr94] {
    padding-top: 8px;
    max-width: 100%;
}

.app-dialog-intro[b-d839rdhr94] {
    margin: 0;
    line-height: 1.45;
}

.app-dialog-grid-two[b-d839rdhr94] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.app-dialog-surface[b-d839rdhr94] {
    padding: 14px;
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-stealth-rest);
}

.app-dialog-hint[b-d839rdhr94] {
    font-size: 0.9rem;
}

.app-dialog-file[b-d839rdhr94] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    word-break: break-word;
}

.app-dialog-code[b-d839rdhr94] {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px dashed var(--neutral-stroke-rest);
    background: var(--neutral-fill-layer-rest);
    word-break: break-all;
}

@media (max-width: 700px) {
    .app-dialog-grid-two[b-d839rdhr94] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/BoardComponent.razor.rz.scp.css */
.board-container[b-w2a2r6vcn1] {
    display: grid;
    gap: 24px;
}

.board-header[b-w2a2r6vcn1] {
    padding: 18px 22px;
    border-radius: 14px;
    border: 1px solid color-mix(in oklab, var(--accent-fill-rest) 18%, var(--neutral-stroke-rest));
    background: linear-gradient(
        180deg,
        color-mix(in oklab, var(--accent-fill-rest) 6%, var(--neutral-fill-layer-rest)),
        var(--neutral-fill-stealth-rest)
    );
}

.board-posts-list[b-w2a2r6vcn1] {
    display: grid;
    gap: 12px;
}

[b-w2a2r6vcn1] .board-composer-card {
    width: 100%;
    max-width: min(960px, 100%);
    margin-inline: auto;
    box-sizing: border-box;
    border: 1px solid color-mix(in oklab, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    border-radius: 16px;
    padding: 24px 26px;
    background: linear-gradient(
        180deg,
        color-mix(in oklab, var(--accent-fill-rest) 7%, var(--neutral-fill-layer-rest)),
        var(--neutral-fill-layer-rest)
    );
    box-shadow: 0 10px 24px color-mix(in oklab, var(--accent-fill-rest) 12%, transparent);
}

.composer-inner[b-w2a2r6vcn1] {
    width: 100%;
    min-width: 0;
}

.composer-header[b-w2a2r6vcn1] {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.composer-header-row[b-w2a2r6vcn1] {
    align-items: flex-start !important;
    width: 100%;
}

.composer-header-titles[b-w2a2r6vcn1] {
    flex: 1 1 200px;
    min-width: 0;
}

.composer-header-spacer[b-w2a2r6vcn1] {
    flex: 1 1 auto;
    min-width: 8px;
}

.composer-subtitle[b-w2a2r6vcn1] {
    margin: 6px 0 0;
    font-size: 0.9rem;
    line-height: 1.45;
    max-width: 42rem;
    color: color-mix(in oklab, var(--neutral-foreground-rest) 72%, var(--neutral-foreground-hint));
}

[b-w2a2r6vcn1] .composer-tracker-badge {
    flex-shrink: 0;
    align-self: center;
}

[b-w2a2r6vcn1] .composer-back-btn {
    flex-shrink: 0;
}

.composer-section[b-w2a2r6vcn1] {
    display: grid;
    gap: 6px;
}

.composer-section-body[b-w2a2r6vcn1] {
    gap: 10px;
}

.composer-field-hint[b-w2a2r6vcn1] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: color-mix(in oklab, var(--neutral-foreground-rest) 64%, var(--neutral-foreground-hint));
}

.composer-tags-row[b-w2a2r6vcn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
    margin-top: 4px;
}

[b-w2a2r6vcn1] .composer-tag-input {
    flex: 1 1 220px;
    min-width: min(100%, 200px);
}

.composer-actions[b-w2a2r6vcn1] {
    padding-top: 16px;
    margin-top: 4px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.composer-title[b-w2a2r6vcn1] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--neutral-foreground-rest);
}

/* Square post-type tiles with large icons (capped so ultra-wide viewports stay compact) */
.post-type-tiles[b-w2a2r6vcn1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 10px;
    justify-items: center;
}

@media (max-width: 640px) {
    .post-type-tiles[b-w2a2r6vcn1] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }
}

.post-type-tile[b-w2a2r6vcn1] {
    appearance: none;
    margin: 0;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 8px;
    width: 100%;
    max-width: 200px;
    aspect-ratio: 1;
    border-radius: 14px;
    border: 2px solid var(--neutral-stroke-rest);
    background: color-mix(in oklab, var(--neutral-fill-layer-rest) 88%, var(--neutral-fill-stealth-rest));
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    font: inherit;
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.15s ease;
}

.post-type-tile:hover[b-w2a2r6vcn1] {
    border-color: color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 55%, var(--neutral-stroke-rest));
    background: color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 10%, var(--neutral-fill-layer-rest));
    box-shadow: 0 6px 16px color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 14%, transparent);
}

.post-type-tile:focus-visible[b-w2a2r6vcn1] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.post-type-tile.selected[b-w2a2r6vcn1] {
    border-color: var(--post-type-accent, var(--accent-fill-rest));
    background: color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 16%, var(--neutral-fill-layer-rest));
    box-shadow:
        0 0 0 1px color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 35%, transparent),
        0 8px 20px color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 18%, transparent);
}

.post-type-tile-icon[b-w2a2r6vcn1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 14%, var(--neutral-fill-stealth-rest));
    flex-shrink: 0;
}

.post-type-tile.selected .post-type-tile-icon[b-w2a2r6vcn1] {
    background: color-mix(in oklab, var(--post-type-accent, var(--accent-fill-rest)) 28%, var(--neutral-fill-stealth-rest));
}

.post-type-tile-icon[b-w2a2r6vcn1]  svg {
    width: 36px !important;
    height: 36px !important;
}

.post-type-tile-label[b-w2a2r6vcn1] {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.post-type-tile-text[b-w2a2r6vcn1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    min-width: 0;
}

.post-type-tile-desc[b-w2a2r6vcn1] {
    font-size: 0.75rem;
    line-height: 1.3;
    color: color-mix(in oklab, var(--neutral-foreground-rest) 62%, var(--neutral-foreground-hint));
    max-width: 11rem;
}

.post-type-tile.selected .post-type-tile-desc[b-w2a2r6vcn1] {
    color: color-mix(in oklab, var(--neutral-foreground-rest) 75%, var(--post-type-accent));
}

[b-w2a2r6vcn1] .composer-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-right: 2px;
}

[b-w2a2r6vcn1] .composer-tag-remove::part(control) {
    min-width: 22px;
    width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 999px;
}

[b-w2a2r6vcn1] .board-post-card {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 14px;
    padding: 20px;
}

[b-w2a2r6vcn1] .board-post-card:hover {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 8px 20px color-mix(in oklab, var(--accent-fill-rest) 18%, transparent);
    transform: translateY(-2px);
}

[b-w2a2r6vcn1] .board-post-card.pinned {
    border-left: 4px solid var(--accent-fill-rest);
    background: var(--neutral-fill-stealth-rest);
}

.post-type-badge[b-w2a2r6vcn1] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.post-title[b-w2a2r6vcn1] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    line-height: 1.35;
}

.post-content[b-w2a2r6vcn1] {
    color: color-mix(in oklab, var(--neutral-foreground-rest) 70%, var(--neutral-foreground-hint));
    line-height: 1.5;
    font-size: 0.93rem;
}

.post-date[b-w2a2r6vcn1] {
    font-size: 0.85rem;
}

.post-actions[b-w2a2r6vcn1] {
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.vote-buttons[b-w2a2r6vcn1] {
    display: flex;
    gap: 4px;
}

[b-w2a2r6vcn1] .vote-buttons fluent-button {
    min-width: auto;
    padding: 6px 12px;
    transition: all 0.15s ease;
}

[b-w2a2r6vcn1] .vote-buttons fluent-button span {
    font-weight: 600;
    margin-left: 4px;
}

[b-w2a2r6vcn1] .vote-buttons .voted-up {
    background-color: rgba(255, 69, 0, 0.15) !important;
    border-color: #ff4500 !important;
}

[b-w2a2r6vcn1] .vote-buttons .voted-down {
    background-color: rgba(113, 147, 255, 0.15) !important;
    border-color: #7193ff !important;
}

.vote-count-active[b-w2a2r6vcn1] {
    font-weight: 700;
}

.vote-count-active.upvote[b-w2a2r6vcn1] {
    color: #ff4500;
}

.vote-count-active.downvote[b-w2a2r6vcn1] {
    color: #7193ff;
}

[b-w2a2r6vcn1] .vote-btn {
    border-radius: 6px;
    transition: all 0.15s ease;
}

[b-w2a2r6vcn1] .vote-btn:hover {
    transform: scale(1.05);
}

@media (max-width: 720px) {
    [b-w2a2r6vcn1] .board-composer-card {
        padding: 18px;
        max-width: 100%;
    }

    .post-type-tile[b-w2a2r6vcn1] {
        max-width: none;
        aspect-ratio: auto;
        min-height: 112px;
        flex-direction: row;
        text-align: left;
        justify-content: flex-start;
        gap: 14px;
        padding: 14px 16px;
    }

    .post-type-tile-icon[b-w2a2r6vcn1] {
        width: 52px;
        height: 52px;
    }

    .post-type-tile-text[b-w2a2r6vcn1] {
        align-items: flex-start;
        text-align: left;
        flex: 1;
    }

    .post-type-tile-desc[b-w2a2r6vcn1] {
        max-width: none;
    }
}

/* Taller editor in composer */
[b-w2a2r6vcn1] .composer-rich-text .themed-rte-editor {
    min-height: 220px;
}

[b-w2a2r6vcn1] .composer-rich-text .ql-editor {
    min-height: 220px;
}

.fluent-label[b-w2a2r6vcn1] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 4px;
    display: block;
}

/* Markdown content styling */
[b-w2a2r6vcn1] .markdown-content p {
    margin: 0;
}

[b-w2a2r6vcn1] .markdown-content ul,
[b-w2a2r6vcn1] .markdown-content ol {
    margin: 8px 0;
    padding-left: 20px;
}

[b-w2a2r6vcn1] .markdown-content code {
    background: var(--neutral-fill-stealth-rest);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
}

[b-w2a2r6vcn1] .markdown-content pre {
    background: var(--neutral-fill-stealth-rest);
    padding: 12px 16px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 12px 0;
}

[b-w2a2r6vcn1] .markdown-content pre code {
    background: none;
    padding: 0;
}

[b-w2a2r6vcn1] .markdown-content blockquote {
    border-left: 3px solid var(--accent-fill-rest);
    margin: 12px 0;
    padding-left: 16px;
    color: var(--neutral-foreground-hint);
}

[b-w2a2r6vcn1] .markdown-content a {
    color: var(--accent-foreground-rest);
    text-decoration: none;
}

[b-w2a2r6vcn1] .markdown-content a:hover {
    text-decoration: underline;
}

[b-w2a2r6vcn1] .markdown-content strong {
    font-weight: 600;
}

[b-w2a2r6vcn1] .markdown-content em {
    font-style: italic;
}

/* /Components/Shared/FluentRatingPicker.razor.rz.scp.css */
.fluent-rating-picker[b-qjyc3ph6cr] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.rating-star[b-qjyc3ph6cr],
[b-qjyc3ph6cr] .rating-star-button {
    color: var(--neutral-foreground-hint);
}

.rating-star.is-active[b-qjyc3ph6cr],
[b-qjyc3ph6cr] .rating-star-button .is-active,
[b-qjyc3ph6cr] .rating-star-button:hover {
    color: #f5a524;
}

[b-qjyc3ph6cr] .rating-star-button::part(control) {
    min-width: 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 50%;
}

.fluent-rating-picker.is-readonly .rating-star[b-qjyc3ph6cr] {
    display: inline-flex;
    align-items: center;
}
/* /Components/Shared/GridActionOverflowRow.razor.rz.scp.css */
/* Match toolbar row height to square action buttons inside table cells. */
.grid-action-overflow[b-sfs4gh07gx]  .fluent-overflow[orientation="horizontal"] {
    align-items: center;
    min-height: 40px;
}

/* Wider "more" slot than Fluent default so 40px grid buttons fit. */
.grid-action-overflow[b-sfs4gh07gx]  .fluent-overflow-more {
    min-width: 40px;
    max-width: 40px;
}

/* Hidden label: supplies innerText for FluentOverflowItem.Text (0-based action index, invariant). */
.grid-action-overflow-sr[b-sfs4gh07gx] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.grid-action-overflow[b-sfs4gh07gx]  .fluent-overflow-item {
    position: relative;
}
/* /Components/Shared/PackageGrid.razor.rz.scp.css */
/* Let anchored overflow menus (via FluentMenuProvider) escape table cell clipping. */
.package-grid[b-9j14v3ilmg]  td {
    overflow: visible;
}

.package-grid[b-9j14v3ilmg]  [role="cell"] {
    overflow: visible;
}
/* /Components/Shared/PackageReadonlyCodeEditor.razor.rz.scp.css */
.source-editor-shell[b-l4loldr26x] {
    width: 100%;
    min-width: 0;
    min-height: 420px;
    height: calc(100vh - 24rem);
    max-height: 760px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 10px;
    overflow: hidden;
    background: var(--neutral-layer-1);
}

.source-editor-shell :deep(.monaco-editor-container)[b-l4loldr26x] {
    width: 100%;
    height: 100%;
}

.source-editor-shell :deep(.monaco-editor)[b-l4loldr26x],
.source-editor-shell :deep(.overflow-guard)[b-l4loldr26x] {
    width: 100% !important;
}
/* /Components/Shared/PackageReviewDialog.razor.rz.scp.css */
.review-dialog-stack[b-gta68qfqe9] {
    min-width: min(560px, calc(100vw - 48px));
}

.review-rating-block[b-gta68qfqe9] {
    display: grid;
    gap: 6px;
}
/* /Components/Shared/PackageSourceBrowser.razor.rz.scp.css */
.source-browser-layout[b-n63l10ukyz] {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 14px;
    width: 100%;
}

.source-browser-layout > *[b-n63l10ukyz] {
    min-width: 0;
}

.source-tree-panel[b-n63l10ukyz],
.source-preview-panel[b-n63l10ukyz] {
    min-height: 520px;
}

.source-tree-list[b-n63l10ukyz] {
    overflow: auto;
    max-height: calc(100vh - 23rem);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    background: var(--neutral-layer-1);
}

.source-tree-row[b-n63l10ukyz] {
    width: 100%;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: transparent;
    color: inherit;
    text-align: left;
    padding: 8px 10px;
    cursor: pointer;
}

.source-tree-row:disabled[b-n63l10ukyz] {
    opacity: 0.8;
    cursor: default;
}

.source-tree-row--active[b-n63l10ukyz] {
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-rest);
}

.source-tree-icon[b-n63l10ukyz] {
    text-align: center;
}

.source-tree-name[b-n63l10ukyz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.source-tree-size[b-n63l10ukyz] {
    color: var(--neutral-foreground-hint);
    font-size: 0.75rem;
}

@media (max-width: 840px) {
    .source-browser-layout[b-n63l10ukyz] {
        grid-template-columns: 1fr;
    }

    .source-tree-list[b-n63l10ukyz] {
        max-height: 360px;
    }
}
/* /Components/Shared/PackageSourcePreview.razor.rz.scp.css */
.source-image-preview[b-trw4an1xh6] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 10px;
    padding: 10px;
    background: var(--neutral-layer-1);
    max-height: calc(100vh - 24rem);
    overflow: auto;
}

.source-image-preview img[b-trw4an1xh6] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* /Components/Shared/PackageVersionUploadDialog.razor.rz.scp.css */
.app-dialog-surface[b-o6gg07f1o8] {
    padding: 14px;
}
/* /Components/Shared/PublisherAttribution.razor.rz.scp.css */
.publisher-attribution[b-73z0ccbqkb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.publisher-verified-wrap[b-73z0ccbqkb] {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}
/* /Components/Shared/SocialLinksEditor.razor.rz.scp.css */
.social-links-editor[b-vxv7mb6vs1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.social-links-empty[b-vxv7mb6vs1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px;
    background: var(--neutral-fill-stealth-rest);
    border: 1px dashed var(--neutral-stroke-rest);
    border-radius: 8px;
    text-align: center;
}

.social-links-list[b-vxv7mb6vs1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.social-link-item[b-vxv7mb6vs1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: var(--neutral-fill-stealth-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.social-link-item:hover[b-vxv7mb6vs1] {
    border-color: var(--neutral-stroke-hover);
}

.social-link-drag-handle[b-vxv7mb6vs1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-vxv7mb6vs1] .reorder-btn {
    padding: 2px;
    min-width: 24px;
    min-height: 24px;
}

[b-vxv7mb6vs1] .reorder-btn:disabled {
    opacity: 0.3;
}

.social-link-content[b-vxv7mb6vs1] {
    display: flex;
    flex: 1;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.social-link-platform[b-vxv7mb6vs1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
}

[b-vxv7mb6vs1] .social-platform-icon {
    font-size: 18px;
    line-height: 1;
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
}

.social-link-option[b-vxv7mb6vs1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[b-vxv7mb6vs1] .social-link-remove {
    flex-shrink: 0;
}

[b-vxv7mb6vs1] .social-link-remove:hover {
    background: var(--error-fill-rest);
}

[b-vxv7mb6vs1] .social-links-add-btn {
    align-self: flex-start;
}

@media (max-width: 600px) {
    .social-link-content[b-vxv7mb6vs1] {
        flex-direction: column;
        align-items: stretch;
    }

    .social-link-platform[b-vxv7mb6vs1] {
        min-width: 100%;
    }
}

/* /Components/Shared/ThemedRichTextEditor.razor.rz.scp.css */
.themed-rte[b-gwfz2ijcis] {
    display: grid;
    gap: 10px;
    min-width: 0;
    /* Fluent-aligned semantic aliases for consistent contrast in dark surfaces */
    --rte-surface: color-mix(in oklab, var(--neutral-fill-layer-rest) 92%, var(--neutral-fill-stealth-rest));
    --rte-surface-subtle: color-mix(in oklab, var(--neutral-fill-layer-rest) 78%, var(--neutral-fill-stealth-rest));
    --rte-stroke: color-mix(in oklab, var(--neutral-stroke-rest) 84%, transparent);
    --rte-text: var(--neutral-foreground-rest);
    --rte-text-muted: color-mix(in oklab, var(--neutral-foreground-rest) 70%, var(--neutral-foreground-hint) 30%);
    --rte-accent-soft: color-mix(in oklab, var(--accent-fill-rest) 18%, transparent);
}

.themed-rte-label[b-gwfz2ijcis] {
    margin-bottom: 0;
}

.themed-rte-hint[b-gwfz2ijcis] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--rte-text-muted);
}

/* --- Toolbar: strip Quill Snow defaults, match Fluent surfaces --- */
[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow {
    border: 1px solid var(--rte-stroke);
    border-bottom: 1px solid color-mix(in oklab, var(--rte-stroke) 72%, var(--neutral-stroke-divider-rest));
    border-radius: 10px 10px 0 0;
    background: var(--rte-surface-subtle);
    padding: 8px 10px;
    font-family: inherit;
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow .ql-formats {
    margin-right: 12px;
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow .ql-formats:not(:last-child) {
    padding-right: 12px;
    border-right: 1px solid var(--neutral-stroke-divider-rest);
}

[b-gwfz2ijcis] .themed-rte-toolbar {
    border: 1px solid var(--rte-stroke);
    border-radius: 10px 10px 0 0;
    background: var(--rte-surface-subtle);
}

[b-gwfz2ijcis] .themed-rte-editor {
    min-height: 190px;
    border: 1px solid var(--rte-stroke);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: var(--rte-surface);
    color: var(--rte-text);
}

[b-gwfz2ijcis] .themed-rte .ql-container.ql-snow {
    border: none;
    font-family: inherit;
    font-size: 1rem;
}

[b-gwfz2ijcis] .themed-rte .ql-container {
    font-family: inherit;
    font-size: 1rem;
}

[b-gwfz2ijcis] .themed-rte .ql-editor {
    min-height: 190px;
    padding: 14px 16px 18px;
    line-height: 1.65;
    color: var(--rte-text);
    letter-spacing: 0.005em;
}

[b-gwfz2ijcis] .themed-rte .ql-editor p,
[b-gwfz2ijcis] .themed-rte .ql-editor ol,
[b-gwfz2ijcis] .themed-rte .ql-editor ul,
[b-gwfz2ijcis] .themed-rte .ql-editor pre {
    margin: 0 0 0.65em;
}

[b-gwfz2ijcis] .themed-rte .ql-editor p:last-child,
[b-gwfz2ijcis] .themed-rte .ql-editor ol:last-child,
[b-gwfz2ijcis] .themed-rte .ql-editor ul:last-child,
[b-gwfz2ijcis] .themed-rte .ql-editor pre:last-child {
    margin-bottom: 0;
}

[b-gwfz2ijcis] .themed-rte .ql-editor h1,
[b-gwfz2ijcis] .themed-rte .ql-editor h2,
[b-gwfz2ijcis] .themed-rte .ql-editor h3 {
    color: var(--rte-text);
    font-weight: 650;
    line-height: 1.3;
    margin: 0.85em 0 0.4em;
}

[b-gwfz2ijcis] .themed-rte .ql-editor h1:first-child,
[b-gwfz2ijcis] .themed-rte .ql-editor h2:first-child,
[b-gwfz2ijcis] .themed-rte .ql-editor h3:first-child {
    margin-top: 0;
}

[b-gwfz2ijcis] .themed-rte .ql-editor h1 {
    font-size: 1.35rem;
}

[b-gwfz2ijcis] .themed-rte .ql-editor h2 {
    font-size: 1.2rem;
}

[b-gwfz2ijcis] .themed-rte .ql-editor h3 {
    font-size: 1.05rem;
}

[b-gwfz2ijcis] .themed-rte .ql-editor a {
    color: var(--accent-foreground-rest);
    text-decoration: underline;
    text-underline-offset: 2px;
}

[b-gwfz2ijcis] .themed-rte .ql-editor a:hover {
    color: var(--accent-foreground-hover, var(--accent-foreground-rest));
}

[b-gwfz2ijcis] .themed-rte .ql-editor blockquote {
    border-left: 3px solid var(--accent-fill-rest);
    margin: 0.65em 0;
    padding: 6px 0 6px 14px;
    color: var(--rte-text-muted);
    font-style: normal;
}

[b-gwfz2ijcis] .themed-rte .ql-editor code,
[b-gwfz2ijcis] .themed-rte .ql-editor .ql-code-block-container {
    font-family: 'Cascadia Code', 'Fira Code', ui-monospace, monospace;
    font-size: 0.9em;
}

[b-gwfz2ijcis] .themed-rte .ql-editor :not(pre) > code {
    background: var(--rte-surface-subtle);
    padding: 0.15em 0.45em;
    border-radius: 5px;
    border: 1px solid color-mix(in oklab, var(--rte-stroke) 78%, transparent);
}

[b-gwfz2ijcis] .themed-rte .ql-editor pre.ql-syntax,
[b-gwfz2ijcis] .themed-rte .ql-editor .ql-code-block-container {
    background: var(--rte-surface-subtle);
    color: var(--rte-text);
    border: 1px solid var(--rte-stroke);
    border-radius: 8px;
    padding: 12px 14px;
    overflow-x: auto;
    margin: 0.65em 0;
}

[b-gwfz2ijcis] .themed-rte .ql-editor.ql-blank::before {
    color: var(--rte-text-muted);
    opacity: 1;
    font-style: normal;
    left: 16px;
    right: 16px;
}

/* Icons & picker */
[b-gwfz2ijcis] .themed-rte .ql-snow .ql-stroke {
    stroke: var(--rte-text);
}

[b-gwfz2ijcis] .themed-rte .ql-snow .ql-fill {
    fill: var(--rte-text);
}

[b-gwfz2ijcis] .themed-rte .ql-picker {
    color: var(--rte-text);
}

[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-label {
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--rte-text);
}

[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-label:hover,
[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-label.ql-active {
    border-color: var(--rte-stroke);
    background: var(--rte-accent-soft);
}

[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-options {
    background: var(--rte-surface);
    border: 1px solid var(--rte-stroke);
    border-radius: 8px;
    box-shadow: 0 8px 24px color-mix(in oklab, var(--neutral-foreground-rest) 12%, transparent);
    padding: 6px;
}

[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-item {
    color: var(--rte-text);
    border-radius: 6px;
}

[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-item:hover,
[b-gwfz2ijcis] .themed-rte .ql-snow .ql-picker-item.ql-selected {
    color: var(--accent-foreground-rest);
    background: var(--rte-accent-soft);
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow button {
    border-radius: 6px;
    width: 28px;
    height: 28px;
    padding: 4px;
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow button:hover,
[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow button:focus-visible {
    background: var(--rte-accent-soft);
    outline: none;
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar.ql-snow button.ql-active {
    background: color-mix(in oklab, var(--accent-fill-rest) 26%, transparent);
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar button:hover .ql-stroke,
[b-gwfz2ijcis] .themed-rte .ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--accent-foreground-rest);
}

[b-gwfz2ijcis] .themed-rte .ql-toolbar button:hover .ql-fill,
[b-gwfz2ijcis] .themed-rte .ql-toolbar button.ql-active .ql-fill {
    fill: var(--accent-foreground-rest);
}

/* Focus ring on editor */
[b-gwfz2ijcis] .themed-rte .ql-container:focus-within .ql-editor {
    outline: none;
}

[b-gwfz2ijcis] .themed-rte .themed-rte-editor:focus-within {
    border-color: var(--accent-stroke-control-rest, var(--accent-fill-rest));
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--accent-fill-rest) 35%, transparent);
}
/* /Components/Shared/UploadDropzone.razor.rz.scp.css */
.upload-dropzone[b-lwc05lxn07] {
    display: grid;
    gap: 8px;
}

.upload-dropzone.is-disabled[b-lwc05lxn07] {
    opacity: 0.65;
    pointer-events: none;
}

.upload-dropzone-label[b-lwc05lxn07] {
    margin-bottom: 2px;
}

.upload-dropzone-trigger[b-lwc05lxn07] {
    position: relative;
    display: block;
    cursor: pointer;
}

.upload-dropzone-surface[b-lwc05lxn07] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px dashed color-mix(in oklab, var(--accent-fill-rest) 45%, var(--neutral-stroke-rest));
    background: linear-gradient(
        180deg,
        color-mix(in oklab, var(--accent-fill-rest) 9%, var(--neutral-fill-layer-rest)),
        color-mix(in oklab, var(--accent-fill-rest) 4%, var(--neutral-fill-layer-rest))
    );
    color: var(--neutral-foreground-rest);
    box-shadow: 0 1px 2px color-mix(in oklab, var(--accent-fill-rest) 16%, transparent);
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.upload-dropzone-trigger:hover .upload-dropzone-surface[b-lwc05lxn07],
.upload-dropzone-trigger:focus-within .upload-dropzone-surface[b-lwc05lxn07] {
    border-color: var(--accent-stroke-control-hover);
    background: linear-gradient(
        180deg,
        color-mix(in oklab, var(--accent-fill-rest) 14%, var(--neutral-fill-layer-rest)),
        color-mix(in oklab, var(--accent-fill-rest) 8%, var(--neutral-fill-layer-rest))
    );
    box-shadow: 0 6px 18px color-mix(in oklab, var(--accent-fill-rest) 20%, transparent);
    transform: translateY(-1px);
}

.upload-dropzone-icon[b-lwc05lxn07] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in oklab, var(--accent-fill-rest) 24%, transparent);
    color: var(--accent-foreground-rest);
}

.upload-dropzone-text[b-lwc05lxn07] {
    display: grid;
    gap: 2px;
}

.upload-dropzone-primary[b-lwc05lxn07] {
    font-weight: 700;
    line-height: 1.2;
}

.upload-dropzone-secondary[b-lwc05lxn07] {
    font-size: 0.88rem;
    line-height: 1.2;
}

.upload-dropzone-input[b-lwc05lxn07] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-dropzone-trigger.is-invisible-trigger[b-lwc05lxn07] {
    border: 0;
    padding: 0;
    background: none;
}

.upload-dropzone-mode-invisible .upload-dropzone-meta[b-lwc05lxn07] {
    margin-top: 2px;
}

.upload-dropzone-meta[b-lwc05lxn07] {
    min-height: 1rem;
}

.upload-dropzone-selected[b-lwc05lxn07] {
    font-size: 0.88rem;
    color: var(--neutral-foreground-rest);
}