@import '_content/Append.Blazor.Sidepanel/Append.Blazor.Sidepanel.bundle.scp.css';
@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.ujcws5bfym.bundle.scp.css';
@import '_content/PGMS.AdvBlazorComponents/PGMS.AdvBlazorComponents.2n6gstmm6c.bundle.scp.css';
@import '_content/PGMS.BlazorComponents/PGMS.BlazorComponents.bx4gkdwcdf.bundle.scp.css';

/* /Components/Layout/LandingV2Header.razor.rz.scp.css */
/* ── Header ── */
.v2-header[b-fwnhyqrz28] {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    transition: background 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;
}
.v2-header.scrolled[b-fwnhyqrz28] {
    background: color-mix(in srgb, var(--v2-bg) 92%, transparent);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 1px 0 var(--v2-border);
}
.v2-header-inner[b-fwnhyqrz28] {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 2rem;
    height: 64px;
    flex-shrink: 0;
}

/* Logo */
.v2-logo[b-fwnhyqrz28] { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; }
.v2-logo-icon[b-fwnhyqrz28] { width: 28px; height: 28px; border-radius: 6px; }
.v2-logo-text[b-fwnhyqrz28] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.35rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
}
.v2-logo-z[b-fwnhyqrz28] { color: var(--v2-accent); }

/* Nav */
.v2-nav[b-fwnhyqrz28] { display: flex; gap: 1.75rem; margin-left: auto; }
.v2-nav-link[b-fwnhyqrz28] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-dim);
    text-decoration: none;
    transition: color 0.25s;
    position: relative;
}
.v2-nav-link:hover[b-fwnhyqrz28],
.v2-nav-link.active[b-fwnhyqrz28] { color: var(--v2-accent-light); }

/* Docs Dropdown */
.v2-nav-dropdown[b-fwnhyqrz28] {
    position: relative;
    display: inline-flex;
}
.v2-nav-dropdown-backdrop[b-fwnhyqrz28] {
    position: fixed;
    inset: 0;
    z-index: 999;
}
.v2-nav-dropdown-toggle[b-fwnhyqrz28] {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
}

.dropdown-toggle[b-fwnhyqrz28]::after {
    display: none;
}

.v2-nav-chevron[b-fwnhyqrz28] {
    font-size: 0.55rem;
    transition: transform 0.2s;
}
.v2-nav-dropdown-menu[b-fwnhyqrz28] {
    position: absolute;
    top: calc(100% + 0.75rem);
    left: 50%;
    transform: translateX(-50%);
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.5rem 0;
    min-width: 200px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    z-index: 1000;
}
.v2-nav-dropdown-item[b-fwnhyqrz28] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 1rem;
    color: var(--v2-text-dim);
    text-decoration: none;
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    transition: background 0.2s, color 0.2s;
}
.v2-nav-dropdown-item:hover[b-fwnhyqrz28] {
    background: var(--v2-accent-bg);
    color: var(--v2-text-bright);
}
.v2-nav-dropdown-item i[b-fwnhyqrz28] {
    width: 1rem;
    text-align: center;
    color: var(--v2-accent-light);
    font-size: 0.8rem;
}

.v2-nav-dropdown-divider[b-fwnhyqrz28] {
    height: 1px;
    background: var(--v2-border);
    margin: 0.25rem 0;
}

/* Mobile docs group */
.v2-mobile-docs-group[b-fwnhyqrz28] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.v2-mobile-docs-label[b-fwnhyqrz28] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
    padding: 0.65rem 0 0.25rem;
}
.v2-mobile-link--sub[b-fwnhyqrz28] {
    padding-left: 1rem;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.v2-mobile-link--sub i[b-fwnhyqrz28] {
    width: 1rem;
    text-align: center;
    color: var(--v2-accent-light);
    font-size: 0.75rem;
}

/* Header actions */
.v2-header-actions[b-fwnhyqrz28] { display: flex; align-items: center; gap: 0.75rem; margin-left: 2rem; }



/* ── Hamburger ── */
.v2-hamburger[b-fwnhyqrz28] {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    margin-left: auto;
}
.v2-hamburger span[b-fwnhyqrz28] {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--v2-text-dim);
    border-radius: 2px;
    transition: all 0.3s;
}
.v2-hamburger span.open:nth-child(1)[b-fwnhyqrz28] { transform: translateY(7px) rotate(45deg); }
.v2-hamburger span.open:nth-child(2)[b-fwnhyqrz28] { opacity: 0; }
.v2-hamburger span.open:nth-child(3)[b-fwnhyqrz28] { transform: translateY(-7px) rotate(-45deg); }

/* Mobile menu */
.v2-mobile-menu[b-fwnhyqrz28] {
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.5rem 2rem 2rem;
    background: var(--v2-surface);
    border-top: 1px solid var(--v2-border);
}
.v2-mobile-link[b-fwnhyqrz28] {
    font-family: var(--v2-font-mono);
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--v2-text-dim);
    text-decoration: none;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--v2-border);
    transition: color 0.2s;
}
.v2-mobile-link:hover[b-fwnhyqrz28],
.v2-mobile-link.active[b-fwnhyqrz28] { color: var(--v2-accent-light); }
.v2-mobile-actions[b-fwnhyqrz28] { display: flex; align-items: center; gap: 0.75rem; padding-top: 1rem; }
.v2-mobile-actions .v2-btn[b-fwnhyqrz28] { flex: 1; text-align: center; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .v2-nav[b-fwnhyqrz28], .v2-header-actions[b-fwnhyqrz28] { display: none; }
    .v2-hamburger[b-fwnhyqrz28] { display: flex; }
    .v2-mobile-menu[b-fwnhyqrz28] { display: flex; }
    .v2-header[b-fwnhyqrz28] { padding: 0 1.25rem; }
}
@media (max-width: 480px) {
    .v2-header[b-fwnhyqrz28] { padding: 0 1rem; }
    .v2-header-inner[b-fwnhyqrz28] { height: 56px; }
    .v2-mobile-menu[b-fwnhyqrz28] { padding: 1rem; }
}

/* /Components/Layout/LandingV2Layout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RADIANZ V2 — "Terminal Noir" Refined — Layout Scoped Styles
   Space Grotesk · DM Sans · IBM Plex Mono
   ═══════════════════════════════════════════════════════════ */

/* ── Shell ── */
.v2-shell[b-w525e9xu8g] {
    min-height: 100vh;
    background: var(--v2-bg);
    color: var(--v2-text);
    font-family: var(--v2-font-body);
    position: relative;
    overflow-x: hidden;
}

/* Buttons (shared — used by header, footer, and page content) */
[b-w525e9xu8g] .v2-btn {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    letter-spacing: 0.03em;
    padding: 0.5rem 1.15rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.25s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
[b-w525e9xu8g] .v2-btn-ghost {
    background: transparent;
    color: var(--v2-text-dim);
    border-color: var(--v2-border);
}
[b-w525e9xu8g] .v2-btn-ghost:hover { color: var(--v2-text-bright); border-color: var(--v2-border-hover); }
[b-w525e9xu8g] .v2-btn-accent {
    background: var(--v2-accent);
    color: #fff;
    font-weight: 600;
}
[b-w525e9xu8g] .v2-btn-accent:hover { background: var(--v2-accent-hover); }

/* Main */
.v2-main[b-w525e9xu8g] { padding-top: 64px; }

/* ── Responsive ── */
@media (max-width: 480px) {
    .v2-main[b-w525e9xu8g] { padding-top: 56px; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-sx6bn951cy] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--v2-bg);
    transition: background 0.3s ease;
}

main[b-sx6bn951cy] {
    flex: 1;
    background: var(--v2-bg);
    overflow: hidden;
    transition: background-color 0.3s ease;
}

.sidebar[b-sx6bn951cy] {
    background: var(--radiance-sidebar-bg);
    box-shadow: 2px 0 10px var(--radiance-card-shadow);
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-collapsed[b-sx6bn951cy] {
    background: var(--radiance-sidebar-bg);
    box-shadow: 2px 0 10px var(--radiance-card-shadow);
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Content Wrapper */
.content-wrapper[b-sx6bn951cy] {
    background: var(--v2-bg);
    border-radius: var(--v2-radius);
    padding: 2rem;
    min-height: calc(100vh - 12rem);
    transition: background-color 0.3s ease;
}

/* App Footer */
.app-footer[b-sx6bn951cy] {
    background: var(--v2-surface);
    border-top: 1px solid var(--v2-border);
    padding: 1rem 2rem;
    margin-top: auto;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.footer-content[b-sx6bn951cy] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.version-info[b-sx6bn951cy] {
    color: var(--v2-text-dim);
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

.version-info i[b-sx6bn951cy] {
    color: var(--v2-text-ghost);
    transition: color 0.3s ease;
}

@media (max-width: 640.98px) {
    .content-wrapper[b-sx6bn951cy] {
        padding: 0.75rem;
        border-radius: 6px;
    }

    .app-footer[b-sx6bn951cy] {
        padding: 0.5rem 1rem;
    }

    .version-info[b-sx6bn951cy] {
        font-size: 0.75rem;
    }
}

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

    .sidebar[b-sx6bn951cy] {
        width: 280px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .sidebar-collapsed[b-sx6bn951cy] {
        width: 90px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 100;
    }

    article[b-sx6bn951cy] {
        background: transparent;
        padding-top: 0 !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

#blazor-error-ui[b-sx6bn951cy] {
    background: var(--v2-error);
    color: white;
    bottom: 0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 1.5rem 2rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-radius: 12px 12px 0 0;
    font-weight: 500;
}

.error-content[b-sx6bn951cy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.error-icon[b-sx6bn951cy] {
    font-size: 2rem;
    color: white;
}

.error-text[b-sx6bn951cy] {
    flex: 1;
}

.error-text strong[b-sx6bn951cy] {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
}

.error-text p[b-sx6bn951cy] {
    margin: 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

.error-actions[b-sx6bn951cy] {
    display: flex;
    gap: 0.75rem;
}

.error-actions .reload[b-sx6bn951cy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    color: white;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.error-actions .reload:hover[b-sx6bn951cy] {
    background: rgba(0, 0, 0, 0.25);
    transform: translateY(-1px);
}

/* Reconnection UI Styles */
.reconnection-info[b-sx6bn951cy] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--v2-border);
}

.reconnection-status[b-sx6bn951cy] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    opacity: 0.9;
}

.reconnection-status i.fa-spinner[b-sx6bn951cy] {
    animation: spin-b-sx6bn951cy 1s linear infinite;
}

.reconnection-failed[b-sx6bn951cy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9rem;
}

.reconnection-failed .btn[b-sx6bn951cy] {
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: white;
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.reconnection-failed .btn:hover[b-sx6bn951cy] {
    background: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.35);
    transform: translateY(-1px);
}

@keyframes spin-b-sx6bn951cy {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.error-actions .dismiss[b-sx6bn951cy] {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.error-actions .dismiss:hover[b-sx6bn951cy] {
    background: rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-container[b-qc6jwm74lp] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background: var(--v2-bg);
}

.navbar-toggler[b-qc6jwm74lp] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--v2-text);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--v2-border-hover);
    border-radius: var(--v2-radius-sm);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28208, 213, 222, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem transparent;
    transition: all 0.25s ease;
}

.navbar-toggler:checked[b-qc6jwm74lp] {
    background-color: var(--v2-accent-bg);
    transform: scale(0.95);
}

.navbar-toggler:hover[b-qc6jwm74lp] {
    background-color: var(--v2-accent-bg);
    border-color: var(--v2-accent);
}

/* Top bar height aligned with LandingV2 header (64px).
   We also reset Bootstrap navbar padding so visual height is exactly 64px. */
.top-row[b-qc6jwm74lp] {
	height: 5rem;
	flex-shrink: 0;
	background: var(--v2-surface);
	border-bottom: 1px solid var(--v2-border);
	transition: background 0.3s ease, border-color 0.3s ease;
	padding-top: 0;
	padding-bottom: 0;
}

/* Ensure logo row content fills the bar height */
.top-row .container-fluid[b-qc6jwm74lp] {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* V2 Logo */
.v2-logo-link[b-qc6jwm74lp] {
	display: flex;
	align-items: center;
	height: calc(100% + 1px);
	padding: 0 0.75rem;
	box-sizing: border-box;
	text-decoration: none;
	transition: opacity 0.25s ease;
}

.v2-logo-link:hover[b-qc6jwm74lp] {
	opacity: 0.85;
	text-decoration: none;
}

.v2-logo-icon[b-qc6jwm74lp] {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	flex-shrink: 0;
}

.v2-logo-radian[b-qc6jwm74lp],
.v2-logo-z[b-qc6jwm74lp] {
	font-family: var(--v2-font-display);
	font-size: 1.5rem;
	font-weight: 700;
}

.v2-logo-radian[b-qc6jwm74lp] {
	color: var(--v2-text-bright);
	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
	            width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
	            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.v2-logo-radian.collapsed[b-qc6jwm74lp] {
	opacity: 0;
	width: 0;
	overflow: hidden;
	transform: translateX(-10px);
}

.v2-logo-z[b-qc6jwm74lp] {
	color: var(--v2-accent);
}

.sidebar[b-qc6jwm74lp] {
    background: var(--v2-bg) !important;
}

/* Brand adjustments for collapsed sidebar */
.sidebar-collapsed .v2-logo-link[b-qc6jwm74lp] {
	justify-content: center;
	width: 100%;
}

/* Navigation Sections */
.nav-section[b-qc6jwm74lp] {
    margin-bottom: 1.5rem;
}

.nav-section-title[b-qc6jwm74lp] {
    color: var(--v2-text-ghost);
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--v2-border);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-section-title p[b-qc6jwm74lp] {
    margin: 0;
    flex: 1;
}

.nav-section-title[b-qc6jwm74lp] {
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
}

.nav-section-title:hover[b-qc6jwm74lp] {
    color: var(--v2-text-dim);
}

.section-chevron[b-qc6jwm74lp] {
    font-size: 0.55rem;
    color: var(--v2-text-ghost);
    transition: transform 0.2s ease;
    margin-left: auto;
    flex-shrink: 0;
}

.nav-section-title.collapsed[b-qc6jwm74lp] {
    opacity: 0;
    transform: translateX(-20px);
    width: 0;
    overflow: hidden;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    white-space: nowrap;
}

/* Error inbox badge */
.error-badge[b-qc6jwm74lp] {
    position: absolute;
    top: 6px;
    left: 26px;
    width: 9px;
    height: 9px;
    background-color: var(--v2-error);
    border-radius: 50%;
    display: inline-block;
}

/* Subsection Styles */
.nav-subsection[b-qc6jwm74lp] {
    margin-bottom: 1rem;
}

.nav-subsection-title[b-qc6jwm74lp] {
    color: var(--v2-text-ghost);
    font-family: var(--v2-font-mono);
    font-size: 0.6rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 0.25rem 1.5rem;
    margin-bottom: 0.25rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-subsection-title p[b-qc6jwm74lp] {
    margin: 0;
}

.nav-subsection-title.collapsed[b-qc6jwm74lp] {
    opacity: 0;
    transform: translateX(-20px);
    width: 0;
    overflow: hidden;
    padding: 0.25rem 0;
    white-space: nowrap;
}

.nav-subsection .nav-item[b-qc6jwm74lp] {
    padding-left: 0.5rem;
}

/* Navigation Icons */
.nav-icon[b-qc6jwm74lp] {
    width: 1.25rem;
    margin-top: 5px;
    color: var(--v2-text-dim) !important;
    height: 1.25rem;
    margin-right: 0.75rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    align-self: center;
}

/* Collapsed sidebar styles */
.sidebar-collapsed .nav-link[b-qc6jwm74lp] {
    justify-content: center;
    padding: 1rem 0.75rem;
    position: relative;
    min-height: 3rem;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.sidebar-collapsed .nav-icon[b-qc6jwm74lp] {
    margin-right: 0;
    font-size: 1.3rem;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-text-dim);
    text-align: center;
}

.sidebar-collapsed .nav-item[b-qc6jwm74lp] {
    margin-bottom: 0.25rem;
    padding: 0 0.5rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.sidebar-collapsed .nav-section[b-qc6jwm74lp] {
    margin-bottom: 1.5rem;
    position: relative;
}

.sidebar-collapsed .nav-section:not(:last-child)[b-qc6jwm74lp]::after {
    content: '';
    position: absolute;
    bottom: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 1px;
    background: var(--v2-border);
}

.sidebar-collapsed .nav-section-title[b-qc6jwm74lp] {
    display: none;
}

/* Hover effects for collapsed sidebar */
.sidebar-collapsed .nav-link:hover[b-qc6jwm74lp] {
    background: var(--v2-accent-bg);
    border-radius: var(--v2-radius-sm);
    transform: scale(1.02);
}

.sidebar-collapsed .nav-link:hover .nav-icon[b-qc6jwm74lp] {
    color: var(--v2-accent-light);
    transform: scale(1.05);
}

/* Scrollable area adjustments for collapsed sidebar */
.sidebar-collapsed .nav-scrollable[b-qc6jwm74lp] {
    padding: 1.5rem 0.25rem;
}

/* Tooltip for collapsed sidebar */
.sidebar-collapsed .nav-link[b-qc6jwm74lp] {
    position: relative;
}

.sidebar-collapsed .nav-link[b-qc6jwm74lp]::after {
    content: attr(title);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: var(--v2-surface-2);
    color: var(--v2-text-bright);
    padding: 0.5rem 0.75rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body);
    font-size: 0.875rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
    margin-left: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    border: 1px solid var(--v2-border);
}

.sidebar-collapsed .nav-link:hover[b-qc6jwm74lp]::after {
    opacity: 1;
    visibility: visible;
}

.nav-text[b-qc6jwm74lp] {
    font-family: var(--v2-font-body);
    font-weight: 500;
    color: var(--v2-text-dim);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.1;
    word-wrap: break-word;
    hyphens: auto;
    flex: 1;
    display: flex;
    align-items: center;
}

.nav-text p[b-qc6jwm74lp] {
    margin: 0;
    line-height: 1.1;
}

.nav-text.collapsed[b-qc6jwm74lp] {
    opacity: 0;
    transform: translateX(-20px);
    width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.nav-item[b-qc6jwm74lp] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
    margin: 0 0.75rem;
}

    .nav-item:first-of-type[b-qc6jwm74lp] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-qc6jwm74lp] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-qc6jwm74lp]  .nav-link {
        color: var(--v2-text-dim);
        background: none;
        border: none;
        border-radius: var(--v2-radius-sm);
        min-height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1.2;
        width: 100%;
        padding: 0.5rem 1rem;
        text-decoration: none;
        transition: all 0.25s ease;
        position: relative;
        overflow: hidden;
    }

    .nav-item[b-qc6jwm74lp]  .nav-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--v2-accent-bg);
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .nav-item[b-qc6jwm74lp]  a.active {
        background: var(--v2-accent-bg);
        color: var(--v2-text-bright);
        font-weight: 600;
        border-left: 2px solid var(--v2-accent);
    }

    .nav-item[b-qc6jwm74lp]  a.active .nav-icon {
        color: var(--v2-accent) !important;
        transform: scale(1.1);
    }

    .nav-item[b-qc6jwm74lp]  a.active .nav-text {
        color: var(--v2-text-bright) !important;
    }

    .nav-item[b-qc6jwm74lp]  a.active .nav-text p {
        color: var(--v2-text-bright) !important;
        margin: 0;
    }

    .nav-item[b-qc6jwm74lp]  .nav-link:hover {
        background: var(--v2-accent-bg);
        color: var(--v2-text-bright);
        transform: translateX(3px);
        align-items: center;
    }

.nav-item[b-qc6jwm74lp]  .nav-link:hover::before {
    opacity: 1;
}

.nav-item[b-qc6jwm74lp]  .nav-link:hover .nav-icon {
    color: var(--v2-accent-light);
    transform: scale(1.05);
}

/* Project quick-access sub-list */
.nav-link-with-expand[b-qc6jwm74lp] {
    display: flex;
    align-items: center;
    position: relative;
}

.nav-link-with-expand[b-qc6jwm74lp]  .nav-link {
    flex: 1;
    min-width: 0;
}

.project-expand-btn[b-qc6jwm74lp] {
    background: none;
    border: none;
    color: var(--v2-text-ghost);
    cursor: pointer;
    padding: 0.4rem 0.5rem;
    border-radius: var(--v2-radius-sm);
    transition: all 0.2s ease;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-expand-btn:hover[b-qc6jwm74lp] {
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
}

.project-expand-chevron[b-qc6jwm74lp] {
    font-size: 0.6rem;
    transition: transform 0.2s ease;
}

.project-sub-list[b-qc6jwm74lp] {
    padding-left: 0.75rem;
    animation: projectSubSlide-b-qc6jwm74lp 0.2s ease-out;
}

.project-sub-item[b-qc6jwm74lp] {
    margin: 0 0.75rem;
    font-size: 0.82rem;
}

.project-sub-item[b-qc6jwm74lp]  .nav-link {
    min-height: 2.2rem;
    padding: 0.25rem 0.75rem;
}

.project-sub-icon[b-qc6jwm74lp] {
    font-size: 0.75rem;
    width: 1rem;
    margin-right: 0.5rem;
}

@keyframes projectSubSlide-b-qc6jwm74lp {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav-scrollable[b-qc6jwm74lp] {
    display: none;
    padding: 1rem 0;
    background: var(--v2-bg) !important;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.navbar-toggler:checked ~ .nav-scrollable[b-qc6jwm74lp] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-qc6jwm74lp] {
        display: none;
    }

    .nav-scrollable[b-qc6jwm74lp] {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        padding: 1.5rem 0;
    }

    /* Custom scrollbar */
    .nav-scrollable[b-qc6jwm74lp]::-webkit-scrollbar {
        width: 6px;
    }

    .nav-scrollable[b-qc6jwm74lp]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.03);
        border-radius: 3px;
    }

    .nav-scrollable[b-qc6jwm74lp]::-webkit-scrollbar-thumb {
        background: var(--v2-border-hover);
        border-radius: 3px;
    }

    .nav-scrollable[b-qc6jwm74lp]::-webkit-scrollbar-thumb:hover {
        background: var(--v2-text-ghost);
    }
}

/* Premium Widget */
.premium-widget[b-qc6jwm74lp] {
    margin: 0 0 1rem 0;
    padding: 1.5rem;
    background: linear-gradient(135deg, var(--v2-accent) 0%, var(--v2-accent-hover) 100%);
    border-radius: var(--v2-radius);
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.premium-blob[b-qc6jwm74lp] {
    position: absolute;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    filter: blur(40px);
    pointer-events: none;
}

.premium-blob-1[b-qc6jwm74lp] {
    width: 80px;
    height: 60px;
    top: -15px;
    right: 15px;
}

.premium-blob-2[b-qc6jwm74lp] {
    width: 60px;
    height: 40px;
    bottom: -10px;
    left: 20px;
}

.premium-blob-3[b-qc6jwm74lp] {
    width: 40px;
    height: 40px;
    top: 50%;
    right: -10px;
}

.premium-content[b-qc6jwm74lp] {
    position: relative;
    z-index: 2;
}

.premium-header[b-qc6jwm74lp] {
    margin-bottom: 1rem;
}

.premium-title[b-qc6jwm74lp] {
    color: white;
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.premium-description[b-qc6jwm74lp] {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.3;
}

.premium-button[b-qc6jwm74lp] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--v2-radius-sm);
    padding: 0.6rem 1.2rem;
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    width: 100%;
}

.premium-button:hover[b-qc6jwm74lp] {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.premium-button:active[b-qc6jwm74lp] {
    transform: translateY(0);
}

/* Collapsed state for premium widget */
.premium-widget.collapsed[b-qc6jwm74lp] {
    opacity: 0;
    transform: translateX(-20px);
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Sidebar Footer */
.sidebar-footer[b-qc6jwm74lp] {
    flex-shrink: 0;
    padding: 1rem;
    padding-top: 20px !important;
    background: var(--v2-bg);
    border-top: 1px solid var(--v2-border);
    margin-top: auto;
}

    .sidebar-footer .sidebar-toggle-btn[b-qc6jwm74lp] {
        background: transparent;
        border: 1px solid var(--v2-border);
        border-radius: var(--v2-radius-sm);
        padding: 10px;
        display: flex;
        height: 45px;
        align-items: center;
        justify-content: center;
        color: var(--v2-text-dim);
        font-size: 1rem;
        cursor: pointer;
        transition: all 0.25s ease;
        gap: 0.5rem;
    }

.sidebar-footer .sidebar-toggle-btn:hover[b-qc6jwm74lp] {
    transform: translateY(-2px);
    background: var(--v2-accent-bg);
    border-color: var(--v2-accent);
    color: var(--v2-accent-light);
}

.sidebar-footer .sidebar-toggle-btn:active[b-qc6jwm74lp] {
    transform: translateY(0) scale(0.98);
}

.sidebar-footer .toggle-text[b-qc6jwm74lp] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    font-weight: 500;
}

/* Collapsed sidebar footer adjustments */
.sidebar-collapsed .sidebar-footer .sidebar-toggle-btn[b-qc6jwm74lp] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
}

.sidebar-collapsed .sidebar-footer .toggle-text[b-qc6jwm74lp] {
    display: none;
}

.sidebar-collapsed .sidebar-footer[b-qc6jwm74lp] {
    padding: 1rem 0.5rem;
}

/* Sidebar footer row — version + toggle */
.sidebar-footer-row[b-qc6jwm74lp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-version[b-qc6jwm74lp] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-version.collapsed[b-qc6jwm74lp] {
    opacity: 0;
    width: 0;
    overflow: hidden;
}

/* ==========================================
   Mobile Styles
   ========================================== */
@media (max-width: 640.98px) {
    .sidebar-container[b-qc6jwm74lp] {
        height: auto;
        min-height: auto;
        overflow: visible;
        position: relative;
        z-index: 1000;
    }

    .navbar-toggler[b-qc6jwm74lp] {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28208, 213, 222, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem transparent;
        border: 1px solid var(--v2-border-hover);
    }

    .navbar-toggler:checked[b-qc6jwm74lp] {
        background-color: var(--v2-accent-bg);
    }

    .navbar-toggler:hover[b-qc6jwm74lp] {
        background-color: var(--v2-accent-bg);
        border-color: var(--v2-accent);
    }

    .nav-scrollable[b-qc6jwm74lp] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-height: 70vh;
        overflow-y: auto;
        z-index: 1000;
        background: var(--v2-bg) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    }

    .sidebar-footer[b-qc6jwm74lp] {
        display: none !important;
    }
}
/* /Components/Layout/SelfHealingLayout.razor.rz.scp.css */
/* ===== SelfHealing Layout — Scoped CSS ===== */
:root[b-cyr8wgym0p] {
    --sh-primary-50: #eef2ff;
    --sh-primary-100: #e0e7ff;
    --sh-primary-300: #93c5fd;
    --sh-primary-500: #2f5bff;
    --sh-primary-600: #2348e6;
    --sh-primary-700: #1e3ec7;
    --sh-bg: #ffffff;
    --sh-surface: #ffffff;
    --sh-surface-2: #f8faff;
    --sh-text: #0f172a;
    --sh-text-2: #334155;
    --sh-muted: #64748b;
    --sh-border: #e5e7eb;
    --sh-shadow: 0 10px 25px rgba(2,6,23,.08);
    --sh-radius-xl: 24px;
    --sh-radius-lg: 18px;
    --sh-radius-md: 14px;
    --sh-radius-pill: 999px;
    --sh-container: 1100px;
}

.sh-layout[b-cyr8wgym0p] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--sh-bg);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--sh-text);
}

/* ===== HEADER ===== */
.sh-header[b-cyr8wgym0p] {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    border-bottom: 1px solid var(--sh-border);
    padding: .75rem 0;
}

.sh-header-container[b-cyr8wgym0p] {
    max-width: var(--sh-container);
    margin: 0 auto; padding: 0 2rem;
    display: flex; align-items: center; justify-content: space-between;
}

.sh-logo[b-cyr8wgym0p] { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }
.sh-logo-img[b-cyr8wgym0p] { height: 28px; width: auto; display: block; }

.sh-nav[b-cyr8wgym0p] { flex: 1; display: flex; justify-content: center; }
.sh-nav-pill[b-cyr8wgym0p] {
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(10px);
    border-radius: var(--sh-radius-pill);
    padding: .35rem; display: flex; gap: .2rem;
    border: 1px solid var(--sh-border);
}
.sh-nav-link[b-cyr8wgym0p] {
    padding: .55rem 1.2rem; border-radius: var(--sh-radius-pill);
    text-decoration: none; color: var(--sh-muted); font-weight: 500;
    font-size: .88rem; transition: all .25s ease; cursor: pointer;
}
.sh-nav-link:hover[b-cyr8wgym0p] { color: var(--sh-text); background: rgba(0,0,0,.04); }
.sh-nav-link.active[b-cyr8wgym0p] { background: var(--sh-primary-500); color: #fff; box-shadow: 0 2px 8px rgba(47,91,255,.25); }

.sh-header-actions[b-cyr8wgym0p] { display: flex; gap: .75rem; align-items: center; flex-shrink: 0; }

/* Language selector */
[b-cyr8wgym0p] .language-selector {
    margin-right: 0.5rem;
}

[b-cyr8wgym0p] .language-selector .btn {
    border-radius: var(--sh-radius-md);
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
    border-color: var(--sh-border);
    color: var(--sh-text-2);
    background: transparent;
    transition: all 0.2s ease;
}

[b-cyr8wgym0p] .language-selector .btn:hover {
    background: var(--sh-surface-2);
    border-color: var(--sh-primary-300);
    color: var(--sh-primary-600);
}

[b-cyr8wgym0p] .language-selector .dropdown-menu {
    border-radius: var(--sh-radius-md);
    border: 1px solid var(--sh-border);
    box-shadow: var(--sh-shadow);
    padding: 0.5rem;
}

[b-cyr8wgym0p] .language-selector .dropdown-item {
    border-radius: calc(var(--sh-radius-md) - 4px);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    transition: all 0.15s ease;
}

[b-cyr8wgym0p] .language-selector .dropdown-item:hover {
    background: var(--sh-surface-2);
    color: var(--sh-primary-600);
}

[b-cyr8wgym0p] .language-selector .dropdown-item.active {
    background: var(--sh-primary-50);
    color: var(--sh-primary-600);
    font-weight: 500;
}

/* Buttons */
.sh-btn[b-cyr8wgym0p] {
    padding: .65rem 1.4rem; border-radius: var(--sh-radius-pill);
    font-weight: 600; font-size: .9rem; border: none; cursor: pointer;
    transition: all .3s cubic-bezier(.4,0,.2,1); text-decoration: none; display: inline-flex; align-items: center; gap: .5rem;
}
.sh-btn-outline[b-cyr8wgym0p] { background: transparent; color: var(--sh-muted); border: 1px solid var(--sh-border); }
.sh-btn-outline:hover[b-cyr8wgym0p] { background: var(--sh-surface-2); color: var(--sh-text); }
.sh-btn-dark[b-cyr8wgym0p] { background: var(--sh-text); color: #fff; }
.sh-btn-dark:hover[b-cyr8wgym0p] { background: var(--v2-surface-2); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.sh-btn-primary[b-cyr8wgym0p] {
    background: var(--sh-primary-500); color: #fff;
    box-shadow: 0 4px 18px rgba(47,91,255,.3);
}
.sh-btn-primary:hover[b-cyr8wgym0p] { background: var(--sh-primary-600); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(47,91,255,.35); }
.sh-btn-ghost[b-cyr8wgym0p] { background: rgba(255,255,255,.92); color: var(--sh-text); border: 1.5px solid var(--sh-border); }
.sh-btn-ghost:hover[b-cyr8wgym0p] { border-color: var(--sh-primary-500); color: var(--sh-primary-500); transform: translateY(-2px); }

/* Hamburger */
.sh-hamburger[b-cyr8wgym0p] {
    display: none; flex-direction: column; gap: 5px;
    background: none; border: none; cursor: pointer; padding: .5rem;
}
.sh-hamburger span[b-cyr8wgym0p] { width: 22px; height: 2px; background: var(--sh-text); border-radius: 2px; transition: .3s; }

.sh-mobile-menu[b-cyr8wgym0p] { display: none; }

/* ===== HERO ===== */
.sh-hero[b-cyr8wgym0p] {
    padding-top: 100px; padding-bottom: 60px;
    background: linear-gradient(165deg, #f8faff 0%, #ffffff 40%, #eef2ff 100%);
    position: relative; overflow: hidden;
}
.sh-hero[b-cyr8wgym0p]::before {
    content: ''; position: absolute; top: -120px; right: -120px;
    width: 400px; height: 400px; border-radius: 50%;
    background: radial-gradient(circle, rgba(47,91,255,.08) 0%, transparent 70%);
    pointer-events: none;
}

.sh-hero-grid[b-cyr8wgym0p] {
    max-width: var(--sh-container); margin: 0 auto; padding: 0 2rem;
    display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;
}

.sh-hero-text h1[b-cyr8wgym0p] {
    font-size: 3.2rem; font-weight: 700; line-height: 1.15;
    color: var(--sh-text); margin: 0 0 1.5rem 0;
}
.sh-hero-text h1 strong[b-cyr8wgym0p] { color: var(--sh-primary-500); }
.sh-hero-text h1 em[b-cyr8wgym0p] { font-style: italic; }

.sh-hero-sub[b-cyr8wgym0p] {
    font-size: 1.15rem; color: var(--sh-text-2); line-height: 1.7;
    margin-bottom: 2rem; max-width: 520px;
}

.sh-hero-actions[b-cyr8wgym0p] { display: flex; gap: 1rem; flex-wrap: wrap; }

/* ===== HERO MOCKUP ===== */
.sh-mockup[b-cyr8wgym0p] {
    background: var(--sh-surface); border-radius: var(--sh-radius-xl);
    box-shadow: var(--sh-shadow), 0 0 0 1px var(--sh-border);
    overflow: hidden;
}
.sh-mockup-bar[b-cyr8wgym0p] {
    display: flex; gap: 6px; padding: 12px 16px;
    background: var(--v2-surface-2); border-bottom: 1px solid var(--sh-border);
}
.sh-mockup-bar span[b-cyr8wgym0p] { width: 10px; height: 10px; border-radius: 50%; }
.sh-mockup-bar span:nth-child(1)[b-cyr8wgym0p] { background: #ff5f56; }
.sh-mockup-bar span:nth-child(2)[b-cyr8wgym0p] { background: #ffbd2e; }
.sh-mockup-bar span:nth-child(3)[b-cyr8wgym0p] { background: #27ca3f; }

.sh-mockup-body[b-cyr8wgym0p] { padding: 1.25rem; display: flex; flex-direction: column; gap: .75rem; }

.sh-mock-step[b-cyr8wgym0p] { padding: 1rem; border-radius: var(--sh-radius-md); }
.sh-mock-error[b-cyr8wgym0p] { background: rgba(248, 113, 113, 0.06); border: 1px solid rgba(248, 113, 113, 0.2); }
.sh-mock-patch[b-cyr8wgym0p] { background: var(--sh-surface-2); border: 1px solid var(--sh-border); }
.sh-mock-pr[b-cyr8wgym0p] { background: rgba(74, 222, 128, 0.06); border: 1px solid rgba(74, 222, 128, 0.2); }

.sh-mock-label[b-cyr8wgym0p] { font-weight: 600; font-size: .82rem; margin-bottom: .4rem; color: var(--sh-text); }
.sh-mock-code[b-cyr8wgym0p] { font-family: 'Fira Code', monospace; font-size: .78rem; color: var(--v2-error); }

.sh-mock-diff[b-cyr8wgym0p] { display: flex; flex-direction: column; gap: 2px; font-family: 'Fira Code', monospace; font-size: .78rem; }
.sh-diff-del[b-cyr8wgym0p] { color: var(--v2-error); }
.sh-diff-add[b-cyr8wgym0p] { color: var(--v2-success); }

.sh-mock-arrow[b-cyr8wgym0p] { text-align: center; color: var(--sh-muted); font-size: .9rem; }

.sh-mock-pr-title[b-cyr8wgym0p] { font-size: .82rem; color: var(--sh-text-2); }
.sh-pr-badge[b-cyr8wgym0p] {
    display: inline-block; font-size: .7rem; padding: 2px 8px;
    background: rgba(74, 222, 128, 0.1); color: var(--v2-success); border-radius: var(--sh-radius-pill);
    font-weight: 600; margin-left: .5rem;
}

.sh-content[b-cyr8wgym0p] { flex: 1; }

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .sh-hero-grid[b-cyr8wgym0p] { grid-template-columns: 1fr; gap: 2.5rem; }
    .sh-hero-text h1[b-cyr8wgym0p] { font-size: 2.3rem; }
    .sh-hero-visual[b-cyr8wgym0p] { order: -1; }
    .sh-nav[b-cyr8wgym0p] { display: none; }
    .sh-header-actions[b-cyr8wgym0p] { display: none; }
    .sh-hamburger[b-cyr8wgym0p] { display: flex; }
    .sh-mobile-menu[b-cyr8wgym0p] {
        display: flex; flex-direction: column; gap: .5rem;
        padding: 1rem 2rem 1.5rem; border-top: 1px solid var(--sh-border);
        background: rgba(255,255,255,.96);
    }
    .sh-mobile-link[b-cyr8wgym0p] {
        padding: .75rem 0; text-decoration: none; color: var(--sh-text-2);
        font-weight: 500; border-bottom: 1px solid var(--sh-border);
    }
    .sh-mobile-actions[b-cyr8wgym0p] { display: flex; gap: .75rem; margin-top: .75rem; }
}

@media (max-width: 480px) {
    .sh-hero-text h1[b-cyr8wgym0p] { font-size: 1.8rem; }
    .sh-hero-sub[b-cyr8wgym0p] { font-size: 1rem; }
    .sh-hero-actions[b-cyr8wgym0p] { flex-direction: column; }
    .sh-hero-actions .sh-btn[b-cyr8wgym0p] { width: 100%; justify-content: center; }
}

/* /Components/Layout/TemporaryOrganizationIndicator.razor.rz.scp.css */
.temporary-org-indicator[b-kjtc1r58do] {
    border: 1.5px solid var(--v2-warning);
    border-radius: 6px;
    padding: 0.3rem 0.75rem;
    margin-left: 1rem;
}

.temp-org-content[b-kjtc1r58do] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
}

.temp-org-icon[b-kjtc1r58do] {
    font-size: 0.85rem;
    color: var(--v2-warning);
}

.temp-org-text[b-kjtc1r58do] {
    color: var(--v2-warning);
}

.temp-org-text strong[b-kjtc1r58do] {
    color: var(--v2-accent-hover);
    font-weight: 600;
}

.temp-org-clear-btn[b-kjtc1r58do] {
    background: transparent;
    border: 1px solid var(--v2-warning);
    color: var(--v2-warning);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    cursor: pointer;
}

.temp-org-clear-btn:hover[b-kjtc1r58do] {
    background: var(--v2-warning);
    color: white;
}

.temp-org-clear-btn:active[b-kjtc1r58do] {
    background: var(--v2-accent-hover);
    color: white;
}

.temp-org-clear-btn i[b-kjtc1r58do] {
    font-size: 0.7rem;
}

/* Responsive adjustments */
@@media (max-width: 768px) {
    .temporary-org-indicator[b-kjtc1r58do] {
        padding: 0.2rem 0.5rem;
        margin-left: 0.5rem;
    }

    .temp-org-content[b-kjtc1r58do] {
        font-size: 0.7rem;
        gap: 0.3rem;
    }

    .temp-org-clear-btn[b-kjtc1r58do] {
        padding: 0.1rem 0.4rem;
        font-size: 0.7rem;
    }
}

@@media (max-width: 480px) {
    .temp-org-content[b-kjtc1r58do] {
        flex-wrap: wrap;
        white-space: normal;
    }

    .temp-org-clear-btn[b-kjtc1r58do] {
        margin-left: auto;
    }
}
/* /Components/Layout/TopBar.razor.rz.scp.css */
/* ── TopBar ── */
.topbar[b-nzxcqh3059] {
    background: var(--v2-surface);
    border-bottom: 1px solid var(--v2-border);
    display: flex;
    align-items: center;
    backdrop-filter: blur(16px);
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    height: 5rem;
}

.topbar-content[b-nzxcqh3059] {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
    align-items: center;
    width: 100%;
}

/* ── Breadcrumb ── */
.topbar-breadcrumb[b-nzxcqh3059] {
    flex: 1;
}

.breadcrumb-list[b-nzxcqh3059] {
    display: flex;
    align-items: center;
    list-style: none;
    background: transparent;
    line-height: 1;
    padding: 0;
    margin: 0;
    gap: 0.15rem;
}

.breadcrumb-item[b-nzxcqh3059] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--v2-text-dim);
}

.breadcrumb-item--active[b-nzxcqh3059] {
    color: var(--v2-text-bright);
}

.breadcrumb-item + .breadcrumb-item[b-nzxcqh3059]::before {
    content: "/";
    color: var(--v2-text-ghost);
    margin: 0 0.2rem;
    opacity: 0.5;
}

.breadcrumb-link[b-nzxcqh3059] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--v2-text-dim);
    text-decoration: none;
    padding: 0.15rem 0.35rem;
    border-radius: var(--v2-radius-sm);
    transition: color 0.25s, background 0.25s;
}

.breadcrumb-link:hover[b-nzxcqh3059] {
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    text-decoration: none;
}

.topbar-welcome[b-nzxcqh3059] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-text-ghost);
    font-weight: 400;
    margin: 0.3rem 0 0 0;
}

.topbar-username[b-nzxcqh3059] {
    color: var(--v2-text-dim);
    font-weight: 500;
}

/* ── Actions (right side) ── */
.topbar-actions[b-nzxcqh3059] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Icon buttons (lang, help) ── */
.icon-btn[b-nzxcqh3059] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    height: 2.25rem;
    padding: 0 0.6rem;
    border-radius: var(--v2-radius-sm);
    background: transparent;
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s;
}

.icon-btn:hover[b-nzxcqh3059] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.lang-code[b-nzxcqh3059] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.04em;
}

.dropdown-caret[b-nzxcqh3059] {
    font-size: 0.55rem;
    color: var(--v2-text-dim);
    transition: transform 0.2s;
    margin-left: 0.1rem;
}

.icon-btn[aria-expanded="true"] .dropdown-caret[b-nzxcqh3059] {
    transform: rotate(180deg);
}

/* ── Shared dropdown panel ── */
.topbar-dropdown[b-nzxcqh3059] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    border-radius: var(--v2-radius);
    padding: 0.4rem 0;
}

.topbar-dropdown-item[b-nzxcqh3059] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    color: var(--v2-text);
    transition: background 0.2s, color 0.2s;
}

.topbar-dropdown-item:hover[b-nzxcqh3059] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
}

.topbar-dropdown-item.active[b-nzxcqh3059] {
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
}

.topbar-dropdown-item--danger[b-nzxcqh3059] {
    color: var(--v2-error);
}

.topbar-dropdown-item--danger:hover[b-nzxcqh3059] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
}

.dropdown-toggle[b-nzxcqh3059]::after {
    display: none;
}

.topbar-divider[b-nzxcqh3059] {
    border-color: var(--v2-border);
    margin: 0.25rem 0;
}

/* ── User pill button ── */
.user-pill[b-nzxcqh3059] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.65rem 0.3rem 0.3rem;
    border-radius: 999px;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    cursor: pointer;
    transition: all 0.25s;
    color: var(--v2-text);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1;
}

.user-pill:hover[b-nzxcqh3059] {
    border-color: var(--v2-accent-light);
    background: var(--v2-surface-2);
    box-shadow: 0 0 0 2px var(--v2-accent-glow);
}

.user-pill-name[b-nzxcqh3059] {
    color: var(--v2-text);
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.user-pill-caret[b-nzxcqh3059] {
    font-size: 0.55rem;
    color: var(--v2-text-dim);
    transition: transform 0.2s;
    margin-left: 0.1rem;
}

.user-pill[aria-expanded="true"] .user-pill-caret[b-nzxcqh3059] {
    transform: rotate(180deg);
}

.avatar[b-nzxcqh3059] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--v2-accent);
    color: #fff;
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.avatar--lg[b-nzxcqh3059] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.78rem;
}

/* ── User dropdown panel ── */
.user-dropdown[b-nzxcqh3059] {
    min-width: 220px;
}

.user-dropdown-header[b-nzxcqh3059] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}

.user-dropdown-identity[b-nzxcqh3059] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.user-dropdown-name[b-nzxcqh3059] {
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-dropdown-role[b-nzxcqh3059] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

/* ── Login button ── */
.login-btn[b-nzxcqh3059] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s;
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .topbar[b-nzxcqh3059] {
        position: relative;
        z-index: 999;
    }

    .topbar-content[b-nzxcqh3059] {
        padding: 0.75rem 1rem;
    }

    .breadcrumb-item[b-nzxcqh3059],
    .breadcrumb-link[b-nzxcqh3059] {
        font-size: 0.72rem;
    }

    .lang-code[b-nzxcqh3059] {
        display: none;
    }

    .dropdown-caret[b-nzxcqh3059] {
        display: none;
    }

    .user-pill-name[b-nzxcqh3059] {
        display: none;
    }

    .user-pill-caret[b-nzxcqh3059] {
        display: none;
    }

    .user-pill[b-nzxcqh3059] {
        padding: 0.25rem;
        border-radius: 50%;
    }
}

@media (min-width: 641px) {
    .topbar[b-nzxcqh3059] {
        position: sticky;
        top: 0;
        z-index: 99;
    }
}
/* /Components/Pages/Account/LoginV2.razor.rz.scp.css */
/* ── RADIANZ V2 — Login Page ── */

/* ── Page ── */
.v2-login-page[b-vrefkvcq2c] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    background: var(--v2-bg);
}

/* ── Container ── */
.v2-login-container[b-vrefkvcq2c] {
    width: 100%;
    max-width: 460px;
}

/* ── Card ── */
.v2-login-card[b-vrefkvcq2c] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 2.5rem 2.25rem;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.03),
        0 24px 80px -12px rgba(0,0,0,0.5);
}
.v2-login-card--centered[b-vrefkvcq2c] {
    text-align: center;
}

/* ── Logo ── */
.v2-login-logo[b-vrefkvcq2c] {
    text-align: center;
    margin-bottom: 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}
.v2-login-logo-icon[b-vrefkvcq2c] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
}
.v2-login-logo-text[b-vrefkvcq2c] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
}
.v2-login-logo-z[b-vrefkvcq2c] {
    color: var(--v2-accent);
}

/* ── Header ── */
.v2-login-header[b-vrefkvcq2c] {
    text-align: center;
    margin-bottom: 1.25rem;
}
.v2-login-title[b-vrefkvcq2c] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
    margin: 0 0 0.4rem;
}
.v2-login-subtitle[b-vrefkvcq2c] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ── Checking session state ── */
.v2-login-checking-title[b-vrefkvcq2c] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1.15rem;
    color: var(--v2-text-bright);
    margin: 1.25rem 0 0.35rem;
}
.v2-login-checking-sub[b-vrefkvcq2c] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ── Form ── */
.v2-login-form[b-vrefkvcq2c] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.v2-login-form .v2-form-group[b-vrefkvcq2c] {
    gap: 0 !important;
}
.v2-login-form .v2-form-label[b-vrefkvcq2c] {
    margin-bottom: 0.2rem;
}

/* ── Submit button ── */
.v2-login-submit[b-vrefkvcq2c] {
    margin-top: 0.5rem;
}
.v2-login-submit-text[b-vrefkvcq2c] {
    margin-left: 0.5rem;
}

/* ── Footer ── */
.v2-login-footer[b-vrefkvcq2c] {
    text-align: center;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--v2-border);
}
.v2-login-signup[b-vrefkvcq2c] {
    font-size: 0.85rem;
}
.v2-login-footer-text[b-vrefkvcq2c] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin-right: 0.35rem;
}

/* ── Suppress Blazor default green validation outline ── */
[b-vrefkvcq2c] .v2-form-input.valid.modified:not([type="checkbox"]) {
    outline: none;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .v2-login-page[b-vrefkvcq2c] {
        padding: 2rem 1rem;
    }
    .v2-login-card[b-vrefkvcq2c] {
        padding: 2rem 1.5rem;
    }
    .v2-login-title[b-vrefkvcq2c] {
        font-size: 1.3rem;
    }
}
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
/* ── Profile Page — Scoped CSS (Terminal Noir) ── */

/* Loading */
.v2-profile-loading[b-q7lhs8f1s7] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem; }
.v2-profile-spinner[b-q7lhs8f1s7] { width: 2.5rem; height: 2.5rem; border: 3px solid var(--v2-border); border-top-color: var(--v2-accent); border-radius: 50%; animation: v2-profile-spin-b-q7lhs8f1s7 0.8s linear infinite; }
@keyframes v2-profile-spin-b-q7lhs8f1s7 { to { transform: rotate(360deg); } }
.v2-profile-loading-text[b-q7lhs8f1s7] { font-family: var(--v2-font-body); color: var(--v2-text-dim); margin-top: 1rem; font-size: 0.9rem; }

/* Page wrapper */
.v2-profile[b-q7lhs8f1s7] { padding: 0 2rem 2rem; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.25rem; }

/* ── Profile sub-navigation ── */
.v2-profile-nav[b-q7lhs8f1s7] {
    display: flex; align-items: center; gap: 0;
    border-bottom: 1px solid var(--v2-border);
    padding: 0;
}
.v2-profile-nav-item[b-q7lhs8f1s7] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    font-family: var(--v2-font-body); font-size: 0.85rem; font-weight: 500;
    color: var(--v2-text-dim);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.2s, border-color 0.2s;
    cursor: pointer;
}
.v2-profile-nav-item i[b-q7lhs8f1s7] { font-size: 0.78rem; }
.v2-profile-nav-item:hover[b-q7lhs8f1s7] {
    color: var(--v2-text-bright);
}
.v2-profile-nav-item--active[b-q7lhs8f1s7] {
    color: var(--v2-accent-light);
    border-bottom-color: var(--v2-accent);
}

/* Content grid */
.v2-profile-grid[b-q7lhs8f1s7] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }

/* Cards */
.v2-profile-card[b-q7lhs8f1s7] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); transition: border-color 0.25s, box-shadow 0.25s; }
.v2-profile-card:hover[b-q7lhs8f1s7] { border-color: var(--v2-border-hover); box-shadow: 0 4px 24px rgba(240,104,72,0.06); }
.v2-profile-card--full[b-q7lhs8f1s7] { grid-column: 1 / -1; }
.v2-profile-card-head[b-q7lhs8f1s7] { display: flex; align-items: center; gap: 0.75rem; padding: 1.15rem 1.5rem; border-bottom: 1px solid var(--v2-border); }
.v2-profile-card-icon[b-q7lhs8f1s7] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--v2-accent-bg); color: var(--v2-accent); font-size: 0.95rem; flex-shrink: 0; }
.v2-profile-card-title[b-q7lhs8f1s7] { font-family: var(--v2-font-display); font-size: 0.95rem; font-weight: 600; color: var(--v2-text-bright); margin: 0; }
.v2-profile-card-body[b-q7lhs8f1s7] { padding: 0.5rem 1.5rem 1.25rem; }

/* Fields */
.v2-profile-field[b-q7lhs8f1s7] { display: flex; justify-content: space-between; align-items: center; padding: 0.85rem 0; border-bottom: 1px solid var(--v2-border); }
.v2-profile-field:last-child[b-q7lhs8f1s7] { border-bottom: none; }
.v2-profile-label[b-q7lhs8f1s7] { font-family: var(--v2-font-mono); font-size: 0.72rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--v2-text-ghost); flex-shrink: 0; }
.v2-profile-value[b-q7lhs8f1s7] { font-family: var(--v2-font-body); font-size: 0.88rem; color: var(--v2-text); text-align: right; word-break: break-word; }

/* Action field (e.g. Change Password button) */
.v2-profile-field--action[b-q7lhs8f1s7] { border-bottom: none; padding-top: 1rem; }
.v2-profile-field--action .v2-btn[b-q7lhs8f1s7] { gap: 0.4rem; font-size: 0.8rem; }

/* Role badges (inside fields) */
.v2-profile-roles[b-q7lhs8f1s7] { display: flex; flex-wrap: wrap; gap: 0.35rem; justify-content: flex-end; }
.v2-profile-role-badge[b-q7lhs8f1s7] { font-family: var(--v2-font-mono); font-size: 0.68rem; letter-spacing: 0.04em; color: var(--v2-accent-light); background: var(--v2-accent-bg); padding: 0.2rem 0.6rem; border-radius: var(--v2-radius-sm); }

/* Code values */
.v2-profile-code[b-q7lhs8f1s7] { font-family: var(--v2-font-mono); font-size: 0.75rem; color: var(--v2-accent-light); background: var(--v2-void); padding: 0.25rem 0.6rem; border-radius: var(--v2-radius-sm); border: 1px solid var(--v2-border); word-break: break-all; text-align: right; }

/* Badges */
.v2-profile-badge[b-q7lhs8f1s7] { display: inline-flex; align-items: center; gap: 0.3rem; font-family: var(--v2-font-mono); font-size: 0.72rem; letter-spacing: 0.03em; padding: 0.2rem 0.6rem; border-radius: var(--v2-radius-sm); }
.v2-profile-badge--success[b-q7lhs8f1s7] { color: var(--v2-success); background: rgba(74,222,128,0.1); border: 1px solid rgba(74,222,128,0.2); }
.v2-profile-badge--warning[b-q7lhs8f1s7] { color: var(--v2-warning); background: rgba(252,211,77,0.1); border: 1px solid rgba(252,211,77,0.2); }
.v2-profile-badge--error[b-q7lhs8f1s7] { color: var(--v2-error); background: rgba(248,113,113,0.1); border: 1px solid rgba(248,113,113,0.2); }

/* Empty state */
.v2-profile-empty[b-q7lhs8f1s7] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2.5rem 1rem; gap: 0.6rem; }
.v2-profile-empty i[b-q7lhs8f1s7] { font-size: 1.6rem; color: var(--v2-text-ghost); }
.v2-profile-empty p[b-q7lhs8f1s7] { font-family: var(--v2-font-body); font-size: 0.85rem; color: var(--v2-text-dim); margin: 0; }

/* Security & quick links card */
.v2-profile-links[b-q7lhs8f1s7] { display: flex; flex-direction: column; }
.v2-profile-link-item[b-q7lhs8f1s7] { display: flex; align-items: center; gap: 1rem; padding: 0.9rem 0; border-bottom: 1px solid var(--v2-border); cursor: pointer; background: none; border-left: none; border-right: none; border-top: none; text-decoration: none; color: inherit; width: 100%; text-align: left; transition: background 0.15s; font-size: inherit; }
.v2-profile-link-item:last-child[b-q7lhs8f1s7] { border-bottom: none; }
.v2-profile-link-item:hover[b-q7lhs8f1s7] { background: var(--v2-void); border-radius: var(--v2-radius-sm); }
.v2-profile-link-icon[b-q7lhs8f1s7] { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--v2-radius-sm); background: var(--v2-accent-bg); color: var(--v2-accent); font-size: 0.85rem; flex-shrink: 0; }
.v2-profile-link-text[b-q7lhs8f1s7] { flex: 1; min-width: 0; }
.v2-profile-link-title[b-q7lhs8f1s7] { display: block; font-family: var(--v2-font-body); font-size: 0.88rem; font-weight: 500; color: var(--v2-text-bright); }
.v2-profile-link-desc[b-q7lhs8f1s7] { display: block; font-family: var(--v2-font-body); font-size: 0.75rem; color: var(--v2-text-dim); margin-top: 0.1rem; }
.v2-profile-link-arrow[b-q7lhs8f1s7] { color: var(--v2-text-ghost); font-size: 0.7rem; flex-shrink: 0; transition: transform 0.15s; }
.v2-profile-link-item:hover .v2-profile-link-arrow[b-q7lhs8f1s7] { transform: translateX(3px); color: var(--v2-accent); }

/* ── Change Password Modal ── */
.v2-modal-backdrop[b-q7lhs8f1s7] { position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,0.65); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; padding: 1rem; }
.v2-modal[b-q7lhs8f1s7] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); width: 100%; max-width: 480px; max-height: 90vh; overflow-y: auto; box-shadow: 0 24px 64px rgba(0,0,0,0.5); animation: v2-modal-in-b-q7lhs8f1s7 0.2s ease-out; }
@keyframes v2-modal-in-b-q7lhs8f1s7 { from { opacity: 0; transform: translateY(12px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }

.v2-modal-header[b-q7lhs8f1s7] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--v2-border); }
.v2-modal-header-icon[b-q7lhs8f1s7] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--v2-accent-bg); color: var(--v2-accent); font-size: 0.95rem; flex-shrink: 0; }
.v2-modal-title[b-q7lhs8f1s7] { font-family: var(--v2-font-display); font-size: 1.05rem; font-weight: 600; color: var(--v2-text-bright); margin: 0; }
.v2-modal-subtitle[b-q7lhs8f1s7] { font-family: var(--v2-font-body); font-size: 0.78rem; color: var(--v2-text-dim); margin: 0.15rem 0 0; }
.v2-modal-close[b-q7lhs8f1s7] { margin-left: auto; background: none; border: none; color: var(--v2-text-ghost); font-size: 1rem; cursor: pointer; padding: 0.25rem; border-radius: var(--v2-radius-sm); transition: color 0.15s, background 0.15s; }
.v2-modal-close:hover[b-q7lhs8f1s7] { color: var(--v2-text-bright); background: var(--v2-border); }

.v2-modal-body[b-q7lhs8f1s7] { padding: 1.25rem 1.5rem; }

/* Errors */
.v2-modal-errors[b-q7lhs8f1s7] { margin-bottom: 1rem; }
.v2-modal-error-item[b-q7lhs8f1s7] { display: flex; align-items: flex-start; gap: 0.5rem; font-family: var(--v2-font-body); font-size: 0.8rem; color: var(--v2-error); background: rgba(248,113,113,0.08); border: 1px solid rgba(248,113,113,0.2); border-radius: var(--v2-radius-sm); padding: 0.5rem 0.75rem; margin-bottom: 0.35rem; }
.v2-modal-error-item i[b-q7lhs8f1s7] { margin-top: 0.15rem; flex-shrink: 0; }

/* Success */
.v2-modal-success[b-q7lhs8f1s7] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 2rem 1rem; text-align: center; }
.v2-modal-success i[b-q7lhs8f1s7] { font-size: 2.5rem; color: var(--v2-success); }
.v2-modal-success p[b-q7lhs8f1s7] { font-family: var(--v2-font-body); font-size: 0.9rem; color: var(--v2-text); margin: 0; }

/* Form fields */
.v2-modal-field[b-q7lhs8f1s7] { margin-bottom: 1rem; }
.v2-modal-label[b-q7lhs8f1s7] { display: block; font-family: var(--v2-font-mono); font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--v2-text-ghost); margin-bottom: 0.35rem; }
.v2-modal-input-wrap[b-q7lhs8f1s7] { display: flex; align-items: center; gap: 0.6rem; background: var(--v2-void); border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); padding: 0 0.75rem; transition: border-color 0.2s, box-shadow 0.2s; }
.v2-modal-input-wrap:focus-within[b-q7lhs8f1s7] { border-color: var(--v2-accent); box-shadow: 0 0 0 2px rgba(240,104,72,0.15); }
.v2-modal-input-wrap i[b-q7lhs8f1s7] { color: var(--v2-text-ghost); font-size: 0.85rem; flex-shrink: 0; }
.v2-modal-input[b-q7lhs8f1s7] { flex: 1; background: transparent; border: none; outline: none; font-family: var(--v2-font-body); font-size: 0.85rem; color: var(--v2-text-bright); padding: 0.6rem 0; }
.v2-modal-input[b-q7lhs8f1s7]::placeholder { color: var(--v2-text-ghost); }

/* Tips */
.v2-modal-tips[b-q7lhs8f1s7] { background: var(--v2-void); border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); padding: 0.75rem 1rem; margin-bottom: 1.25rem; }
.v2-modal-tips-title[b-q7lhs8f1s7] { font-family: var(--v2-font-mono); font-size: 0.68rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--v2-text-ghost); margin: 0 0 0.4rem; }
.v2-modal-tips ul[b-q7lhs8f1s7] { margin: 0; padding-left: 1.2rem; }
.v2-modal-tips li[b-q7lhs8f1s7] { font-family: var(--v2-font-body); font-size: 0.78rem; color: var(--v2-text-dim); line-height: 1.6; }

/* Footer */
.v2-modal-footer[b-q7lhs8f1s7] { display: flex; justify-content: flex-end; gap: 0.5rem; }
.v2-modal-footer .v2-btn[b-q7lhs8f1s7] { gap: 0.4rem; font-size: 0.8rem; }

/* Spinner inside button */
.v2-modal-btn-spinner[b-q7lhs8f1s7] { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: v2-profile-spin-b-q7lhs8f1s7 0.6s linear infinite; }

/* Responsive */
@media (max-width: 768px) {
    .v2-profile[b-q7lhs8f1s7] { padding: 0 1rem 1.5rem; }
    .v2-profile-nav[b-q7lhs8f1s7] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .v2-profile-nav-item[b-q7lhs8f1s7] { white-space: nowrap; padding: 0.75rem 1rem; font-size: 0.8rem; }
    .v2-profile-nav-item span[b-q7lhs8f1s7] { display: none; }
    .v2-profile-nav-item i[b-q7lhs8f1s7] { font-size: 0.9rem; }
    .v2-profile-grid[b-q7lhs8f1s7] { grid-template-columns: 1fr; }
    .v2-profile-card--full[b-q7lhs8f1s7] { grid-column: 1; }
    .v2-profile-field[b-q7lhs8f1s7] { flex-direction: column; align-items: flex-start; gap: 0.3rem; }
    .v2-profile-value[b-q7lhs8f1s7], .v2-profile-code[b-q7lhs8f1s7] { text-align: left; }
    .v2-profile-roles[b-q7lhs8f1s7] { justify-content: flex-start; }
    .v2-modal[b-q7lhs8f1s7] { max-width: 100%; }
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RADIANZ V2 — Register Page Scoped Styles
   Terminal Noir — dark registration card
   ═══════════════════════════════════════════════════════════ */

/* ── Page ── */
.v2-register-page[b-d3jd5uo0iv] {
    position: relative;
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    background: var(--v2-bg);
    overflow: hidden;
}

/* ── Background (ambient orbs + dots) ── */
.v2-register-bg[b-d3jd5uo0iv] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.v2-register-dots[b-d3jd5uo0iv] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
    background-size: 28px 28px;
}
.v2-register-orb[b-d3jd5uo0iv] {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
}
.v2-register-orb--1[b-d3jd5uo0iv] {
    width: 600px;
    height: 600px;
    top: -20%;
    right: -15%;
    background: rgba(240,104,72,0.08);
}
.v2-register-orb--2[b-d3jd5uo0iv] {
    width: 400px;
    height: 400px;
    bottom: -15%;
    left: -10%;
    background: rgba(240,104,72,0.06);
}

/* ── Container ── */
.v2-register-container[b-d3jd5uo0iv] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 460px;
}

/* ── Card ── */
.v2-register-card[b-d3jd5uo0iv] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 2.5rem 2.25rem;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.03),
        0 24px 80px -12px rgba(0,0,0,0.5),
        0 0 60px rgba(240,104,72,0.06);
}

/* ── Logo ── */
.v2-register-logo[b-d3jd5uo0iv] {
    text-align: center;
    margin-bottom: 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}
.v2-register-logo-icon[b-d3jd5uo0iv] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
}
.v2-register-logo-text[b-d3jd5uo0iv] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
}
.v2-register-logo-z[b-d3jd5uo0iv] {
    color: var(--v2-accent);
}

/* ── Header ── */
.v2-register-header[b-d3jd5uo0iv] {
    text-align: center;
    margin-bottom: 2rem;
}
.v2-register-title[b-d3jd5uo0iv] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
    margin: 0 0 0.4rem;
}
.v2-register-subtitle[b-d3jd5uo0iv] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ── Form ── */
.v2-register-form[b-d3jd5uo0iv] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.v2-optional[b-d3jd5uo0iv] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: var(--v2-text-ghost);
}

/* ── Submit button extra spacing ── */
.v2-register-submit[b-d3jd5uo0iv] {
    margin-top: 0.5rem;
}

/* ── Footer ── */
.v2-register-footer[b-d3jd5uo0iv] {
    text-align: center;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--v2-border);
}
.v2-register-footer-text[b-d3jd5uo0iv] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin-right: 0.35rem;
}

/* ── Suppress Blazor default green validation outline from app.css ── */
[b-d3jd5uo0iv] .v2-form-input.valid.modified:not([type="checkbox"]) {
    outline: none;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .v2-register-page[b-d3jd5uo0iv] {
        padding: 2rem 1rem;
    }
    .v2-register-card[b-d3jd5uo0iv] {
        padding: 2rem 1.5rem;
    }
    .v2-register-title[b-d3jd5uo0iv] {
        font-size: 1.3rem;
    }
}

/* /Components/Pages/Account/Settings.razor.rz.scp.css */
/* ── Settings Page — Scoped CSS (Terminal Noir) ── */

/* Loading */
.v2-settings-loading[b-iugofkr3mc] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem; }
.v2-settings-spinner[b-iugofkr3mc] { width: 2.5rem; height: 2.5rem; border: 3px solid var(--v2-border); border-top-color: var(--v2-accent); border-radius: 50%; animation: v2-settings-spin-b-iugofkr3mc 0.8s linear infinite; }
@keyframes v2-settings-spin-b-iugofkr3mc { to { transform: rotate(360deg); } }
.v2-settings-loading-text[b-iugofkr3mc] { font-family: var(--v2-font-body); color: var(--v2-text-dim); margin-top: 1rem; font-size: 0.9rem; }

/* Page wrapper */
.v2-settings[b-iugofkr3mc] { padding: 0 2rem 2rem; max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.25rem; }

/* ── Profile sub-navigation ── */
.v2-settings-profile-nav[b-iugofkr3mc] {
    display: flex; align-items: center; gap: 0;
    border-bottom: 1px solid var(--v2-border); padding: 0;
}
.v2-settings-profile-nav-item[b-iugofkr3mc] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    font-family: var(--v2-font-body); font-size: 0.85rem; font-weight: 500;
    color: var(--v2-text-dim); text-decoration: none;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
    transition: color 0.2s, border-color 0.2s; cursor: pointer;
}
.v2-settings-profile-nav-item i[b-iugofkr3mc] { font-size: 0.78rem; }
.v2-settings-profile-nav-item:hover[b-iugofkr3mc] { color: var(--v2-text-bright); }
.v2-settings-profile-nav-item--active[b-iugofkr3mc] {
    color: var(--v2-accent-light);
    border-bottom-color: var(--v2-accent);
}

/* Cards */
.v2-settings-card[b-iugofkr3mc] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); }
.v2-settings-card-head[b-iugofkr3mc] { display: flex; align-items: center; gap: 0.75rem; padding: 1.15rem 1.5rem; border-bottom: 1px solid var(--v2-border); }
.v2-settings-card-icon[b-iugofkr3mc] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--v2-accent-bg); color: var(--v2-accent); font-size: 0.95rem; flex-shrink: 0; }
.v2-settings-card-title[b-iugofkr3mc] { font-family: var(--v2-font-display); font-size: 0.95rem; font-weight: 600; color: var(--v2-text-bright); margin: 0; }
.v2-settings-card-body[b-iugofkr3mc] { padding: 1.25rem 1.5rem; }

/* Saved confirmation indicator */
.v2-settings-saved[b-iugofkr3mc] {
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 0.35rem;
    font-family: var(--v2-font-mono); font-size: 0.72rem; font-weight: 500;
    letter-spacing: 0.03em; text-transform: uppercase;
    color: var(--v2-success);
    animation: v2-saved-in-b-iugofkr3mc 0.3s ease-out both;
}
.v2-settings-saved i[b-iugofkr3mc] { font-size: 0.68rem; }
@keyframes v2-saved-in-b-iugofkr3mc {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.v2-settings-saved--out[b-iugofkr3mc] {
    animation: v2-saved-out-b-iugofkr3mc 0.3s ease-in both;
}
@keyframes v2-saved-out-b-iugofkr3mc {
    from { opacity: 1; transform: translateY(0); }
    to   { opacity: 0; transform: translateY(-4px); }
}

/* Toggle rows */
.v2-settings-toggle[b-iugofkr3mc] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 0.5rem; margin: 0 -0.5rem; border-bottom: 1px solid var(--v2-border); border-radius: 6px; cursor: pointer; transition: background 0.15s ease-out; }
.v2-settings-toggle:hover[b-iugofkr3mc] { background: var(--v2-accent-glow); }
.v2-settings-toggle:last-child[b-iugofkr3mc] { border-bottom: none; }
.v2-settings-toggle-text[b-iugofkr3mc] { flex: 1; min-width: 0; }
.v2-settings-toggle-title[b-iugofkr3mc] { display: block; font-family: var(--v2-font-body); font-size: 0.88rem; font-weight: 500; color: var(--v2-text-bright); }
.v2-settings-toggle-desc[b-iugofkr3mc] { display: block; font-family: var(--v2-font-body); font-size: 0.75rem; color: var(--v2-text-dim); margin-top: 0.1rem; }

/* Custom toggle switch */
.v2-settings-switch[b-iugofkr3mc] { position: relative; flex-shrink: 0; width: 40px; height: 22px; }
.v2-settings-switch input[b-iugofkr3mc] { opacity: 0; width: 0; height: 0; position: absolute; }
.v2-settings-switch-track[b-iugofkr3mc] { position: absolute; inset: 0; background: var(--v2-border); border-radius: 11px; transition: background 0.2s ease-out; cursor: pointer; }
.v2-settings-toggle:hover .v2-settings-switch-track[b-iugofkr3mc] { background: var(--v2-text-ghost); }
.v2-settings-toggle:hover .v2-settings-switch input:checked + .v2-settings-switch-track[b-iugofkr3mc] { background: var(--v2-accent-light); }
.v2-settings-switch-track[b-iugofkr3mc]::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: var(--v2-text-ghost); border-radius: 50%; transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s, width 0.1s; }
.v2-settings-toggle:hover .v2-settings-switch-track[b-iugofkr3mc]::after { background: var(--v2-text-dim); }
.v2-settings-switch input:checked + .v2-settings-switch-track[b-iugofkr3mc] { background: var(--v2-accent); }
.v2-settings-switch input:checked + .v2-settings-switch-track[b-iugofkr3mc]::after { transform: translateX(18px); background: #fff; }
.v2-settings-switch-track:active[b-iugofkr3mc]::after { width: 20px; }
.v2-settings-switch input:checked + .v2-settings-switch-track:active[b-iugofkr3mc]::after { transform: translateX(14px); }
.v2-settings-switch input:focus-visible + .v2-settings-switch-track[b-iugofkr3mc] { box-shadow: 0 0 0 2px var(--v2-accent-glow); }

/* Responsive */
@media (max-width: 768px) {
    .v2-settings[b-iugofkr3mc] { padding: 0 1rem 1.5rem; }
    .v2-settings-profile-nav[b-iugofkr3mc] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .v2-settings-profile-nav-item[b-iugofkr3mc] { white-space: nowrap; padding: 0.75rem 1rem; font-size: 0.8rem; }
    .v2-settings-profile-nav-item span[b-iugofkr3mc] { display: none; }
    .v2-settings-profile-nav-item i[b-iugofkr3mc] { font-size: 0.9rem; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .v2-settings-saved[b-iugofkr3mc], .v2-settings-saved--out[b-iugofkr3mc] { animation: none; }
    .v2-settings-switch-track[b-iugofkr3mc]::after { transition-duration: 0.01s; }
    .v2-settings-spinner[b-iugofkr3mc] { animation-duration: 1.5s; }
}
/* /Components/Pages/Account/SetupAccount.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RADIANZ V2 — Setup Account Page Scoped Styles
   Reuses Register page styles (v2-register-* classes)
   ═══════════════════════════════════════════════════════════ */

/* ── Page ── */
.v2-register-page[b-2zmlvc4hqs] {
    position: relative;
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    background: var(--v2-bg);
    overflow: hidden;
}

/* ── Background (ambient orbs + dots) ── */
.v2-register-bg[b-2zmlvc4hqs] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.v2-register-dots[b-2zmlvc4hqs] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
    background-size: 28px 28px;
}
.v2-register-orb[b-2zmlvc4hqs] {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
}
.v2-register-orb--1[b-2zmlvc4hqs] {
    width: 600px;
    height: 600px;
    top: -20%;
    right: -15%;
    background: rgba(240,104,72,0.08);
}
.v2-register-orb--2[b-2zmlvc4hqs] {
    width: 400px;
    height: 400px;
    bottom: -15%;
    left: -10%;
    background: rgba(240,104,72,0.06);
}

/* ── Container ── */
.v2-register-container[b-2zmlvc4hqs] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 460px;
}

/* ── Card ── */
.v2-register-card[b-2zmlvc4hqs] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 2.5rem 2.25rem;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.03),
        0 24px 80px -12px rgba(0,0,0,0.5),
        0 0 60px rgba(240,104,72,0.06);
}

/* ── Logo ── */
.v2-register-logo[b-2zmlvc4hqs] {
    text-align: center;
    margin-bottom: 1.75rem;
}
.v2-register-logo-text[b-2zmlvc4hqs] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
}
.v2-register-logo-z[b-2zmlvc4hqs] {
    color: var(--v2-accent);
}

/* ── Header ── */
.v2-register-header[b-2zmlvc4hqs] {
    text-align: center;
    margin-bottom: 2rem;
}
.v2-register-title[b-2zmlvc4hqs] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--v2-text-bright);
    letter-spacing: -0.02em;
    margin: 0 0 0.4rem;
}
.v2-register-subtitle[b-2zmlvc4hqs] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ── Form ── */
.v2-register-form[b-2zmlvc4hqs] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

/* ── Submit button extra spacing ── */
.v2-register-submit[b-2zmlvc4hqs] {
    margin-top: 0.5rem;
}

/* ── Footer ── */
.v2-register-footer[b-2zmlvc4hqs] {
    text-align: center;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--v2-border);
}

/* ── Suppress Blazor default green validation outline from app.css ── */
[b-2zmlvc4hqs] .v2-form-input.valid.modified:not([type="checkbox"]) {
    outline: none;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .v2-register-page[b-2zmlvc4hqs] {
        padding: 2rem 1rem;
    }
    .v2-register-card[b-2zmlvc4hqs] {
        padding: 2rem 1.5rem;
    }
    .v2-register-title[b-2zmlvc4hqs] {
        font-size: 1.3rem;
    }
}
/* /Components/Pages/Account/Subscription.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Subscription Page — Confident & Premium
   Elevated from Terminal Noir base for conversion impact.
   ═══════════════════════════════════════════════════════════ */

/* ── Loading ── */
.v2-sub-loading[b-hwtx4a9yn0] {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; padding: 4rem 2rem;
}
.v2-sub-spinner[b-hwtx4a9yn0] {
    width: 2.5rem; height: 2.5rem;
    border: 3px solid var(--v2-border); border-top-color: var(--v2-accent);
    border-radius: 50%; animation: v2-sub-spin-b-hwtx4a9yn0 0.8s linear infinite;
}
@keyframes v2-sub-spin-b-hwtx4a9yn0 { to { transform: rotate(360deg); } }
.v2-sub-loading-text[b-hwtx4a9yn0] {
    font-family: var(--v2-font-mono); color: var(--v2-text-dim);
    margin-top: 1rem; font-size: 0.82rem; letter-spacing: 0.03em;
}

/* ── Error state ── */
.v2-sub-error-card[b-hwtx4a9yn0] {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; padding: 4rem 2rem; gap: 1rem;
    max-width: 480px; margin: 2rem auto;
    background: var(--v2-surface); border: 1px solid rgba(248, 113, 113, 0.2);
    border-radius: var(--v2-radius);
}
.v2-sub-error-icon[b-hwtx4a9yn0] {
    display: flex; align-items: center; justify-content: center;
    width: 56px; height: 56px; border-radius: 50%;
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error); font-size: 1.5rem;
}
.v2-sub-error-message[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body); font-size: 0.9rem;
    color: var(--v2-text-dim); text-align: center; margin: 0;
}
.v2-sub-error-hint[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body); font-size: 0.8rem;
    color: var(--v2-text-ghost); text-align: center; margin: 0;
}
.v2-sub-error-card .v2-btn[b-hwtx4a9yn0] { gap: 0.45rem; }

/* ── Page wrapper ── */
.v2-sub[b-hwtx4a9yn0] {
    padding: 0 2rem 2rem; max-width: 1200px; margin: 0 auto;
    display: flex; flex-direction: column; gap: 1.25rem;
}

/* ═══ STRIPE REDIRECT FEEDBACK BANNER ═══ */
.v2-sub-stripe-banner[b-hwtx4a9yn0] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.85rem 1.25rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body); font-size: 0.85rem;
}
.v2-sub-stripe-banner--success[b-hwtx4a9yn0] {
    background: rgba(39, 201, 63, 0.08);
    border: 1px solid rgba(39, 201, 63, 0.25);
    color: var(--v2-success);
}
.v2-sub-stripe-banner--cancelled[b-hwtx4a9yn0] {
    background: rgba(148, 163, 184, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: var(--v2-text-dim);
}
.v2-sub-stripe-banner--error[b-hwtx4a9yn0] {
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.25);
    color: var(--v2-error);
}
.v2-sub-stripe-banner-content[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 0.65rem;
}
.v2-sub-stripe-banner-content i[b-hwtx4a9yn0] { font-size: 1rem; flex-shrink: 0; }
.v2-sub-stripe-banner-dismiss[b-hwtx4a9yn0] {
    background: none; border: none; cursor: pointer;
    color: inherit; opacity: 0.6;
    padding: 0.5rem; min-width: 44px; min-height: 44px;
    display: flex; align-items: center; justify-content: center;
    border-radius: var(--v2-radius-sm);
    transition: opacity 0.2s;
}
.v2-sub-stripe-banner-dismiss:hover[b-hwtx4a9yn0] { opacity: 1; }
.v2-sub-stripe-banner-dismiss:focus-visible[b-hwtx4a9yn0] {
    opacity: 1;
    outline: 2px solid var(--v2-accent);
    outline-offset: 2px;
}

/* ═══ PROFILE SUB-NAV ═══ */
.v2-sub-profile-nav[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 0;
    border-bottom: 1px solid var(--v2-border); padding: 0;
}
.v2-sub-profile-nav-item[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    font-family: var(--v2-font-body); font-size: 0.85rem; font-weight: 500;
    color: var(--v2-text-dim); text-decoration: none;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
    transition: color 0.2s, border-color 0.2s; cursor: pointer;
}
.v2-sub-profile-nav-item i[b-hwtx4a9yn0] { font-size: 0.78rem; }
.v2-sub-profile-nav-item:hover[b-hwtx4a9yn0] { color: var(--v2-text-bright); }
.v2-sub-profile-nav-item:focus-visible[b-hwtx4a9yn0] {
    color: var(--v2-text-bright);
    outline: 2px solid var(--v2-accent);
    outline-offset: -2px;
}
.v2-sub-profile-nav-item--active[b-hwtx4a9yn0] {
    color: var(--v2-accent-light);
    border-bottom-color: var(--v2-accent);
}

/* ═══ STATUS BAR ═══ */
.v2-sub-status-bar[b-hwtx4a9yn0] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.55rem 1.25rem;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono); font-size: 0.72rem;
    letter-spacing: 0.04em; text-transform: uppercase;
    color: var(--v2-text-ghost);
}
.v2-sub-status-left[b-hwtx4a9yn0] { display: flex; align-items: center; gap: 0.6rem; }
.v2-sub-status-dot[b-hwtx4a9yn0] {
    width: 7px; height: 7px; border-radius: 50%;
    animation: v2-sub-pulse-b-hwtx4a9yn0 2.5s ease-in-out infinite;
}
@keyframes v2-sub-pulse-b-hwtx4a9yn0 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.v2-sub-status-dot--active[b-hwtx4a9yn0] {
    background: var(--v2-success);
    box-shadow: 0 0 6px var(--v2-success);
}
.v2-sub-status-dot--warning[b-hwtx4a9yn0] {
    background: var(--v2-warning);
    box-shadow: 0 0 6px var(--v2-warning);
}
.v2-sub-status-dot--inactive[b-hwtx4a9yn0] {
    background: var(--v2-error);
    box-shadow: 0 0 6px var(--v2-error);
}
.v2-sub-status-label[b-hwtx4a9yn0] { font-weight: 500; }
.v2-sub-status-label--active[b-hwtx4a9yn0] { color: var(--v2-success); }
.v2-sub-status-label--warning[b-hwtx4a9yn0] { color: var(--v2-warning); }
.v2-sub-status-label--inactive[b-hwtx4a9yn0] { color: var(--v2-error); }
.v2-sub-status-sep[b-hwtx4a9yn0] { color: var(--v2-border-hover); user-select: none; }
.v2-sub-status-plan[b-hwtx4a9yn0] { color: var(--v2-accent-light); }
.v2-sub-status-trial[b-hwtx4a9yn0] { color: var(--v2-text-dim); }
.v2-sub-status-trial--expired[b-hwtx4a9yn0] { color: var(--v2-error); }

/* ═══ PAGE HEADER ═══ */
.v2-sub-header[b-hwtx4a9yn0] {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 1rem;
}
.v2-sub-title[b-hwtx4a9yn0] {
    font-family: var(--v2-font-display); font-weight: 700;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    color: var(--v2-text-bright); margin: 0; letter-spacing: -0.02em;
}
.v2-sub-header-actions[b-hwtx4a9yn0] { display: flex; gap: 0.5rem; }

/* ═══ HEADER ACTION BUTTONS ═══ */
.v2-sub-btn-header[b-hwtx4a9yn0] {
    gap: 0.45rem;
}
.v2-sub-btn-header i[b-hwtx4a9yn0] { font-size: 0.75rem; }
.v2-sub-btn-header:focus-visible[b-hwtx4a9yn0] {
    outline: 2px solid var(--v2-accent-light);
    outline-offset: 2px;
}

/* ═══════════════════════════════════════════════════════════
   HERO PLAN CARD — the conversion centerpiece.
   Visually elevated from the rest of the app.
   ═══════════════════════════════════════════════════════════ */
.v2-sub-hero[b-hwtx4a9yn0] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    position: relative;
}

/* Subtle top accent line — confident, not flashy */
.v2-sub-hero[b-hwtx4a9yn0]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--v2-accent);
}

/* Urgent trial state — warmer accent line */
.v2-sub-hero--urgent[b-hwtx4a9yn0]::before {
    background: var(--v2-warning);
}

/* Expired trial state */
.v2-sub-hero--expired[b-hwtx4a9yn0]::before {
    background: var(--v2-error);
}

/* Cancelled state */
.v2-sub-hero--cancelled[b-hwtx4a9yn0]::before {
    background: var(--v2-text-ghost);
}

.v2-sub-hero-inner[b-hwtx4a9yn0] {
    padding: 2.5rem 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

/* ── Hero lead section ── */
.v2-sub-hero-lead[b-hwtx4a9yn0] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.v2-sub-hero-headline[b-hwtx4a9yn0] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.v2-sub-hero-headline--urgent[b-hwtx4a9yn0] {
    color: var(--v2-warning);
}

.v2-sub-hero-desc[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text-dim);
    margin: 0;
    max-width: 520px;
    line-height: 1.5;
}

/* ── Pricing block — the visual anchor ── */
.v2-sub-hero-pricing[b-hwtx4a9yn0] {
    display: flex;
    align-items: baseline;
    gap: 1.25rem;
}

.v2-sub-price-block[b-hwtx4a9yn0] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
}

.v2-sub-price[b-hwtx4a9yn0] {
    font-family: var(--v2-font-display);
    font-size: clamp(3rem, 5vw, 4rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1;
}

.v2-sub-price-period[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body);
    font-size: 1rem;
    color: var(--v2-text-dim);
    font-weight: 400;
}

.v2-sub-price-note[b-hwtx4a9yn0] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    color: var(--v2-text-ghost);
    border-left: 1px solid var(--v2-border);
    padding-left: 1.25rem;
}

/* ── Features grid — two columns for density ── */
.v2-sub-hero-features[b-hwtx4a9yn0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.15rem 2rem;
}

/* ── Plan pill ── */
.v2-sub-plan-pill[b-hwtx4a9yn0] {
    display: inline-flex; align-items: center; gap: 0.5rem;
    font-family: var(--v2-font-mono); font-size: 0.72rem;
    font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase;
    color: #fff; background: var(--v2-accent);
    padding: 0.35rem 1rem; border-radius: 50px;
    width: fit-content;
}
.v2-sub-plan-pill--expired[b-hwtx4a9yn0] {
    background: var(--v2-error);
}
.v2-sub-plan-pill--active[b-hwtx4a9yn0] {
    background: var(--v2-success);
    color: #0b0e14;
}
.v2-sub-plan-pill i[b-hwtx4a9yn0] { font-size: 0.6rem; }

/* ── Feature list items ── */
.v2-sub-feature[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 0.65rem;
    padding: 0.5rem 0; font-family: var(--v2-font-body);
    font-size: 0.85rem; color: var(--v2-text);
}
.v2-sub-feature i[b-hwtx4a9yn0] {
    color: var(--v2-success); font-size: 0.55rem; flex-shrink: 0;
    width: 16px; text-align: center;
}

/* ═══ UPGRADE CTA — single, decisive, unmissable ═══ */
.v2-sub-btn-upgrade[b-hwtx4a9yn0] {
    font-family: var(--v2-font-display);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    padding: 0.95rem 2.5rem;
    border-radius: var(--v2-radius-sm);
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background: var(--v2-accent);
    color: #fff;
    width: fit-content;
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}
.v2-sub-btn-upgrade:hover[b-hwtx4a9yn0] {
    background: var(--v2-accent-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(33,70,255,0.25);
}
.v2-sub-btn-upgrade:active[b-hwtx4a9yn0] {
    background: var(--v2-accent-hover);
    transform: translateY(0);
}
.v2-sub-metric:hover[b-hwtx4a9yn0] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 4px 20px rgba(240,104,72,0.06);
    transform: translateY(-2px);
}
.v2-sub-btn-upgrade:focus-visible[b-hwtx4a9yn0] {
    outline: 2px solid var(--v2-accent-light);
    outline-offset: 2px;
}

/* ═══ ACTIVE PLAN CARD ═══ */
.v2-sub-plan-card[b-hwtx4a9yn0] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: border-color 0.25s;
}
.v2-sub-plan-card:hover[b-hwtx4a9yn0] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 4px 24px rgba(240,104,72,0.06);
}

/* Active plan gets a green top accent */
.v2-sub-plan-card--active[b-hwtx4a9yn0] {
    position: relative;
}
.v2-sub-plan-card--active[b-hwtx4a9yn0]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--v2-success);
}

.v2-sub-plan-content[b-hwtx4a9yn0] {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 2rem; padding: 2rem 2.5rem;
}
.v2-sub-plan-left[b-hwtx4a9yn0] { display: flex; flex-direction: column; gap: 0.75rem; }
.v2-sub-plan-price-row[b-hwtx4a9yn0] { display: flex; align-items: baseline; gap: 0.35rem; }
.v2-sub-plan-desc[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body); font-size: 0.85rem;
    color: var(--v2-text-dim); margin: 0; max-width: 340px;
    line-height: 1.5;
}

/* Billing info inline (active plan) */
.v2-sub-billing-inline[b-hwtx4a9yn0] {
    display: flex; flex-direction: column; gap: 0;
    border-left: 1px solid var(--v2-border); padding-left: 2rem;
    justify-content: center;
}
.v2-sub-billing-inline .v2-sub-field[b-hwtx4a9yn0] {
    border-bottom: 1px solid var(--v2-border);
}
.v2-sub-billing-inline .v2-sub-field:last-child[b-hwtx4a9yn0] {
    border-bottom: none;
}

/* Shared field styles */
.v2-sub-field[b-hwtx4a9yn0] {
    display: flex; flex-direction: column; gap: 0.25rem;
    padding: 0.85rem 0;
}
.v2-sub-label[b-hwtx4a9yn0] {
    font-family: var(--v2-font-mono); font-size: 0.68rem;
    letter-spacing: 0.04em; text-transform: uppercase;
    color: var(--v2-text-ghost);
}
.v2-sub-value[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body); font-size: 0.88rem;
    color: var(--v2-text);
}
.v2-sub-value strong[b-hwtx4a9yn0] { color: var(--v2-text-bright); }

/* ═══ CANCELLATION PENDING BANNER ═══ */
.v2-sub-cancel-banner[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: rgba(251, 191, 36, 0.06);
    border: 1px solid rgba(251, 191, 36, 0.25);
    border-radius: var(--v2-radius);
}
.v2-sub-cancel-banner-icon[b-hwtx4a9yn0] {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(251, 191, 36, 0.12);
    color: var(--v2-warning); font-size: 1rem; flex-shrink: 0;
}
.v2-sub-cancel-banner-content[b-hwtx4a9yn0] {
    flex: 1; display: flex; flex-direction: column; gap: 0.25rem;
}
.v2-sub-cancel-banner-content strong[b-hwtx4a9yn0] {
    font-family: var(--v2-font-display); font-size: 0.9rem;
    color: var(--v2-warning);
}
.v2-sub-cancel-banner-content p[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body); font-size: 0.82rem;
    color: var(--v2-text-dim); margin: 0;
}
.v2-sub-cancel-banner-date[b-hwtx4a9yn0] {
    font-family: var(--v2-font-mono); font-size: 0.75rem;
    color: var(--v2-warning); font-weight: 500;
}

/* ═══ PAYMENT HISTORY CARD ═══ */
.v2-sub-card[b-hwtx4a9yn0] {
    background: var(--v2-surface); border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    transition: border-color 0.25s;
}
.v2-sub-card:hover[b-hwtx4a9yn0] {
    border-color: var(--v2-border-hover);
}
.v2-sub-card-head[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 1.15rem 1.5rem; border-bottom: 1px solid var(--v2-border);
}
.v2-sub-card-title[b-hwtx4a9yn0] {
    font-family: var(--v2-font-display); font-size: 0.95rem;
    font-weight: 600; color: var(--v2-text-bright); margin: 0;
}
.v2-sub-card-body[b-hwtx4a9yn0] { padding: 1.25rem 1.5rem; }

/* ═══ PAYMENT HISTORY TABLE ═══ */
.v2-sub-history-table[b-hwtx4a9yn0] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
}
.v2-sub-history-table thead tr[b-hwtx4a9yn0] {
    border-bottom: 1px solid var(--v2-border);
}
.v2-sub-history-table th[b-hwtx4a9yn0] {
    padding: 0.6rem 0.75rem;
    text-align: left;
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
}
.v2-sub-history-table td[b-hwtx4a9yn0] {
    padding: 0.65rem 0.75rem;
    color: var(--v2-text);
}
.v2-sub-history-table tbody tr[b-hwtx4a9yn0] {
    border-bottom: 1px solid var(--v2-border);
    transition: background 0.2s;
}
.v2-sub-history-table tbody tr:last-child[b-hwtx4a9yn0] {
    border-bottom: none;
}
.v2-sub-history-table tbody tr:hover[b-hwtx4a9yn0] {
    background: rgba(33,70,255,0.03);
}

/* PDF download mini-button */
.v2-sub-btn-pdf[b-hwtx4a9yn0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding: 0.3rem 0.65rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.25s, color 0.25s, background 0.25s;
    white-space: nowrap;
}
.v2-sub-btn-pdf:hover[b-hwtx4a9yn0] {
    border-color: var(--v2-accent);
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
}
.v2-sub-btn-pdf:focus-visible[b-hwtx4a9yn0] {
    outline: 2px solid var(--v2-accent);
    outline-offset: 2px;
}
.v2-sub-btn-pdf i[b-hwtx4a9yn0] { font-size: 0.65rem; }

/* ═══ PAYMENT STATUS BADGES ═══ */
.v2-sub-payment-badge[b-hwtx4a9yn0] {
    display: inline-flex; align-items: center;
    font-family: var(--v2-font-mono); font-size: 0.7rem;
    font-weight: 500; letter-spacing: 0.03em;
    padding: 0.2rem 0.6rem; border-radius: 50px;
    text-transform: uppercase;
}
.v2-sub-payment-badge--succeeded[b-hwtx4a9yn0] {
    background: rgba(39, 201, 63, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(39, 201, 63, 0.25);
}
.v2-sub-payment-badge--failed[b-hwtx4a9yn0] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.25);
}
.v2-sub-payment-badge--pending[b-hwtx4a9yn0] {
    background: rgba(251, 191, 36, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(251, 191, 36, 0.25);
}
.v2-sub-payment-badge--refunded[b-hwtx4a9yn0] {
    background: rgba(148, 163, 184, 0.1);
    color: var(--v2-text-dim);
    border: 1px solid rgba(148, 163, 184, 0.25);
}

/* ═══ BUTTON DISABLED / SPINNER ═══ */
button[disabled][b-hwtx4a9yn0],
.v2-sub-btn-upgrade[disabled][b-hwtx4a9yn0] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}
.v2-sub-btn-spinner[b-hwtx4a9yn0] {
    display: inline-block;
    width: 0.85rem; height: 0.85rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: v2-sub-spin-b-hwtx4a9yn0 0.6s linear infinite;
}
.v2-sub-btn-spinner--dark[b-hwtx4a9yn0] {
    border-color: var(--v2-border);
    border-top-color: var(--v2-text-dim);
}

/* ═══ REDUCED MOTION ═══ */
@media (prefers-reduced-motion: reduce) {
    .v2-sub-spinner[b-hwtx4a9yn0],
    .v2-sub-btn-spinner[b-hwtx4a9yn0] { animation-duration: 1.5s; }
    .v2-sub-status-dot[b-hwtx4a9yn0] { animation: none; }
    .v2-sub-hero[b-hwtx4a9yn0],
    .v2-sub-plan-card[b-hwtx4a9yn0],
    .v2-sub-card[b-hwtx4a9yn0],
    .v2-sub-btn-upgrade[b-hwtx4a9yn0],
    .v2-sub-btn-header[b-hwtx4a9yn0],
    .v2-sub-btn-pdf[b-hwtx4a9yn0],
    .v2-sub-profile-nav-item[b-hwtx4a9yn0] { transition: none; }
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 768px) {
    .v2-sub[b-hwtx4a9yn0] { padding: 0 1rem 1.5rem; }
    .v2-sub-profile-nav[b-hwtx4a9yn0] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .v2-sub-profile-nav-item[b-hwtx4a9yn0] { white-space: nowrap; padding: 0.75rem 1rem; font-size: 0.8rem; }
    .v2-sub-profile-nav-item span[b-hwtx4a9yn0] { display: none; }
    .v2-sub-profile-nav-item i[b-hwtx4a9yn0] { font-size: 0.9rem; }
    .v2-sub-status-bar[b-hwtx4a9yn0] { flex-direction: column; gap: 0.3rem; text-align: center; }
    .v2-sub-header[b-hwtx4a9yn0] { flex-direction: column; text-align: center; }
    .v2-sub-header-actions[b-hwtx4a9yn0] { justify-content: center; flex-wrap: wrap; }
    .v2-sub-hero-inner[b-hwtx4a9yn0] { padding: 2rem 1.5rem 1.5rem; gap: 1.25rem; }
    .v2-sub-hero-pricing[b-hwtx4a9yn0] { flex-direction: column; gap: 0.5rem; }
    .v2-sub-price-note[b-hwtx4a9yn0] { border-left: none; padding-left: 0; }
    .v2-sub-hero-features[b-hwtx4a9yn0] { grid-template-columns: 1fr; }
    .v2-sub-btn-upgrade[b-hwtx4a9yn0] { width: 100%; justify-content: center; }
    .v2-sub-plan-content[b-hwtx4a9yn0] { grid-template-columns: 1fr; }
    .v2-sub-billing-inline[b-hwtx4a9yn0] { border-left: none; padding-left: 0; border-top: 1px solid var(--v2-border); padding-top: 0.5rem; }
    .v2-sub-cancel-banner[b-hwtx4a9yn0] { flex-direction: column; text-align: center; }
    .v2-sub-stripe-banner[b-hwtx4a9yn0] { flex-direction: column; gap: 0.5rem; text-align: center; }
}
@media (max-width: 480px) {
    .v2-sub[b-hwtx4a9yn0] { gap: 1rem; }
    .v2-sub-hero-inner[b-hwtx4a9yn0] { padding: 1.5rem 1.25rem 1.25rem; }
    .v2-sub-plan-content[b-hwtx4a9yn0] { padding: 1.25rem; }
    .v2-sub-btn-upgrade[b-hwtx4a9yn0] { padding: 0.85rem 1.5rem; font-size: 0.88rem; }
}

/* ── Prepaid Credits Section ── */
.v2-sub-card-head[b-hwtx4a9yn0] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 1.25rem; border-bottom: 1px solid var(--v2-border);
}
.v2-sub-card-head .v2-sub-card-title[b-hwtx4a9yn0] {
    display: flex; align-items: center; gap: 0.5rem;
}
.v2-sub-btn-buy[b-hwtx4a9yn0] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.5rem 1rem; font-size: 0.82rem;
    border-radius: var(--v2-radius); cursor: pointer;
}
.v2-sub-credit-grid[b-hwtx4a9yn0] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
    margin-bottom: 1rem;
}
.v2-sub-credit-stat[b-hwtx4a9yn0] {
    display: flex; flex-direction: column; align-items: center;
    padding: 1rem; border-radius: var(--v2-radius);
    background: var(--v2-bg); border: 1px solid var(--v2-border);
}
.v2-sub-credit-stat--primary[b-hwtx4a9yn0] {
    border-color: var(--v2-accent);
    background: rgba(99, 102, 241, 0.05);
}
.v2-sub-credit-stat-value[b-hwtx4a9yn0] {
    font-family: var(--v2-font-mono); font-size: 1.5rem;
    font-weight: 700; color: var(--v2-text);
    line-height: 1.2;
}
.v2-sub-credit-stat--primary .v2-sub-credit-stat-value[b-hwtx4a9yn0] {
    color: var(--v2-accent);
}
.v2-sub-credit-stat-label[b-hwtx4a9yn0] {
    font-family: var(--v2-font-body); font-size: 0.75rem;
    color: var(--v2-text-dim); margin-top: 0.35rem;
    text-transform: uppercase; letter-spacing: 0.04em;
}
.v2-sub-credit-autotopup[b-hwtx4a9yn0] {
    display: flex; gap: 1.5rem; flex-wrap: wrap;
    padding-top: 1rem; border-top: 1px solid var(--v2-border);
}
.v2-sub-badge[b-hwtx4a9yn0] {
    display: inline-flex; align-items: center; padding: 0.2rem 0.6rem;
    border-radius: 999px; font-size: 0.75rem; font-weight: 600;
    letter-spacing: 0.02em;
}
.v2-sub-badge--active[b-hwtx4a9yn0] {
    background: rgba(34, 197, 94, 0.12); color: #22c55e;
}
.v2-sub-badge--inactive[b-hwtx4a9yn0] {
    background: rgba(148, 163, 184, 0.12); color: var(--v2-text-dim);
}
@media (max-width: 640px) {
    .v2-sub-credit-grid[b-hwtx4a9yn0] { grid-template-columns: 1fr; }
    .v2-sub-card-head[b-hwtx4a9yn0] { flex-direction: column; gap: 0.75rem; align-items: flex-start; }
    .v2-sub-credit-autotopup[b-hwtx4a9yn0] { flex-direction: column; gap: 0.75rem; }
}

/* ── Configure Button ── */
.v2-sub-btn-configure[b-hwtx4a9yn0] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.4rem 0.85rem; font-size: 0.8rem;
    border-radius: var(--v2-radius); cursor: pointer;
    border: 1px solid var(--v2-border); background: transparent;
    color: var(--v2-text-dim); transition: all 0.2s;
}
.v2-sub-btn-configure:hover[b-hwtx4a9yn0] {
    border-color: var(--v2-accent); color: var(--v2-accent);
}

/* ── Auto Top-Up Modal ── */
[b-hwtx4a9yn0] .v2-modal-overlay {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
}
[b-hwtx4a9yn0] .v2-modal-content {
    background: var(--v2-surface, #1e1e2e); border: 1px solid var(--v2-border);
    border-radius: 12px; width: 100%; max-width: 480px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
[b-hwtx4a9yn0] .v2-modal-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--v2-border);
}
[b-hwtx4a9yn0] .v2-modal-header h3 {
    margin: 0; font-size: 1rem; font-weight: 600;
    display: flex; align-items: center; gap: 0.5rem;
}
[b-hwtx4a9yn0] .v2-modal-close {
    background: none; border: none; color: var(--v2-text-dim);
    cursor: pointer; padding: 0.25rem; font-size: 1rem;
}
[b-hwtx4a9yn0] .v2-modal-close:hover { color: var(--v2-text); }
[b-hwtx4a9yn0] .v2-modal-body { padding: 1.5rem; }
[b-hwtx4a9yn0] .v2-modal-footer {
    display: flex; justify-content: flex-end; gap: 0.75rem;
    padding: 1rem 1.5rem; border-top: 1px solid var(--v2-border);
}

/* ── Form Elements ── */
[b-hwtx4a9yn0] .v2-form-group { margin-bottom: 1.25rem; }
[b-hwtx4a9yn0] .v2-form-label {
    display: block; font-size: 0.82rem; font-weight: 500;
    color: var(--v2-text-dim); margin-bottom: 0.4rem;
}
[b-hwtx4a9yn0] .v2-form-toggle {
    display: flex; align-items: center; gap: 0.5rem;
}
[b-hwtx4a9yn0] .v2-form-toggle input[type="checkbox"] {
    width: 1.1rem; height: 1.1rem; accent-color: var(--v2-accent);
}
[b-hwtx4a9yn0] .v2-form-input-group {
    display: flex; align-items: center; gap: 0.5rem;
}
[b-hwtx4a9yn0] .v2-form-input {
    flex: 1; padding: 0.55rem 0.75rem; font-size: 0.88rem;
    border: 1px solid var(--v2-border); border-radius: var(--v2-radius);
    background: var(--v2-bg); color: var(--v2-text);
}
[b-hwtx4a9yn0] .v2-form-input:focus {
    outline: none; border-color: var(--v2-accent);
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}
[b-hwtx4a9yn0] .v2-form-input-suffix {
    font-size: 0.8rem; color: var(--v2-text-dim); white-space: nowrap;
}

/* ── Alert Messages ── */
[b-hwtx4a9yn0] .v2-alert {
    padding: 0.65rem 1rem; border-radius: var(--v2-radius);
    font-size: 0.82rem; margin-bottom: 1rem;
}
[b-hwtx4a9yn0] .v2-alert--error {
    background: rgba(239, 68, 68, 0.1); color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}
[b-hwtx4a9yn0] .v2-alert--success {
    background: rgba(34, 197, 94, 0.1); color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}
/* /Components/Pages/AdminSection/Developers/DeveloperListPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   DeveloperListPage — V2 Terminal Noir
   ────────────────────────────────────────────── */

/* ── Header ── */
.v2-dev-header[b-rpwotctneg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.v2-dev-header-left[b-rpwotctneg] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.v2-dev-icon[b-rpwotctneg] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}
.v2-dev-title[b-rpwotctneg] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.01em;
}

/* ── Loading ── */
.v2-dev-loading[b-rpwotctneg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.v2-dev-spinner[b-rpwotctneg] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: v2-dev-spin-b-rpwotctneg 0.8s linear infinite;
}
@keyframes v2-dev-spin-b-rpwotctneg { to { transform: rotate(360deg); } }
.v2-dev-loading-text[b-rpwotctneg] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── DataGrid card ── */
.v2-dev-grid-card[b-rpwotctneg] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.v2-dev-grid-card:hover[b-rpwotctneg] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(240, 104, 72, 0.06);
}

/* ── Unlinked authors section ── */
.v2-dev-unlinked[b-rpwotctneg] {
    margin-top: 1.75rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.v2-dev-unlinked:hover[b-rpwotctneg] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(240, 104, 72, 0.06);
}

/* Banner header with subtle accent glow */
.v2-dev-unlinked-banner[b-rpwotctneg] {
    background: var(--v2-surface-2);
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--v2-border);
    position: relative;
    overflow: hidden;
}
.v2-dev-unlinked-orb[b-rpwotctneg] {
    position: absolute;
    background: var(--v2-accent);
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.06;
    pointer-events: none;
}
.v2-dev-unlinked-orb:nth-child(1)[b-rpwotctneg] { width: 160px; height: 100px; top: -30px; right: 20px; }
.v2-dev-unlinked-orb:nth-child(2)[b-rpwotctneg] { width: 100px; height: 70px; bottom: -20px; left: 30px; }

.v2-dev-banner-inner[b-rpwotctneg] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.v2-dev-banner-icon[b-rpwotctneg] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.15rem;
    flex-shrink: 0;
}
.v2-dev-banner-title[b-rpwotctneg] {
    font-family: var(--v2-font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 0.15rem;
    line-height: 1.25;
}
.v2-dev-banner-sub[b-rpwotctneg] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
    line-height: 1.4;
}

/* ── Author table ── */
.v2-dev-unlinked-body[b-rpwotctneg] { padding: 0; }
.v2-dev-unlinked-table-wrap[b-rpwotctneg] { overflow-x: auto; }

[b-rpwotctneg] .v2-dev-author-table { width: 100%; margin-bottom: 0; border-collapse: collapse; }
[b-rpwotctneg] .v2-dev-author-table thead th {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--v2-border);
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
    padding: 0.7rem 1.15rem;
}
[b-rpwotctneg] .v2-dev-author-table tbody td {
    border: none;
    padding: 0.7rem 1.15rem;
    vertical-align: middle;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
    background: transparent;
}
[b-rpwotctneg] .v2-dev-author-table tbody tr {
    border-bottom: 1px solid var(--v2-border);
    transition: background-color 0.2s;
}
[b-rpwotctneg] .v2-dev-author-table tbody tr:last-child { border-bottom: none; }
[b-rpwotctneg] .v2-dev-author-table tbody tr:hover { background: var(--v2-accent-bg); }

/* Cell variants */
.v2-dev-cell-name[b-rpwotctneg] { font-weight: 600; color: var(--v2-text-bright); }
.v2-dev-cell-text[b-rpwotctneg] { color: var(--v2-text); }
.v2-dev-cell-mono[b-rpwotctneg] { font-family: var(--v2-font-mono); font-size: 0.8rem; color: var(--v2-text-dim); }

/* Small button */
.v2-dev-btn-sm[b-rpwotctneg] { font-size: 0.72rem; padding: 0.3rem 0.75rem; gap: 0.3rem; }

/* Empty notice */
.v2-dev-empty-notice[b-rpwotctneg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1.25rem 1.5rem;
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
}
.v2-dev-empty-notice i[b-rpwotctneg] { color: var(--v2-success); font-size: 0.95rem; }

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .v2-dev-unlinked-table-wrap[b-rpwotctneg] { overflow-x: auto; }
    [b-rpwotctneg] .v2-dev-author-table { min-width: 650px; }
}

/* /Components/Pages/AdminSection/Organizations/IgnoreRules/OrganizationIgnoreRulesPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   OrganizationIgnoreRulesPage — V2 Terminal Noir
   ────────────────────────────────────────────── */

/* ── Header ── */
.v2-ignorerules-header[b-caoksa4yk1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.v2-ignorerules-header-left[b-caoksa4yk1] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.v2-ignorerules-header-right[b-caoksa4yk1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.v2-page-icon[b-caoksa4yk1] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}
.v2-page-title[b-caoksa4yk1] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.01em;
}

/* ── Loading ── */
.v2-ignorerules-loading[b-caoksa4yk1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.v2-ignorerules-spinner[b-caoksa4yk1] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: v2-ignorerules-spin-b-caoksa4yk1 0.8s linear infinite;
}
@keyframes v2-ignorerules-spin-b-caoksa4yk1 { to { transform: rotate(360deg); } }
.v2-ignorerules-loading-text[b-caoksa4yk1] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .v2-ignorerules-header[b-caoksa4yk1] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* /Components/Pages/AdminSection/TagDefinitions/TagDefinitionListPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   TagDefinitionListPage — V2 Terminal Noir
   ────────────────────────────────────────────── */

/* ── Header ── */
.v2-tagdefs-header[b-c9bazlsvn2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.v2-tagdefs-header-left[b-c9bazlsvn2] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.v2-page-icon[b-c9bazlsvn2] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}
.v2-page-title[b-c9bazlsvn2] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.01em;
}



/* ── Loading ── */
.v2-tagdefs-loading[b-c9bazlsvn2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.v2-tagdefs-spinner[b-c9bazlsvn2] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: v2-tagdefs-spin-b-c9bazlsvn2 0.8s linear infinite;
}
@keyframes v2-tagdefs-spin-b-c9bazlsvn2 { to { transform: rotate(360deg); } }
.v2-tagdefs-loading-text[b-c9bazlsvn2] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .v2-tagdefs-header[b-c9bazlsvn2] {
        flex-direction: column;
        align-items: flex-start;
    }

}

/* /Components/Pages/AdminSection/Teams/TeamListPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   TeamListPage — V2 Terminal Noir
   ────────────────────────────────────────────── */

/* ── Header ── */
.v2-team-header[b-kh2qtvhz9a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.v2-team-header-left[b-kh2qtvhz9a] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.v2-team-icon[b-kh2qtvhz9a] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}
.v2-team-title[b-kh2qtvhz9a] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.01em;
}

/* ── Loading ── */
.v2-team-loading[b-kh2qtvhz9a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.v2-team-spinner[b-kh2qtvhz9a] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: v2-team-spin-b-kh2qtvhz9a 0.8s linear infinite;
}
@keyframes v2-team-spin-b-kh2qtvhz9a { to { transform: rotate(360deg); } }
.v2-team-loading-text[b-kh2qtvhz9a] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── DataGrid card ── */
.v2-team-grid-card[b-kh2qtvhz9a] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.v2-team-grid-card:hover[b-kh2qtvhz9a] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(240, 104, 72, 0.06);
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .v2-team-header[b-kh2qtvhz9a] { flex-direction: column; align-items: flex-start; }
    .v2-team-grid-card[b-kh2qtvhz9a] { overflow-x: auto; }
}

/* /Components/Pages/AdminSection/Users/UserListPage.razor.rz.scp.css */
/* ──────────────────────────────────────────────
   UserListPage — V2 Terminal Noir
   ────────────────────────────────────────────── */

/* ── Header ── */
.v2-admin-header[b-tl3rdw2y6h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.v2-admin-header-left[b-tl3rdw2y6h] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.v2-admin-icon[b-tl3rdw2y6h] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}
.v2-admin-title[b-tl3rdw2y6h] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.01em;
}

/* ── Loading ── */
.v2-admin-loading[b-tl3rdw2y6h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.v2-admin-spinner[b-tl3rdw2y6h] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: v2-admin-spin-b-tl3rdw2y6h 0.8s linear infinite;
}
@keyframes v2-admin-spin-b-tl3rdw2y6h { to { transform: rotate(360deg); } }
.v2-admin-loading-text[b-tl3rdw2y6h] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── Card wrapper ── */
.v2-admin-card[b-tl3rdw2y6h] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.v2-admin-card:hover[b-tl3rdw2y6h] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(240, 104, 72, 0.06);
}

/* ── Table ── */
.v2-admin-table-wrap[b-tl3rdw2y6h] { overflow-x: auto; }
.v2-admin-table[b-tl3rdw2y6h] { width: 100%; margin-bottom: 0; border-collapse: collapse; }
.v2-admin-table thead th[b-tl3rdw2y6h] {
    background: var(--v2-surface-2);
    border: none;
    border-bottom: 1px solid var(--v2-border);
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
    padding: 0.75rem 1.15rem;
    white-space: nowrap;
}
.v2-admin-table tbody td[b-tl3rdw2y6h] {
    border: none;
    padding: 0.75rem 1.15rem;
    vertical-align: middle;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
    background: transparent;
}
.v2-admin-table tbody tr[b-tl3rdw2y6h] {
    border-bottom: 1px solid var(--v2-border);
    transition: background-color 0.2s;
}
.v2-admin-table tbody tr:last-child[b-tl3rdw2y6h] { border-bottom: none; }
.v2-admin-table tbody tr:hover[b-tl3rdw2y6h] { background: var(--v2-accent-bg); }

/* ── Cell variants ── */
.v2-cell-name[b-tl3rdw2y6h] {
    font-weight: 600;
    color: var(--v2-text-bright);
}
.v2-cell-text[b-tl3rdw2y6h] {
    color: var(--v2-text);
}
.v2-cell-mono[b-tl3rdw2y6h] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    color: var(--v2-text-dim);
}

/* ── Pills / badges ── */
.v2-pill[b-tl3rdw2y6h] {
    display: inline-block;
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding: 0.25rem 0.6rem;
    border-radius: var(--v2-radius-sm);
}
.v2-pill--accent[b-tl3rdw2y6h] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.18);
}
.v2-pill--success[b-tl3rdw2y6h] {
    background: rgba(74, 222, 128, 0.08);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}
.v2-pill--neutral[b-tl3rdw2y6h] {
    background: rgba(139, 147, 165, 0.08);
    color: var(--v2-text-dim);
    border: 1px solid rgba(139, 147, 165, 0.15);
}

/* ── Actions column ── */
.v2-col-actions[b-tl3rdw2y6h] { width: 100px; text-align: center; }
.v2-btn-icon-only[b-tl3rdw2y6h] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    border-radius: var(--v2-radius-sm);
}

/* ── Empty state ── */
.v2-empty-row[b-tl3rdw2y6h] {
    text-align: center;
    padding: 2.5rem 1rem !important;
    color: var(--v2-text-ghost);
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .v2-admin-header[b-tl3rdw2y6h] { flex-direction: column; align-items: flex-start; }
    .v2-admin-card[b-tl3rdw2y6h] { overflow-x: auto; }
    .v2-admin-table[b-tl3rdw2y6h] { min-width: 700px; }
}
/* /Components/Pages/AppNotFound404.razor.rz.scp.css */
.v2-appnotfound-page[b-g0qnatdez5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-bg);
    padding: 3rem 1.25rem;
}

.v2-appnotfound-inner[b-g0qnatdez5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 480px;
    gap: 0.875rem;
}

.v2-appnotfound-icon-row[b-g0qnatdez5] {
    margin-bottom: 0.5rem;
}

.v2-appnotfound-icon[b-g0qnatdez5] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-accent);
    font-size: 1.35rem;
}

.v2-appnotfound-code[b-g0qnatdez5] {
    font-family: var(--v2-font-display);
    font-weight: 800;
    font-size: clamp(4rem, 14vw, 7rem);
    line-height: 1;
    letter-spacing: -0.04em;
    color: transparent;
    background: linear-gradient(135deg, var(--v2-border-hover) 0%, var(--v2-text-ghost) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    user-select: none;
}

.v2-appnotfound-title[b-g0qnatdez5] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    color: var(--v2-text-bright);
    letter-spacing: -0.01em;
    margin: 0;
}

.v2-appnotfound-sub[b-g0qnatdez5] {
    font-family: var(--v2-font-body);
    font-size: 1rem;
    color: var(--v2-text-dim);
    margin: 0 0 0.5rem;
    line-height: 1.6;
}
/* /Components/Pages/CommitComplexityAnalysis/TagAnalysisTab.razor.rz.scp.css */
/* ===== LOADING ===== */
    .ca-loading[b-lptnl1leno] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 4rem 2rem;
        gap: 1rem;
    }

    .ca-loading-indicator[b-lptnl1leno] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 3px solid var(--v2-border);
        border-top-color: var(--v2-accent);
        animation: ca-spin-b-lptnl1leno 0.8s linear infinite;
    }

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

    .ca-loading-text[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.82rem;
        color: var(--v2-text-dim);
        margin: 0;
    }

    /* ===== FILTER CARD ===== */
    .ca-filter-wrap[b-lptnl1leno] {
        position: relative;
    }

    .ca-filter-card[b-lptnl1leno] {
        background: var(--v2-void);
        border: 1px solid var(--v2-border);
        border-radius: var(--v2-radius);
        position: relative;
        overflow: visible;
    }

    .ca-filter-card[b-lptnl1leno]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse at 50% -10%, rgba(240, 104, 72, 0.22) 0%, transparent 65%);
        pointer-events: none;
        border-radius: inherit;
        overflow: hidden;
    }

    .ca-filter-body[b-lptnl1leno] {
        position: relative;
        z-index: 1;
        padding: 1.5rem;
    }

    /* ===== BLOBS ===== */
    .ca-blob[b-lptnl1leno] {
        position: absolute;
        background: #ffffff;
        border-radius: 50%;
        filter: blur(60px);
        pointer-events: none;
    }

    .ca-blob--f1[b-lptnl1leno] { width: 80px; height: 60px; top: -15px; right: 15px; opacity: 0.05; }
    .ca-blob--f2[b-lptnl1leno] { width: 60px; height: 40px; bottom: -10px; left: 20px; opacity: 0.04; }
    .ca-blob--f3[b-lptnl1leno] { width: 70px; height: 35px; top: -20px; left: 30%; opacity: 0.04; }

    /* ===== SECTION CARDS ===== */
    .ca-section-card[b-lptnl1leno] {
        background: var(--v2-surface);
        border: 1px solid var(--v2-border);
        border-radius: var(--v2-radius);
        height: 100%;
    }

    .ca-section-body[b-lptnl1leno] { padding: 1.5rem; }

    .ca-section-head[b-lptnl1leno] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 1.25rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--v2-border);
    }

    .ca-section-icon[b-lptnl1leno] {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: var(--v2-accent-bg);
        color: var(--v2-accent);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    .ca-section-title[b-lptnl1leno] {
        font-family: var(--v2-font-display);
        font-size: 1rem;
        font-weight: 600;
        color: var(--v2-text-bright);
    }

    /* ===== ALERT ITEMS ===== */
    .ca-alert-item[b-lptnl1leno] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.85rem 1rem;
        background: var(--v2-surface-2);
        border-radius: var(--v2-radius-sm);
        border-left: 3px solid var(--v2-accent-light);
        margin-bottom: 0.75rem;
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .ca-alert-item:last-child[b-lptnl1leno] { margin-bottom: 0; }

    .ca-alert-item:hover[b-lptnl1leno] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(240, 104, 72, 0.08);
    }

    .ca-alert-item--danger[b-lptnl1leno] { border-left-color: var(--v2-error); }
    .ca-alert-item--warning[b-lptnl1leno] { border-left-color: var(--v2-warning); }
    .ca-alert-item--info[b-lptnl1leno] { border-left-color: var(--v2-accent-light); }

    .ca-alert-type[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--v2-text-bright);
        letter-spacing: 0.03em;
        margin-bottom: 0.25rem;
    }

    .ca-alert-msg[b-lptnl1leno] {
        font-family: var(--v2-font-body);
        font-size: 0.85rem;
        color: var(--v2-text-dim);
    }

    .ca-alert-date[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.68rem;
        color: var(--v2-text-ghost);
        margin-bottom: 0.3rem;
    }

    /* ===== STAT CARDS ===== */
    .ca-stat-grid[b-lptnl1leno] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .ca-stat-card[b-lptnl1leno] {
        background: var(--v2-surface);
        border: 1px solid var(--v2-border);
        border-radius: var(--v2-radius);
        padding: 1.25rem 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
    }

    .ca-stat-card:hover[b-lptnl1leno] {
        transform: translateY(-4px);
        border-color: var(--v2-border-hover);
        box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
    }

    .ca-stat-icon-wrap[b-lptnl1leno] {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: var(--v2-accent-bg);
        color: var(--v2-accent);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        flex-shrink: 0;
    }

    .ca-stat-icon-wrap--success[b-lptnl1leno] { background: rgba(74, 222, 128, 0.1); color: var(--v2-success); }
    .ca-stat-icon-wrap--warning[b-lptnl1leno] { background: rgba(252, 211, 77, 0.1); color: var(--v2-warning); }
    .ca-stat-icon-wrap--error[b-lptnl1leno]   { background: rgba(248, 113, 113, 0.1); color: var(--v2-error); }
    .ca-stat-icon-wrap--info[b-lptnl1leno]    { background: rgba(112, 128, 255, 0.1); color: var(--v2-accent-light); }

    .ca-stat-body[b-lptnl1leno] {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .ca-stat-value[b-lptnl1leno] {
        font-family: var(--v2-font-display);
        font-size: 1.9rem;
        font-weight: 700;
        color: var(--v2-text-bright);
        letter-spacing: -0.04em;
        line-height: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ca-stat-label[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.68rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--v2-text-dim);
        margin-top: 0.3rem;
    }

    /* ===== CHIPS ===== */
    .ca-chip[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.68rem;
        padding: 0.2rem 0.55rem;
        border-radius: var(--v2-radius-sm);
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 0.2rem;
        white-space: nowrap;
    }

    .ca-chip--commit[b-lptnl1leno]  { background: var(--v2-accent-bg); color: var(--v2-accent-light); border: 1px solid rgba(240, 104, 72, 0.2); }
    .ca-chip--success[b-lptnl1leno] { background: rgba(74, 222, 128, 0.1); color: var(--v2-success); border: 1px solid rgba(74, 222, 128, 0.2); }
    .ca-chip--danger[b-lptnl1leno]  { background: rgba(248, 113, 113, 0.1); color: var(--v2-error); border: 1px solid rgba(248, 113, 113, 0.2); }
    .ca-chip--warning[b-lptnl1leno] { background: rgba(252, 211, 77, 0.1); color: var(--v2-warning); border: 1px solid rgba(252, 211, 77, 0.2); }
    .ca-chip--info[b-lptnl1leno]    { background: rgba(112, 128, 255, 0.1); color: var(--v2-accent-light); border: 1px solid rgba(112, 128, 255, 0.2); }

    /* ===== PROGRESS BAR ===== */
    .ca-progress-track[b-lptnl1leno] {
        height: 8px;
        background: var(--v2-void);
        border-radius: 4px;
        overflow: hidden;
        margin: 0.5rem 0;
    }

    .ca-progress-bar[b-lptnl1leno] {
        height: 100%;
        background: var(--v2-accent);
        border-radius: 4px;
        transition: width 0.6s ease;
    }

    .ca-split-index-row[b-lptnl1leno] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.25rem;
    }

    .ca-split-index-label[b-lptnl1leno] {
        font-family: var(--v2-font-display);
        font-weight: 600;
        font-size: 0.9rem;
        color: var(--v2-text-bright);
    }

    .ca-hint-text[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.72rem;
        color: var(--v2-text-ghost);
    }

    /* ===== TRENDING TAGS ===== */
    .ca-trend-list[b-lptnl1leno] {
        max-height: 400px;
        overflow-y: auto;
    }

    .ca-trend-item[b-lptnl1leno] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.85rem 1rem;
        background: var(--v2-surface-2);
        border: 1px solid var(--v2-border);
        border-radius: var(--v2-radius-sm);
        margin-bottom: 0.5rem;
        transition: transform 0.2s, border-color 0.2s;
    }

    .ca-trend-item:hover[b-lptnl1leno] {
        transform: translateY(-2px);
        border-color: var(--v2-border-hover);
    }

    .ca-trend-left[b-lptnl1leno] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .ca-trend-icon[b-lptnl1leno] {
        font-size: 1.1rem;
        color: var(--v2-accent-light);
    }

    .ca-trend-name[b-lptnl1leno] {
        font-family: var(--v2-font-display);
        font-weight: 600;
        font-size: 0.9rem;
        color: var(--v2-text-bright);
    }

    .ca-trend-sub[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.72rem;
        color: var(--v2-text-dim);
        margin-top: 0.15rem;
    }

    /* ===== TAG ITEMS ===== */
    .ca-tags-divider[b-lptnl1leno] {
        border-top: 1px solid var(--v2-border);
        padding-top: 1.25rem;
        margin-top: 0.75rem;
    }

    .ca-tags-heading[b-lptnl1leno] {
        font-family: var(--v2-font-display);
        font-weight: 600;
        font-size: 0.95rem;
        color: var(--v2-text-bright);
        margin-bottom: 1rem;
    }

    .ca-tag-item[b-lptnl1leno] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.85rem 1rem;
        background: var(--v2-surface-2);
        border: 1px solid var(--v2-border);
        border-left: 3px solid var(--v2-accent);
        border-radius: var(--v2-radius-sm);
        transition: transform 0.2s, border-color 0.2s;
    }

    .ca-tag-item:hover[b-lptnl1leno] {
        transform: translateY(-2px);
        border-color: var(--v2-border-hover);
        border-left-color: var(--v2-accent-light);
    }

    .ca-tag-name[b-lptnl1leno] {
        font-family: var(--v2-font-display);
        font-weight: 600;
        font-size: 0.9rem;
        color: var(--v2-text-bright);
    }

    .ca-tag-pct[b-lptnl1leno] {
        font-family: var(--v2-font-mono);
        font-size: 0.72rem;
        color: var(--v2-text-dim);
        margin-top: 0.15rem;
    }

    /* ===== EMPTY STATE ===== */
    .ca-empty-state[b-lptnl1leno] {
        text-align: center;
        padding: 2.5rem 1rem;
    }

    .ca-empty-icon[b-lptnl1leno] {
        font-size: 2rem;
        display: block;
        margin-bottom: 0.75rem;
        color: var(--v2-text-ghost);
        opacity: 0.5;
    }

    .ca-empty-text[b-lptnl1leno] {
        font-family: var(--v2-font-body);
        font-size: 0.9rem;
        color: var(--v2-text-dim);
        margin: 0;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 992px) {
        .ca-stat-grid[b-lptnl1leno] { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 768px) {
        .ca-stat-grid[b-lptnl1leno] { grid-template-columns: 1fr; }
        .ca-alert-item[b-lptnl1leno] { flex-direction: column; align-items: flex-start; }
        .ca-trend-item[b-lptnl1leno] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    }
/* /Components/Pages/ConnectionDiagnostics.razor.rz.scp.css */
/* ── Meta cards ── */
.v2-cd-meta[b-jli90p3d3c] {
    margin-bottom: 1.25rem;
}

.v2-cd-meta-accent[b-jli90p3d3c] {
    color: var(--v2-accent-light);
}

.v2-cd-meta-success[b-jli90p3d3c] {
    color: var(--v2-success);
}

.v2-cd-meta-warning[b-jli90p3d3c] {
    color: var(--v2-warning);
}

.v2-cd-meta-error[b-jli90p3d3c] {
    color: var(--v2-error);
}

/* ── Two-column grid ── */
.v2-cd-grid[b-jli90p3d3c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* ── Cards ── */
.v2-cd-card[b-jli90p3d3c] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    margin-bottom: 1rem;
}

.v2-cd-card-header[b-jli90p3d3c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.15rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
}

.v2-cd-card-icon[b-jli90p3d3c] {
    color: var(--v2-text-ghost);
    font-size: 0.85rem;
}

.v2-cd-card-title[b-jli90p3d3c] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.v2-cd-card-body[b-jli90p3d3c] {
    padding: 1.15rem;
}

/* ── Stats row inside reconnection card ── */
.v2-cd-stats-row[b-jli90p3d3c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.v2-cd-stat[b-jli90p3d3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.v2-cd-stat--center[b-jli90p3d3c] {
    margin-top: 0.75rem;
}

.v2-cd-stat-value[b-jli90p3d3c] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--v2-text-bright);
}

.v2-cd-stat-label[b-jli90p3d3c] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--v2-text-dim);
    text-align: center;
}

.v2-cd-divider[b-jli90p3d3c] {
    height: 1px;
    background: var(--v2-border);
    margin: 0.75rem 0;
}

/* ── Connection state ── */
.v2-cd-status-row[b-jli90p3d3c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.v2-cd-status-dot[b-jli90p3d3c] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.v2-cd-status-dot--connected[b-jli90p3d3c] {
    background-color: var(--v2-success);
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.4);
}

.v2-cd-status-dot--disconnected[b-jli90p3d3c] {
    background-color: var(--v2-error);
    box-shadow: 0 0 8px rgba(248, 113, 113, 0.4);
}

.v2-cd-status-text[b-jli90p3d3c] {
    display: block;
    font-family: var(--v2-font-body);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--v2-text-bright);
}

.v2-cd-status-check[b-jli90p3d3c] {
    display: block;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    margin-top: 0.1rem;
}

/* ── Info alert ── */
.v2-cd-info-alert[b-jli90p3d3c] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: var(--v2-radius-sm);
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.2);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-accent-light);
    margin-bottom: 0.75rem;
}

.v2-cd-info-icon[b-jli90p3d3c] {
    margin-top: 0.1rem;
    flex-shrink: 0;
}

/* ── Tab visibility ── */
.v2-cd-visibility[b-jli90p3d3c] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

.v2-cd-visibility-icon[b-jli90p3d3c] {
    font-size: 0.7rem;
    color: var(--v2-text-ghost);
}

/* ── Action buttons ── */
.v2-cd-actions[b-jli90p3d3c] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.v2-cd-action-btn[b-jli90p3d3c] {
    width: 100%;
    justify-content: center;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .v2-cd-grid[b-jli90p3d3c] {
        grid-template-columns: 1fr;
    }

    .v2-cd-actions[b-jli90p3d3c] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ContactPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RADIANZ V2 — Contact Page — Scoped Styles
   ═══════════════════════════════════════════════════════════ */

.contact-section[b-4jtuju079l] {
    position: relative;
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    overflow: hidden;
}

.contact-inner[b-4jtuju079l] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 620px;
}

/* ── Header ── */
.contact-header[b-4jtuju079l] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.contact-eyebrow[b-4jtuju079l] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-accent-light);
    display: block;
    margin-bottom: 0.75rem;
}

.contact-title[b-4jtuju079l] {
    font-family: var(--v2-font-display);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    line-height: 1.1;
    margin: 0 0 0.75rem;
}

.contact-subtitle[b-4jtuju079l] {
    font-family: var(--v2-font-body);
    font-size: 1.05rem;
    color: var(--v2-text-dim);
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto;
}

/* ── Form Card ── */
.contact-card[b-4jtuju079l] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-top: 2px solid var(--v2-accent);
    border-radius: 0;
    padding: 2.5rem;
    backdrop-filter: blur(12px);
    position: relative;
    box-shadow:
        0 0 0 1px var(--v2-border),
        0 8px 40px rgba(0,0,0,0.15);
}

/* Terminal-style corner brackets */
.contact-card[b-4jtuju079l]::before,
.contact-card[b-4jtuju079l]::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid var(--v2-accent);
    opacity: 0.3;
}

.contact-card[b-4jtuju079l]::before {
    top: -1px;
    left: -1px;
    border-right: none;
    border-bottom: none;
}

.contact-card[b-4jtuju079l]::after {
    bottom: -1px;
    right: -1px;
    border-left: none;
    border-top: none;
}

/* ── Fields ── */
.contact-field[b-4jtuju079l] {
    margin-bottom: 1.75rem;
    position: relative;
}

/* Scan-line effect wrapper for inputs */
.contact-field[b-4jtuju079l]::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 2.2rem;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        var(--v2-border) 0px,
        var(--v2-border) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
    z-index: 1;
    opacity: 0.15;
}

.contact-label[b-4jtuju079l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--v2-accent-light);
    margin-bottom: 0.65rem;
}

.contact-label[b-4jtuju079l]::before {
    content: '>';
    color: var(--v2-accent);
    font-weight: 600;
    opacity: 0.6;
}

/* ::deep required — InputText/InputTextArea are child components
   whose rendered <input>/<textarea> lack the CSS-isolation attribute */
[b-4jtuju079l] .contact-input {
    display: block;
    width: 100%;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-left: 3px solid var(--v2-accent);
    border-radius: 0;
    color: var(--v2-text-bright);
    font-family: var(--v2-font-mono);
    font-size: 0.9rem;
    padding: 0.85rem 1.15rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

[b-4jtuju079l] .contact-input::placeholder {
    color: var(--v2-text-ghost);
    font-style: italic;
    opacity: 0.5;
}

[b-4jtuju079l] .contact-input:hover {
    border-color: var(--v2-border-hover);
    background: var(--v2-void);
}

[b-4jtuju079l] .contact-input:focus {
    outline: none;
    border-color: var(--v2-accent);
    border-left-color: var(--v2-accent-light);
    background: var(--v2-void);
    box-shadow:
        0 0 0 1px var(--v2-accent),
        0 0 20px var(--v2-accent-glow),
        0 4px 16px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}

[b-4jtuju079l] .contact-textarea {
    resize: vertical;
    min-height: 160px;
    line-height: 1.7;
    font-family: var(--v2-font-mono);
    letter-spacing: 0.01em;
}

/* ── Suppress Blazor default validation outlines from app.css ── */
[b-4jtuju079l] .contact-input.valid.modified:not([type="checkbox"]),
[b-4jtuju079l] .contact-input.valid,
[b-4jtuju079l] .contact-input.invalid {
    outline: none;
}

/* Error state — red border only when our manual validation flags it */
[b-4jtuju079l] .contact-input.contact-error {
    border-color: var(--v2-error);
    border-left-color: var(--v2-error);
}

[b-4jtuju079l] .contact-input.contact-error:focus {
    border-color: var(--v2-error);
    border-left-color: var(--v2-error);
    box-shadow:
        0 0 0 1px var(--v2-error),
        0 0 20px rgba(248, 113, 113, 0.15),
        0 4px 16px rgba(0,0,0,0.15);
}

/* ── Validation ── */
.contact-validation[b-4jtuju079l] {
    display: block;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-error);
    margin-top: 0.35rem;
    letter-spacing: 0.03em;
}

/* ── Submit ── */
.contact-submit[b-4jtuju079l] {
    width: 100%;
    justify-content: center;
    padding: 0.85rem 1.5rem;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

/* ── Success State ── */
.contact-success[b-4jtuju079l] {
    text-align: center;
    padding: 2rem 0;
}

.contact-success-icon[b-4jtuju079l] {
    color: var(--v2-accent-light);
    margin-bottom: 1.25rem;
}

.contact-success-text[b-4jtuju079l] {
    font-family: var(--v2-font-body);
    font-size: 1.05rem;
    color: var(--v2-text);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* ── Background Orbs ── */
.contact-bg[b-4jtuju079l] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.contact-orb[b-4jtuju079l] {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.12;
}

.contact-orb--1[b-4jtuju079l] {
    width: 500px;
    height: 500px;
    background: var(--v2-accent);
    top: -10%;
    right: -15%;
}

.contact-orb--2[b-4jtuju079l] {
    width: 400px;
    height: 400px;
    background: var(--v2-accent-light);
    bottom: -15%;
    left: -10%;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .contact-section[b-4jtuju079l] {
        padding: 3rem 1.5rem;
    }

    .contact-card[b-4jtuju079l] {
        padding: 2rem;
    }
}

@media (max-width: 480px) {
    .contact-section[b-4jtuju079l] {
        padding: 2rem 1rem;
        min-height: calc(100vh - 56px);
    }

    .contact-card[b-4jtuju079l] {
        padding: 1.5rem;
    }

    .contact-header[b-4jtuju079l] {
        margin-bottom: 1.75rem;
    }

    .contact-title[b-4jtuju079l] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/DeveloperActivity/CommitDetails.razor.rz.scp.css */
/* ── CommitDetails Page — Scoped V2 CSS ── */

/* ── Back Link ── */
.cdet-back-link[b-zjj3b3hhbu] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    display: inline-flex;
}

/* ── Header action groups ── */
.cdet-header-date-controls[b-zjj3b3hhbu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.cdet-header-divider[b-zjj3b3hhbu] {
    width: 1px;
    height: 1.5rem;
    background: var(--v2-border-hover);
    flex-shrink: 0;
}
.cdet-header-utility[b-zjj3b3hhbu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* ── Bottom Pagination ── */
.cdet-pagination-bottom[b-zjj3b3hhbu] {
    margin-top: 0.75rem;
    justify-content: center;
}

/* ── Error Detail ── */
.cdet-error-detail[b-zjj3b3hhbu] { margin: 0.25rem 0 0; }

/* ── Summary Bar ── */
.cdet-summary-bar[b-zjj3b3hhbu] {
    display: flex;
    align-items: center;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.65rem 0;
    margin-bottom: 1.25rem;
    overflow-x: auto;
}
.cdet-summary-item[b-zjj3b3hhbu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding: 0.25rem 1rem;
    border-right: 1px solid var(--v2-border);
    min-width: 0;
}
.cdet-summary-item:last-child[b-zjj3b3hhbu] { border-right: none; }
.cdet-summary-value[b-zjj3b3hhbu] {
    font-family: var(--v2-font-mono);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    line-height: 1.2;
}
.cdet-summary-label[b-zjj3b3hhbu] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-ghost);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.cdet-summary-item--success .cdet-summary-value[b-zjj3b3hhbu] { color: var(--v2-success); }
.cdet-summary-item--error .cdet-summary-value[b-zjj3b3hhbu] { color: var(--v2-error); }

/* ── Filter Bar ── */
.cdet-filter-bar[b-zjj3b3hhbu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

/* ── Checkbox ── */
.cdet-checkbox[b-zjj3b3hhbu] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    cursor: pointer;
    user-select: none;
}
.cdet-checkbox input[type="checkbox"][b-zjj3b3hhbu] {
    accent-color: var(--v2-accent);
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/* ── Commits List (container) ── */
.cdet-commits-list[b-zjj3b3hhbu] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
}

/* ── Tab Content ── */
.cdet-tab-content[b-zjj3b3hhbu] { margin-top: 1.25rem; }
.cdet-tab-pane[b-zjj3b3hhbu] { display: none; }
.cdet-tab-pane--active[b-zjj3b3hhbu] { display: block; }

/* ── Table cell classes ── */
.cdet-code-tag[b-zjj3b3hhbu] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cdet-table-ext[b-zjj3b3hhbu] { color: var(--v2-accent); font-weight: 700; }
.cdet-table-lines-add[b-zjj3b3hhbu] { color: var(--v2-success); }
.cdet-table-lines-del[b-zjj3b3hhbu] { color: var(--v2-error); }
.cdet-table-ghost[b-zjj3b3hhbu] { color: var(--v2-text-ghost); }

/* ── Ignore Rules Tab (row styles used directly by parent) ── */
.cdet-commit-row[b-zjj3b3hhbu] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    cursor: pointer;
    transition: background 0.2s;
}
.cdet-commit-row:hover[b-zjj3b3hhbu] { background: var(--v2-accent-bg); }
.cdet-commit-row--static[b-zjj3b3hhbu] { cursor: default; }
.cdet-commit-row--static:hover[b-zjj3b3hhbu] { background: transparent; }

.cdet-row-top[b-zjj3b3hhbu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}
.cdet-row-main[b-zjj3b3hhbu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    flex-wrap: wrap;
    min-width: 0;
}
.cdet-row-message[b-zjj3b3hhbu] {
    font-size: 0.85rem;
    color: var(--v2-text);
    margin-top: 0.3rem;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cdet-row-meta[b-zjj3b3hhbu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 0.35rem;
}
.cdet-row-meta span[b-zjj3b3hhbu] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}
.cdet-row-meta i[b-zjj3b3hhbu] { color: var(--v2-text-ghost); font-size: 0.7rem; }

.cdet-rule-icon[b-zjj3b3hhbu] { color: var(--v2-text-ghost); }
.cdet-rule-name[b-zjj3b3hhbu] { font-weight: 600; color: var(--v2-accent); font-size: 0.95rem; }
.cdet-pattern-code[b-zjj3b3hhbu] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-accent);
    background: var(--v2-surface);
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
}
.cdet-more-files[b-zjj3b3hhbu] {
    color: var(--v2-text-ghost);
    font-style: italic;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .cdet-summary-bar[b-zjj3b3hhbu] { flex-wrap: wrap; }
    .cdet-summary-item[b-zjj3b3hhbu] { min-width: 33%; border-right: none; border-bottom: 1px solid var(--v2-border); padding: 0.5rem; }
    .cdet-summary-item:last-child[b-zjj3b3hhbu] { border-bottom: none; }
    .cdet-row-main[b-zjj3b3hhbu] { flex-direction: column; align-items: flex-start; }
    .cdet-row-meta[b-zjj3b3hhbu] { flex-direction: column; gap: 0.3rem; }
    .cdet-filter-bar[b-zjj3b3hhbu] { flex-direction: column; align-items: stretch; }
    .cdet-header-divider[b-zjj3b3hhbu] { display: none; }
    .cdet-header-date-controls[b-zjj3b3hhbu] { width: 100%; }
}
/* /Components/Pages/DeveloperActivity/CommitRow.razor.rz.scp.css */
/* ── CommitRow — Scoped V2 CSS ── */

/* ── Commit Row (compact, clickable) ── */
.cdet-commit-row[b-1jjdy8ac08] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    cursor: pointer;
    transition: background 0.2s;
}
.cdet-commit-row:hover[b-1jjdy8ac08] { background: var(--v2-accent-bg); }
.cdet-commit-row--expanded[b-1jjdy8ac08] { background: var(--v2-inset); }

/* 5a. Chevron hover feedback */
.cdet-commit-row:hover .cdet-chevron[b-1jjdy8ac08] { color: var(--v2-text-dim); }

.cdet-row-top[b-1jjdy8ac08] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}
.cdet-row-main[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    flex-wrap: wrap;
    min-width: 0;
}
.cdet-sha[b-1jjdy8ac08] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    padding: 0.12rem 0.4rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-accent-glow);
    flex-shrink: 0;
}
.cdet-chevron[b-1jjdy8ac08] {
    color: var(--v2-text-ghost);
    font-size: 0.7rem;
    transition: transform 0.2s, color 0.2s;
    flex-shrink: 0;
}

/* ── Stat pills (inline in row) — QUIETER: monochrome by default ── */
.cdet-stat-pill[b-1jjdy8ac08] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.45rem;
    border-radius: var(--v2-radius-sm);
    font-weight: 600;
    font-size: 0.72rem;
    font-family: var(--v2-font-mono);
}
.cdet-stat-pill--add[b-1jjdy8ac08] {
    background: var(--v2-surface-2);
    color: var(--v2-text-dim);
}
.cdet-stat-pill--del[b-1jjdy8ac08] {
    background: var(--v2-surface-2);
    color: var(--v2-text-dim);
}
.cdet-stat-pill--files[b-1jjdy8ac08] {
    background: var(--v2-surface-2);
    color: var(--v2-text-dim);
}

/* ── Pending durability inline note (5d) ── */
.cdet-pending-note[b-1jjdy8ac08] {
    margin-left: 0.25rem;
    opacity: 0.7;
    font-size: 0.7rem;
}

/* ── Row message & meta ── */
.cdet-row-message[b-1jjdy8ac08] {
    font-size: 0.85rem;
    color: var(--v2-text);
    margin-top: 0.3rem;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cdet-row-meta[b-1jjdy8ac08] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 0.35rem;
}
.cdet-row-meta span[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}
.cdet-row-meta i[b-1jjdy8ac08] { color: var(--v2-text-ghost); font-size: 0.7rem; }

/* ── Inline spinner ── */
.cdet-inline-spinner[b-1jjdy8ac08] { width: 1rem; height: 1rem; border-width: 2px; }

/* ── Expanded Details Panel ── */
.cdet-details[b-1jjdy8ac08] {
    padding: 1.25rem;
    background: var(--v2-inset);
    border-bottom: 2px solid var(--v2-border);
}

/* ── Toolbar: tabs + actions in one row ── */
.cdet-toolbar[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}
.cdet-toolbar-actions[b-1jjdy8ac08] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Inner Tabs (DISTILL — progressive disclosure) ── */
.cdet-inner-tabs[b-1jjdy8ac08] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--v2-border);
    flex-shrink: 0;
}
.cdet-inner-tab[b-1jjdy8ac08] {
    padding: 0.45rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--v2-text-ghost);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--v2-font-body);
}
.cdet-inner-tab:hover[b-1jjdy8ac08] {
    color: var(--v2-text-bright);
}
.cdet-inner-tab--active[b-1jjdy8ac08] {
    color: var(--v2-accent);
    border-bottom-color: var(--v2-accent);
}
.cdet-inner-tab i[b-1jjdy8ac08] {
    font-size: 0.72rem;
}
.cdet-inner-tab-pane[b-1jjdy8ac08] {
    display: none;
}
.cdet-inner-tab-pane--active[b-1jjdy8ac08] {
    display: block;
}

/* ── Pending durability subtle note (in Impact tab) ── */
.cdet-pending-durability[b-1jjdy8ac08] {
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* ── File Diff List (in details) ── */
.cdet-file-section[b-1jjdy8ac08] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    overflow: hidden;
    margin-bottom: 1rem;
}
.cdet-file-diff[b-1jjdy8ac08] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    transition: background 0.15s;
}
.cdet-file-diff:hover[b-1jjdy8ac08] { background: var(--v2-accent-bg); }
.cdet-file-diff:last-child[b-1jjdy8ac08] { border-bottom: none; }
.cdet-file-diff--ignored[b-1jjdy8ac08] { opacity: 0.5; }
.cdet-file-info[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.cdet-change-icon[b-1jjdy8ac08] {
    width: 16px; height: 16px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 4px;
    font-size: 0.7rem;
    flex-shrink: 0;
}
.cdet-change-icon--add[b-1jjdy8ac08] { background: var(--v2-success-bg-strong); color: var(--v2-success); }
.cdet-change-icon--edit[b-1jjdy8ac08] { background: var(--v2-accent-bg); color: var(--v2-accent); }
.cdet-change-icon--del[b-1jjdy8ac08] { background: var(--v2-error-bg-strong); color: var(--v2-error); }

/* 5b. File path left-truncation — shows filename, not root dir */
.cdet-code-tag[b-1jjdy8ac08] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
}
.cdet-file-badges[b-1jjdy8ac08] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: 0.4rem;
}
.cdet-file-stats[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-left: 0.75rem;
}
.cdet-line-stat[b-1jjdy8ac08] {
    font-weight: 600;
    font-size: 0.75rem;
    font-family: var(--v2-font-mono);
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
}
.cdet-line-stat--add[b-1jjdy8ac08] { color: var(--v2-success); background: var(--v2-success-bg); }
.cdet-line-stat--del[b-1jjdy8ac08] { color: var(--v2-error); background: var(--v2-error-bg); }
.cdet-file-size[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--v2-text-ghost);
    font-size: 0.78rem;
}

/* ── Analysis Cards (in details) — COLORIZE: distinct accents ── */
.cdet-analysis-wrap[b-1jjdy8ac08] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.cdet-analysis-card[b-1jjdy8ac08] {
    flex: 1;
    min-width: 260px;
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    overflow: hidden;
}
.cdet-analysis-card--spaced[b-1jjdy8ac08] { margin-bottom: 0.75rem; }
.cdet-analysis-card--complexity[b-1jjdy8ac08] { border-left: 3px solid var(--v2-purple); }
.cdet-analysis-card--tags[b-1jjdy8ac08] { border-left: 3px solid var(--v2-success); }
.cdet-analysis-card--similarity[b-1jjdy8ac08] { border-left: 3px solid var(--v2-orange); }
.cdet-analysis-card--impact[b-1jjdy8ac08] { border-left: 3px solid var(--v2-accent); }

/* ── COLORIZE: header icon colors per card type ── */
.cdet-icon--complexity[b-1jjdy8ac08] { color: var(--v2-purple); }
.cdet-icon--tags[b-1jjdy8ac08] { color: var(--v2-success); }
.cdet-icon--similarity[b-1jjdy8ac08] { color: var(--v2-orange); }

.cdet-analysis-header[b-1jjdy8ac08] {
    background: var(--v2-surface-2);
    color: var(--v2-text-bright);
    padding: 0.7rem 0.85rem;
    font-weight: 600;
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    font-family: var(--v2-font-body);
}
.cdet-analysis-header i[b-1jjdy8ac08] { margin-right: 0.4rem; color: var(--v2-text-ghost); }
.cdet-analysis-body[b-1jjdy8ac08] { padding: 0.85rem; }
.cdet-analysis-badges[b-1jjdy8ac08] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.6rem;
}
.cdet-analysis-summary[b-1jjdy8ac08] {
    font-size: 0.8rem;
    color: var(--v2-text-dim);
    margin-bottom: 0.6rem;
    line-height: 1.5;
}

/* ── Analysis Metrics ── */
.cdet-metrics[b-1jjdy8ac08] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.6rem;
}
.cdet-metric-row[b-1jjdy8ac08] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--v2-border);
}
.cdet-metric-row:last-child[b-1jjdy8ac08] { border-bottom: none; }
.cdet-metric-label[b-1jjdy8ac08] { font-weight: 600; color: var(--v2-text-dim); font-size: 0.78rem; }
.cdet-metric-value[b-1jjdy8ac08] { font-weight: 700; color: var(--v2-accent); font-size: 0.78rem; font-family: var(--v2-font-mono); }

/* ── Impact Axis Bar ── */
.cdet-axis-item[b-1jjdy8ac08] { margin-bottom: 0.6rem; }
.cdet-axis-header[b-1jjdy8ac08] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}
.cdet-axis-name[b-1jjdy8ac08] { font-weight: 600; color: var(--v2-text); font-size: 0.8rem; }
.cdet-axis-score[b-1jjdy8ac08] { font-weight: 700; color: var(--v2-accent); font-size: 0.8rem; font-family: var(--v2-font-mono); }
.cdet-axis-bar[b-1jjdy8ac08] {
    height: 5px;
    background: var(--v2-surface-2);
    border-radius: 3px;
    overflow: hidden;
}
.cdet-axis-bar-fill[b-1jjdy8ac08] {
    height: 100%;
    background: var(--v2-accent);
    border-radius: 3px;
    transition: width 0.4s ease;
}
.cdet-axis-explanation[b-1jjdy8ac08] {
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    margin-top: 0.2rem;
    line-height: 1.4;
}

/* ── Tags ── */
.cdet-tags[b-1jjdy8ac08] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.6rem;
}
.cdet-tag[b-1jjdy8ac08] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    padding: 0.15rem 0.5rem;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: 600;
    font-family: var(--v2-font-mono);
    border: 1px solid var(--v2-accent-glow);
}
.cdet-recommendation[b-1jjdy8ac08] {
    background: var(--v2-surface);
    color: var(--v2-text);
    padding: 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-size: 0.78rem;
    margin-top: 0.6rem;
    border-left: 3px solid var(--v2-warning);
}
.cdet-recommendation-icon[b-1jjdy8ac08] {
    color: var(--v2-warning);
    margin-right: 0.4rem;
}

/* ── Flag Badges ── */
.cdet-flags[b-1jjdy8ac08] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.6rem;
}
.cdet-flag[b-1jjdy8ac08] {
    padding: 0.15rem 0.5rem;
    border-radius: 20px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-family: var(--v2-font-mono);
}
.cdet-flag--feature[b-1jjdy8ac08] { background: var(--v2-success-bg-strong); color: var(--v2-success); }
.cdet-flag--bugfix[b-1jjdy8ac08] { background: var(--v2-warning-bg); color: var(--v2-warning); }
.cdet-flag--refactor[b-1jjdy8ac08] { background: var(--v2-info-bg); color: var(--v2-info); }
.cdet-flag--hotfix[b-1jjdy8ac08] { background: var(--v2-error-bg-strong); color: var(--v2-error); }
.cdet-flag--breaking[b-1jjdy8ac08] { background: var(--v2-purple-bg); color: var(--v2-purple); }

/* ── Similar Commits ── */
.cdet-similar-section[b-1jjdy8ac08] {
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 1px solid var(--v2-border);
}
.cdet-similar-count[b-1jjdy8ac08] { font-weight: 600; color: var(--v2-text); font-size: 0.78rem; margin-bottom: 0.4rem; }
.cdet-similar-list[b-1jjdy8ac08] { display: flex; flex-direction: column; gap: 0.3rem; }
.cdet-similar-item[b-1jjdy8ac08] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.5rem;
    background: var(--v2-surface);
    border-radius: 6px;
}
.cdet-similar-hash[b-1jjdy8ac08] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    padding: 0.12rem 0.35rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.7rem;
    font-family: var(--v2-font-mono);
    border: 1px solid var(--v2-accent-glow);
}
.cdet-similar-score[b-1jjdy8ac08] { color: var(--v2-text-ghost); font-size: 0.78rem; font-family: var(--v2-font-mono); }

/* ── Change Signature ── */
.cdet-signature[b-1jjdy8ac08] { margin-bottom: 0.6rem; }
.cdet-signature-label[b-1jjdy8ac08] {
    font-weight: 600;
    color: var(--v2-text-bright);
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
}
.cdet-signature-label i[b-1jjdy8ac08] { color: var(--v2-text-ghost); }
.cdet-signature-desc[b-1jjdy8ac08] { font-size: 0.78rem; color: var(--v2-text-dim); margin-bottom: 0.35rem; }
.cdet-signature-tags[b-1jjdy8ac08] { display: flex; flex-wrap: wrap; gap: 0.3rem; }

/* ── Explanation List ── */
.cdet-explanations-label[b-1jjdy8ac08] {
    font-weight: 600;
    color: var(--v2-text-bright);
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.3rem;
}
.cdet-explanations-label i[b-1jjdy8ac08] { color: var(--v2-text-ghost); }
.cdet-explanation-list[b-1jjdy8ac08] { list-style: none; padding: 0; margin: 0; }
.cdet-explanation-list li[b-1jjdy8ac08] {
    padding: 0.25rem 0;
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    border-bottom: 1px solid var(--v2-border);
    line-height: 1.4;
}
.cdet-explanation-list li:last-child[b-1jjdy8ac08] { border-bottom: none; }

/* ── Impact badge classes ── */
.cdet-impact-negligible[b-1jjdy8ac08] { background: var(--v2-neutral-bg); color: var(--v2-text-ghost); }
.cdet-impact-low[b-1jjdy8ac08] { background: var(--v2-info-bg); color: var(--v2-info); }
.cdet-impact-moderate[b-1jjdy8ac08] { background: var(--v2-success-bg-strong); color: var(--v2-success); }
.cdet-impact-high[b-1jjdy8ac08] { background: var(--v2-accent-bg); color: var(--v2-accent); }
.cdet-impact-veryhigh[b-1jjdy8ac08] { background: var(--v2-orange-bg); color: var(--v2-orange); }
.cdet-impact-exceptional[b-1jjdy8ac08] { background: var(--v2-purple-bg); color: var(--v2-purple); }

/* ── Responsive ── */
@@media (max-width: 1024px) {
    .cdet-analysis-wrap[b-1jjdy8ac08] { flex-direction: column; }
    .cdet-analysis-card[b-1jjdy8ac08] { min-width: 100%; }
}

@@media (max-width: 768px) {
    .cdet-row-main[b-1jjdy8ac08] { flex-direction: column; align-items: flex-start; }
    .cdet-row-meta[b-1jjdy8ac08] { flex-direction: column; gap: 0.3rem; }
    .cdet-toolbar[b-1jjdy8ac08] { flex-direction: column; align-items: stretch; }
    .cdet-toolbar-actions[b-1jjdy8ac08] { margin-left: 0; }
    .cdet-inner-tabs[b-1jjdy8ac08] { overflow-x: auto; }
    .cdet-file-diff[b-1jjdy8ac08] { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
    .cdet-file-stats[b-1jjdy8ac08] { margin-left: 0; }
}
/* /Components/Pages/DeveloperActivity/OptimizedAnalysisTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.at-loading[b-3v0tnk91xg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.at-loading-indicator[b-3v0tnk91xg] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: at-spin-b-3v0tnk91xg 0.8s linear infinite;
}

@keyframes at-spin-b-3v0tnk91xg {
    to { transform: rotate(360deg); }
}

.at-loading-text[b-3v0tnk91xg] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== EMPTY STATE ===== */
.at-empty-state[b-3v0tnk91xg] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--v2-text-dim);
}

.at-empty-state--inline[b-3v0tnk91xg] {
    padding: 2rem 1rem;
}

.at-empty-icon[b-3v0tnk91xg] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.at-empty-text[b-3v0tnk91xg] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    margin: 0;
}

/* ===== SECTION CARDS ===== */
.at-section-card[b-3v0tnk91xg] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    height: 100%;
    transition: border-color 0.25s;
}

.at-section-card:hover[b-3v0tnk91xg] {
    border-color: var(--v2-border-hover);
}

.at-section-body[b-3v0tnk91xg] {
    padding: 1.5rem;
}

.at-section-head[b-3v0tnk91xg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
}

.at-section-icon-pill[b-3v0tnk91xg] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.at-section-icon-pill--recent[b-3v0tnk91xg] {
    background: rgba(112, 128, 255, 0.1);
    color: var(--v2-accent-light);
}

.at-section-title[b-3v0tnk91xg] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.at-section-count[b-3v0tnk91xg] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    font-weight: 400;
}

/* ===== COMMIT LIST ===== */
.at-commit-list[b-3v0tnk91xg] {
    display: flex;
    flex-direction: column;
}

.at-commit-item[b-3v0tnk91xg] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--v2-border);
}

.at-commit-item:last-child[b-3v0tnk91xg] {
    border-bottom: none;
}

.at-commit-summary[b-3v0tnk91xg] {
    font-family: var(--v2-font-body);
    font-weight: 500;
    color: var(--v2-text-bright);
    font-size: 0.88rem;
    margin-bottom: 0.4rem;
    line-height: 1.4;
}

.at-commit-chips[b-3v0tnk91xg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.at-commit-meta[b-3v0tnk91xg] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* ===== CHIPS ===== */
.at-chip[b-3v0tnk91xg] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.at-chip--impact[b-3v0tnk91xg] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.2);
}

.at-chip--complexity[b-3v0tnk91xg] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

.at-chip--low[b-3v0tnk91xg] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.at-chip--medium[b-3v0tnk91xg] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.2);
}

.at-chip--high[b-3v0tnk91xg] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.2);
}

.at-chip--critical[b-3v0tnk91xg] {
    background: rgba(248, 113, 113, 0.15);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.35);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .at-commit-chips[b-3v0tnk91xg] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/DeveloperActivity/OptimizedAugmentCodeTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.ac-loading[b-vm3fs2zkva] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.ac-loading-indicator[b-vm3fs2zkva] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: ac-spin-b-vm3fs2zkva 0.8s linear infinite;
}

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

.ac-loading-text[b-vm3fs2zkva] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== TOKEN CONFIGURATION CARD ===== */
.ac-token-card[b-vm3fs2zkva] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    max-width: 640px;
    margin: 2rem auto;
    overflow: hidden;
}

.ac-token-card-header[b-vm3fs2zkva] {
    background: var(--v2-accent);
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.ac-token-card-header h4[b-vm3fs2zkva] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff;
    margin: 0;
}

.ac-token-card-header i[b-vm3fs2zkva] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
}

.ac-token-card-body[b-vm3fs2zkva] {
    padding: 1.5rem;
}

.ac-token-card-body p[b-vm3fs2zkva] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text);
    margin: 0 0 1.25rem;
}

/* ===== HEADER ===== */
.ac-header[b-vm3fs2zkva] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.ac-header-left[b-vm3fs2zkva] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.ac-icon-pill[b-vm3fs2zkva] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.ac-title[b-vm3fs2zkva] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

.ac-subtitle[b-vm3fs2zkva] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

/* ===== PERIOD TOGGLE ===== */
.ac-toggle[b-vm3fs2zkva] {
    display: inline-flex;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    overflow: hidden;
}

.ac-toggle-btn[b-vm3fs2zkva] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.38rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--v2-text-dim);
    cursor: pointer;
    transition: all 0.25s;
}

.ac-toggle-btn:hover[b-vm3fs2zkva] {
    color: var(--v2-text-bright);
    background: var(--v2-surface-2);
}

.ac-toggle-btn--active[b-vm3fs2zkva] {
    background: var(--v2-accent);
    color: #fff;
}

.ac-toggle-btn--active:hover[b-vm3fs2zkva] {
    background: var(--v2-accent-hover);
    color: #fff;
}

/* ===== STAT CARDS ===== */
.ac-stats-grid[b-vm3fs2zkva] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.ac-stat-card[b-vm3fs2zkva] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem 1rem;
    text-align: center;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.ac-stat-card:hover[b-vm3fs2zkva] {
    transform: translateY(-4px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
}

.ac-stat-icon[b-vm3fs2zkva] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.ac-stat-value[b-vm3fs2zkva] {
    font-family: var(--v2-font-display);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.ac-stat-label[b-vm3fs2zkva] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
}

/* ===== TABLE SECTION ===== */
.ac-section-card[b-vm3fs2zkva] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
}

.ac-section-head[b-vm3fs2zkva] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.ac-section-icon[b-vm3fs2zkva] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.ac-section-title[b-vm3fs2zkva] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0;
}

.ac-table-wrap[b-vm3fs2zkva] {
    overflow-x: auto;
}

.ac-table[b-vm3fs2zkva] {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.ac-table thead th[b-vm3fs2zkva] {
    background: var(--v2-surface-2);
    border: none;
    border-bottom: 1px solid var(--v2-border);
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-dim);
    padding: 0.65rem 1rem;
}

.ac-table tbody td[b-vm3fs2zkva] {
    border: none;
    padding: 0.7rem 1rem;
    vertical-align: middle;
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text);
    background: transparent;
}

.ac-table tbody tr[b-vm3fs2zkva] {
    border-bottom: 1px solid var(--v2-border);
    transition: background-color 0.2s;
}

.ac-table tbody tr:last-child[b-vm3fs2zkva] { border-bottom: none; }
.ac-table tbody tr:hover[b-vm3fs2zkva] { background: var(--v2-accent-bg); }

.ac-user-name[b-vm3fs2zkva] {
    font-weight: 500;
    color: var(--v2-text-bright);
}

.ac-text-center[b-vm3fs2zkva] {
    text-align: center;
}

/* ===== BADGES ===== */
.ac-badge[b-vm3fs2zkva] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-weight: 500;
}

.ac-badge--success[b-vm3fs2zkva] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.ac-badge--warning[b-vm3fs2zkva] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.2);
}

.ac-badge--neutral[b-vm3fs2zkva] {
    background: rgba(139, 147, 165, 0.08);
    color: var(--v2-text-dim);
    border: 1px solid rgba(139, 147, 165, 0.15);
}

/* ===== ALERT ===== */
.ac-alert[b-vm3fs2zkva] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1.15rem;
    border-radius: var(--v2-radius);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
}

.ac-alert--warning[b-vm3fs2zkva] {
    background: rgba(252, 211, 77, 0.08);
    border: 1px solid rgba(252, 211, 77, 0.2);
    color: var(--v2-warning);
}

.ac-alert--info[b-vm3fs2zkva] {
    background: rgba(96, 165, 250, 0.08);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: var(--v2-info);
}

/* ===== EMPTY STATE ===== */
.ac-empty[b-vm3fs2zkva] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
}

.ac-empty-icon[b-vm3fs2zkva] {
    font-size: 2.5rem;
    color: var(--v2-text-ghost);
    margin-bottom: 1rem;
}

.ac-empty p[b-vm3fs2zkva] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== TOKEN UPDATE (INLINE) ===== */
.ac-token-update[b-vm3fs2zkva] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem 1.5rem;
    margin-top: 1.5rem;
}

.ac-token-update-title[b-vm3fs2zkva] {
    font-family: var(--v2-font-display);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ac-token-update-title i[b-vm3fs2zkva] {
    color: var(--v2-accent);
    font-size: 0.85rem;
}

.ac-token-row[b-vm3fs2zkva] {
    display: flex;
    gap: 0.5rem;
    max-width: 600px;
}

/* ===== FORM INPUTS ===== */
.ac-form-group[b-vm3fs2zkva] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.ac-form-label[b-vm3fs2zkva] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    font-weight: 400;
}

.ac-form-input[b-vm3fs2zkva] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text);
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    padding: 0.55rem 0.85rem;
    transition: border-color 0.25s, box-shadow 0.25s;
    width: 100%;
}

.ac-form-input[b-vm3fs2zkva]::placeholder {
    color: var(--v2-text-ghost);
}

.ac-form-input:focus[b-vm3fs2zkva] {
    outline: none;
    border-color: var(--v2-accent);
    box-shadow: 0 0 0 3px var(--v2-accent-glow);
}

.ac-form-hint[b-vm3fs2zkva] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .ac-stats-grid[b-vm3fs2zkva] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .ac-header[b-vm3fs2zkva] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .ac-stats-grid[b-vm3fs2zkva] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .ac-stats-grid[b-vm3fs2zkva] { grid-template-columns: 1fr; }
}
/* /Components/Pages/DeveloperActivity/OptimizedDeveloperActivityDashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RADIANZ V2 — Developer Activity Dashboard — Scoped Styles
   ═══════════════════════════════════════════════════════════ */

/* ── Page-level loading ──────────────────────────────────── */
.dac-loading[b-pbyxqyh2jt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: 1rem;
}

.dac-loading-spinner[b-pbyxqyh2jt] {
    width: 3rem;
    height: 3rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: dac-spin-b-pbyxqyh2jt 0.75s linear infinite;
}

.dac-loading-title[b-pbyxqyh2jt] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--v2-text-bright);
    margin: 0;
}

.dac-loading-sub[b-pbyxqyh2jt] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin: 0;
    font-size: 0.9rem;
}

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

/* ── Team filter ─────────────────────────────────────────── */
.dac-team-filter[b-pbyxqyh2jt] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.25rem;
}

.dac-team-filter-inner[b-pbyxqyh2jt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dac-team-filter-icon[b-pbyxqyh2jt] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.dac-team-filter-label[b-pbyxqyh2jt] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--v2-text-dim);
    margin: 0;
    flex-shrink: 0;
}

.dac-team-select-wrap[b-pbyxqyh2jt] {
    min-width: 260px;
}

/* ── Tab nav overrides are in v2-design-system.css (global)
   because Blazorise renders child elements without the
   CSS-isolation attribute, making ::deep unreliable. ─────── */

/* ── Tab lazy-load state ─────────────────────────────────── */
.dac-tab-loading[b-pbyxqyh2jt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
}

.dac-tab-spinner[b-pbyxqyh2jt] {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: dac-spin-b-pbyxqyh2jt 0.75s linear infinite;
    flex-shrink: 0;
}

.dac-tab-loading-text[b-pbyxqyh2jt] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    font-size: 0.88rem;
    margin: 0;
}

/* ── Sub-toggle (weekly/monthly, team/global) ────────────── */
.dac-sub-toggle[b-pbyxqyh2jt] {
    display: inline-flex;
    gap: 2px;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 3px;
    margin-bottom: 1rem;
}

.dac-sub-toggle-btn[b-pbyxqyh2jt] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--v2-text-dim);
    background: transparent;
    border: none;
    border-radius: calc(var(--v2-radius-sm) - 2px);
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}

.dac-sub-toggle-btn:hover[b-pbyxqyh2jt] {
    color: var(--v2-text-bright);
}

.dac-sub-toggle-btn.active[b-pbyxqyh2jt] {
    color: var(--v2-text-bright);
    background: var(--v2-surface-2);
    font-weight: 600;
}
/* /Components/Pages/DeveloperActivity/OptimizedGlobalLeaderboardTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.v2-glb-loading[b-ya7sbt1nh0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 0.75rem;
}

.v2-glb-spinner[b-ya7sbt1nh0] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: v2-glb-spin-b-ya7sbt1nh0 0.8s linear infinite;
}

.v2-glb-spinner--sm[b-ya7sbt1nh0] {
    width: 18px;
    height: 18px;
    border-width: 2px;
    display: inline-block;
}

@keyframes v2-glb-spin-b-ya7sbt1nh0 {
    to { transform: rotate(360deg); }
}

.v2-glb-loading-text[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0;
}

/* ===== EMPTY STATE ===== */
.v2-glb-empty[b-ya7sbt1nh0] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: var(--v2-text-dim);
}

.v2-glb-empty-icon[b-ya7sbt1nh0] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.v2-glb-empty-text[b-ya7sbt1nh0] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    margin: 0;
}

/* ===== CONSENT CARD ===== */
.v2-glb-consent-card[b-ya7sbt1nh0] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    max-width: 640px;
    margin: 2rem auto;
    overflow: hidden;
}

.v2-glb-consent-header[b-ya7sbt1nh0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-accent-bg);
}

.v2-glb-consent-title[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
}

.v2-glb-consent-body[b-ya7sbt1nh0] {
    padding: 1.5rem;
}

.v2-glb-consent-subtitle[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 0.75rem;
}

.v2-glb-consent-text[b-ya7sbt1nh0] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text);
    margin: 0 0 1.25rem;
    line-height: 1.6;
}

.v2-glb-consent-points[b-ya7sbt1nh0] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
}

.v2-glb-consent-point[b-ya7sbt1nh0] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
}

.v2-glb-consent-point i[b-ya7sbt1nh0] {
    color: var(--v2-success);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.v2-glb-consent-btn[b-ya7sbt1nh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* ===== HEADER ===== */
.v2-glb-header[b-ya7sbt1nh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-glb-header-left[b-ya7sbt1nh0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.v2-glb-icon-pill[b-ya7sbt1nh0] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.v2-glb-title[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

.v2-glb-subtitle[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

/* ===== PERIOD NAV ===== */
.v2-glb-period-nav[b-ya7sbt1nh0] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.v2-glb-period-btn[b-ya7sbt1nh0] {
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-family: var(--v2-font-mono);
    white-space: nowrap;
}

.v2-glb-period-btn--active[b-ya7sbt1nh0] {
    background: var(--v2-accent) !important;
    color: white !important;
    border-color: var(--v2-accent) !important;
}

/* ===== MONTHLY NAVIGATION ===== */
.v2-glb-month-nav[b-ya7sbt1nh0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, var(--v2-accent) 0%, var(--v2-accent-hover) 100%);
    border-radius: var(--v2-radius);
    padding: 1rem 1.5rem;
    margin-bottom: 1.25rem;
    position: relative;
    overflow: hidden;
}

.v2-glb-month-nav[b-ya7sbt1nh0]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 80% -20%, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

.v2-glb-month-btn[b-ya7sbt1nh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
    position: relative;
    z-index: 1;
}

.v2-glb-month-btn:hover:not(:disabled)[b-ya7sbt1nh0] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
}

.v2-glb-month-btn:disabled[b-ya7sbt1nh0] {
    opacity: 0.4;
    cursor: not-allowed;
}

.v2-glb-month-current[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: white;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* ===== VIEW SELECTOR ===== */
.v2-glb-view-card[b-ya7sbt1nh0] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.75rem 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
}

.v2-glb-view-options[b-ya7sbt1nh0] {
    display: flex;
    gap: 0.25rem;
}

.v2-glb-view-btn[b-ya7sbt1nh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1.25rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
}

.v2-glb-view-btn:hover[b-ya7sbt1nh0] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-glb-view-btn--active[b-ya7sbt1nh0] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

.v2-glb-view-btn--active:hover[b-ya7sbt1nh0] {
    background: var(--v2-accent-hover);
    border-color: var(--v2-accent-hover);
    color: white;
}

/* ===== ORGANIZATION RANK CARD ===== */
.v2-glb-org-card[b-ya7sbt1nh0] {
    background: var(--v2-void);
    border: 1px solid rgba(240, 104, 72, 0.25);
    border-radius: var(--v2-radius);
    margin-bottom: 1.25rem;
    position: relative;
    overflow: hidden;
}

.v2-glb-org-blob[b-ya7sbt1nh0] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(240, 104, 72, 0.15);
    filter: blur(50px);
}

.v2-glb-org-blob--1[b-ya7sbt1nh0] {
    width: 180px;
    height: 60px;
    top: -15px;
    right: 30px;
}

.v2-glb-org-blob--2[b-ya7sbt1nh0] {
    width: 120px;
    height: 80px;
    bottom: 10px;
    left: 20px;
}

.v2-glb-org-body[b-ya7sbt1nh0] {
    position: relative;
    z-index: 1;
    padding: 1.75rem 2rem;
}

.v2-glb-org-title[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    text-align: center;
    margin: 0 0 1.75rem;
    letter-spacing: -0.01em;
}

.v2-glb-org-stats[b-ya7sbt1nh0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.v2-glb-org-stat[b-ya7sbt1nh0] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
}

.v2-glb-org-stat-icon[b-ya7sbt1nh0] {
    font-size: 1.4rem;
    color: var(--v2-accent-light);
    margin-bottom: 0.25rem;
}

.v2-glb-org-stat-value[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 2rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.v2-glb-org-stat-label[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
}

.v2-glb-org-stat-rank[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-ghost);
}

/* ===== SORT CARD ===== */
.v2-glb-sort-card[b-ya7sbt1nh0] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.25rem;
}

.v2-glb-sort-bar[b-ya7sbt1nh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.v2-glb-sort-options[b-ya7sbt1nh0] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.v2-glb-sort-btn[b-ya7sbt1nh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
}

.v2-glb-sort-btn:hover[b-ya7sbt1nh0] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-glb-sort-btn--active[b-ya7sbt1nh0] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

.v2-glb-sort-btn--active:hover[b-ya7sbt1nh0] {
    background: var(--v2-accent-hover);
    border-color: var(--v2-accent-hover);
    color: white;
}

.v2-glb-sort-count[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    white-space: nowrap;
}

/* ===== ENTRY LIST ===== */
.v2-glb-list[b-ya7sbt1nh0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.v2-glb-entry[b-ya7sbt1nh0] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem;
    transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}

.v2-glb-entry:hover[b-ya7sbt1nh0] {
    border-color: var(--v2-border-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(240, 104, 72, 0.06);
}

.v2-glb-entry-header[b-ya7sbt1nh0] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 1rem;
}

/* ===== RANK BADGE ===== */
.v2-glb-rank[b-ya7sbt1nh0] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--v2-font-mono);
    font-weight: 700;
    font-size: 0.72rem;
    flex-shrink: 0;
}

.v2-glb-rank--gold[b-ya7sbt1nh0] {
    background: rgba(252, 211, 77, 0.12);
    border-color: rgba(252, 211, 77, 0.35);
    color: var(--v2-warning);
}

.v2-glb-rank--silver[b-ya7sbt1nh0] {
    background: rgba(200, 210, 225, 0.1);
    border-color: rgba(200, 210, 225, 0.3);
    color: var(--v2-text-bright);
}

.v2-glb-rank--bronze[b-ya7sbt1nh0] {
    background: rgba(205, 133, 63, 0.12);
    border-color: rgba(205, 133, 63, 0.35);
    color: #cd853f;
}

/* ===== ENTRY INFO ===== */
.v2-glb-entry-info[b-ya7sbt1nh0] {
    min-width: 0;
}

.v2-glb-entry-name[b-ya7sbt1nh0] {
    font-family: var(--v2-font-body);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
    display: block;
    margin-bottom: 0.15rem;
}

.v2-glb-entry-team-icon[b-ya7sbt1nh0] {
    color: var(--v2-accent-light);
    font-size: 0.85rem;
}

.v2-glb-entry-email[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.v2-glb-entry-members[b-ya7sbt1nh0] {
    margin-left: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* ===== STAT CARDS GRID ===== */
.v2-glb-stat-grid[b-ya7sbt1nh0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.v2-glb-stat-card[b-ya7sbt1nh0] {
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.2);
    border-radius: var(--v2-radius-sm);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
    transition: border-color 0.2s, background 0.2s;
}

.v2-glb-stat-card:hover[b-ya7sbt1nh0] {
    border-color: rgba(240, 104, 72, 0.4);
    background: rgba(240, 104, 72, 0.12);
}

.v2-glb-stat-icon[b-ya7sbt1nh0] {
    font-size: 1.25rem;
    color: var(--v2-accent-light);
    margin-bottom: 0.25rem;
}

.v2-glb-stat-value[b-ya7sbt1nh0] {
    font-family: var(--v2-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.v2-glb-stat-label[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
}

.v2-glb-stat-rank[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-ghost);
}

.v2-glb-stat-avg[b-ya7sbt1nh0] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-ghost);
    margin-top: 0.15rem;
}

/* ===== AUTHORS NOTICE ===== */
.v2-glb-authors-notice[b-ya7sbt1nh0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(252, 211, 77, 0.08);
    border: 1px solid rgba(252, 211, 77, 0.25);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-warning);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
}

.v2-glb-config-link[b-ya7sbt1nh0] {
    color: var(--v2-accent-light);
    text-decoration: none;
    margin-left: 0.25rem;
    transition: color 0.15s;
}

.v2-glb-config-link:hover[b-ya7sbt1nh0] {
    color: var(--v2-accent);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .v2-glb-org-stats[b-ya7sbt1nh0] {
        grid-template-columns: repeat(2, 1fr);
    }

    .v2-glb-stat-grid[b-ya7sbt1nh0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .v2-glb-header[b-ya7sbt1nh0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .v2-glb-sort-bar[b-ya7sbt1nh0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-glb-month-nav[b-ya7sbt1nh0] {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    .v2-glb-org-stats[b-ya7sbt1nh0] {
        grid-template-columns: 1fr 1fr;
    }

    .v2-glb-stat-grid[b-ya7sbt1nh0] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .v2-glb-stat-grid[b-ya7sbt1nh0] {
        grid-template-columns: 1fr;
    }

    .v2-glb-org-stats[b-ya7sbt1nh0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DeveloperActivity/OptimizedImpactScoreTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.is-loading[b-us724xhu5j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.is-loading-indicator[b-us724xhu5j] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: is-spin-b-us724xhu5j 0.8s linear infinite;
}

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

.is-loading-text[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== ERROR ===== */
.is-error[b-us724xhu5j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.25);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    color: var(--v2-error);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
}

.is-error-icon[b-us724xhu5j] { font-size: 1.1rem; }

/* ===== EMPTY STATE ===== */
.is-empty[b-us724xhu5j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
}

.is-empty-icon[b-us724xhu5j] {
    font-size: 2.5rem;
    color: var(--v2-text-ghost);
    margin-bottom: 1rem;
}

.is-empty h5[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-text-bright);
    margin: 0 0 0.35rem;
}

.is-empty p[b-us724xhu5j] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0;
    max-width: 400px;
}

/* ===== OVERVIEW ROW ===== */
.is-overview[b-us724xhu5j] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

/* ===== AVERAGE SCORE CARD ===== */
.is-avg-card[b-us724xhu5j] {
    flex: 1;
    min-width: 200px;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.is-avg-card:hover[b-us724xhu5j] {
    transform: translateY(-4px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
}

.is-avg-label[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    margin-bottom: 0.5rem;
}

.is-avg-value[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--v2-accent);
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 0.3rem;
}

.is-avg-sub[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
}

/* ===== DISTRIBUTION CARD ===== */
.is-dist-card[b-us724xhu5j] {
    flex: 2;
    min-width: 300px;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.is-dist-card:hover[b-us724xhu5j] {
    transform: translateY(-4px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
}

.is-dist-title[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin-bottom: 1rem;
}

.is-dist-row[b-us724xhu5j] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.6rem;
}

.is-dist-row:last-child[b-us724xhu5j] { margin-bottom: 0; }

.is-dist-bar-track[b-us724xhu5j] {
    flex: 1;
    height: 6px;
    background: var(--v2-surface-2);
    border-radius: 3px;
    overflow: hidden;
}

.is-dist-bar-fill[b-us724xhu5j] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.5s ease;
}

.is-dist-count[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    min-width: 24px;
    text-align: right;
}

/* ===== IMPACT LEVEL BADGES ===== */
.is-badge[b-us724xhu5j] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-weight: 500;
    min-width: 80px;
    justify-content: center;
    white-space: nowrap;
}

.is-badge--negligible[b-us724xhu5j] {
    background: rgba(139, 147, 165, 0.1);
    color: var(--v2-text-dim);
    border: 1px solid rgba(139, 147, 165, 0.2);
}

.is-badge--low[b-us724xhu5j] {
    background: rgba(96, 165, 250, 0.1);
    color: var(--v2-info);
    border: 1px solid rgba(96, 165, 250, 0.2);
}

.is-badge--moderate[b-us724xhu5j] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.is-badge--high[b-us724xhu5j] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

.is-badge--veryhigh[b-us724xhu5j] {
    background: rgba(167, 139, 250, 0.1);
    color: var(--v2-purple);
    border: 1px solid rgba(167, 139, 250, 0.2);
}

.is-badge--exceptional[b-us724xhu5j] {
    background: rgba(251, 146, 60, 0.1);
    color: var(--v2-orange);
    border: 1px solid rgba(251, 146, 60, 0.2);
}

.is-badge--pending[b-us724xhu5j] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.2);
    cursor: help;
}

/* ===== COMMITS LIST CARD ===== */
.is-commits-card[b-us724xhu5j] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
}

.is-commits-head[b-us724xhu5j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.is-commits-icon[b-us724xhu5j] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.is-commits-title[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0;
}

/* ===== COMMIT ROW ===== */
.is-commit-row[b-us724xhu5j] {
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    cursor: pointer;
    transition: background 0.2s;
}

.is-commit-row:hover[b-us724xhu5j] { background: var(--v2-accent-bg); }
.is-commit-row--expanded[b-us724xhu5j] { background: var(--v2-surface-2); }

.is-commit-top[b-us724xhu5j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.is-commit-main[b-us724xhu5j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    flex-wrap: wrap;
    min-width: 0;
}

.is-commit-sha[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    padding: 0.12rem 0.4rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid rgba(240, 104, 72, 0.15);
}

.is-chevron[b-us724xhu5j] {
    color: var(--v2-text-ghost);
    font-size: 0.7rem;
    transition: transform 0.2s;
    flex-shrink: 0;
}

.is-summary[b-us724xhu5j] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin-top: 0.35rem;
}

.is-commit-meta[b-us724xhu5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--v2-border);
}

.is-meta-item[b-us724xhu5j] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

.is-meta-item i[b-us724xhu5j] { color: var(--v2-text-ghost); font-size: 0.7rem; }

.is-commit-title[b-us724xhu5j] {
    font-weight: 500;
    color: var(--v2-text);
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== COMMIT DETAILS (expanded) ===== */
.is-details[b-us724xhu5j] {
    padding: 1.25rem;
    background: var(--v2-void);
    border-bottom: 1px solid var(--v2-border);
}

/* ===== AXIS ITEMS ===== */
.is-axes[b-us724xhu5j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.is-axis[b-us724xhu5j] {
    padding: 0.75rem 1rem;
    border-radius: var(--v2-radius-sm);
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
}

.is-axis-head[b-us724xhu5j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.is-axis-name[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--v2-text-bright);
}

.is-axis-score[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--v2-accent-light);
}

.is-axis-bar[b-us724xhu5j] {
    height: 5px;
    background: var(--v2-surface-2);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0.4rem;
}

.is-axis-bar-fill[b-us724xhu5j] {
    height: 100%;
    background: linear-gradient(90deg, var(--v2-accent), var(--v2-accent-light));
    border-radius: 3px;
    transition: width 0.5s ease;
}

.is-axis-explanation[b-us724xhu5j] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== CHANGE SIGNATURE ===== */
.is-signature[b-us724xhu5j] {
    padding: 1rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-left: 3px solid var(--v2-accent);
    border-radius: var(--v2-radius-sm);
    margin-bottom: 1rem;
}

.is-signature-title[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--v2-text-bright);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.is-signature-title i[b-us724xhu5j] {
    color: var(--v2-accent);
    font-size: 0.85rem;
}

.is-signature-desc[b-us724xhu5j] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text);
    margin: 0 0 0.5rem;
}

.is-signature-tags[b-us724xhu5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.is-pattern-tag[b-us724xhu5j] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    padding: 0.15rem 0.45rem;
    border-radius: var(--v2-radius-sm);
    background: var(--v2-surface-2);
    color: var(--v2-text-dim);
    border: 1px solid var(--v2-border);
}

/* ===== EXPLANATIONS ===== */
.is-explanations[b-us724xhu5j] {
    margin-top: 0.25rem;
}

.is-explanations-title[b-us724xhu5j] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--v2-text-bright);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.is-explanations-title i[b-us724xhu5j] {
    color: var(--v2-accent);
    font-size: 0.85rem;
}

.is-explanation-list[b-us724xhu5j] {
    padding-left: 1.25rem;
    margin: 0;
}

.is-explanation-list li[b-us724xhu5j] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin-bottom: 0.25rem;
    line-height: 1.4;
}

.is-explanation-list li[b-us724xhu5j]::marker {
    color: var(--v2-text-ghost);
}

/* ===== DISTRIBUTION BAR COLORS ===== */
.is-bar--negligible[b-us724xhu5j] { background: var(--v2-text-dim); }
.is-bar--low[b-us724xhu5j] { background: var(--v2-info); }
.is-bar--moderate[b-us724xhu5j] { background: var(--v2-success); }
.is-bar--high[b-us724xhu5j] { background: var(--v2-accent); }
.is-bar--veryhigh[b-us724xhu5j] { background: var(--v2-purple); }
.is-bar--exceptional[b-us724xhu5j] { background: var(--v2-orange); }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .is-overview[b-us724xhu5j] { flex-direction: column; }
    .is-commit-meta[b-us724xhu5j] { flex-direction: column; gap: 0.4rem; }
    .is-commit-main[b-us724xhu5j] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/DeveloperActivity/OptimizedLeaderboardTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.v2-lb-loading[b-urpagloae6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 0.75rem;
}

.v2-lb-spinner[b-urpagloae6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: v2-lb-spin-b-urpagloae6 0.8s linear infinite;
}

@keyframes v2-lb-spin-b-urpagloae6 {
    to { transform: rotate(360deg); }
}

.v2-lb-loading-text[b-urpagloae6] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0;
}

/* ===== EMPTY STATE ===== */
.v2-lb-empty[b-urpagloae6] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: var(--v2-text-dim);
}

.v2-lb-empty-icon[b-urpagloae6] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.v2-lb-empty-text[b-urpagloae6] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    margin: 0;
}

/* ===== HEADER ===== */
.v2-lb-header[b-urpagloae6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-lb-header-left[b-urpagloae6] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.v2-lb-icon-pill[b-urpagloae6] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.v2-lb-title[b-urpagloae6] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

.v2-lb-subtitle[b-urpagloae6] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

/* ===== PERIOD NAVIGATION ===== */
.v2-lb-period-nav[b-urpagloae6] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.v2-lb-period-btn[b-urpagloae6] {
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-family: var(--v2-font-mono);
    white-space: nowrap;
}

.v2-lb-period-btn--active[b-urpagloae6] {
    background: var(--v2-accent) !important;
    color: white !important;
    border-color: var(--v2-accent) !important;
}

/* ===== SORT CARD ===== */
.v2-lb-sort-card[b-urpagloae6] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.25rem;
}

.v2-lb-sort-bar[b-urpagloae6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.v2-lb-sort-options[b-urpagloae6] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.v2-lb-sort-btn[b-urpagloae6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
}

.v2-lb-sort-btn:hover[b-urpagloae6] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-lb-sort-btn--active[b-urpagloae6] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

.v2-lb-sort-btn--active:hover[b-urpagloae6] {
    background: var(--v2-accent-hover);
    border-color: var(--v2-accent-hover);
    color: white;
}

.v2-lb-sort-count[b-urpagloae6] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    white-space: nowrap;
}

/* ===== DEVELOPER LIST ===== */
.v2-lb-list[b-urpagloae6] {
    display: flex;
    flex-direction: column;
}

.v2-lb-item[b-urpagloae6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    gap: 1rem;
    transition: background 0.15s;
}

.v2-lb-item:last-child[b-urpagloae6] {
    border-bottom: none;
}

.v2-lb-item:hover[b-urpagloae6] {
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
}

.v2-lb-item-left[b-urpagloae6] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
    flex: 1;
}

/* ===== RANK BADGE ===== */
.v2-lb-rank[b-urpagloae6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--v2-font-mono);
    font-weight: 700;
    font-size: 0.72rem;
    flex-shrink: 0;
}

.v2-lb-rank--gold[b-urpagloae6] {
    background: rgba(252, 211, 77, 0.12);
    border-color: rgba(252, 211, 77, 0.35);
    color: var(--v2-warning);
}

.v2-lb-rank--silver[b-urpagloae6] {
    background: rgba(200, 210, 225, 0.1);
    border-color: rgba(200, 210, 225, 0.3);
    color: var(--v2-text-bright);
}

.v2-lb-rank--bronze[b-urpagloae6] {
    background: rgba(205, 133, 63, 0.12);
    border-color: rgba(205, 133, 63, 0.35);
    color: #cd853f;
}

/* ===== DEVELOPER INFO ===== */
.v2-lb-dev-info[b-urpagloae6] {
    min-width: 0;
}

.v2-lb-dev-name[b-urpagloae6] {
    font-family: var(--v2-font-body);
    font-weight: 600;
    color: var(--v2-text-bright);
    font-size: 0.92rem;
    display: block;
    margin-bottom: 0.15rem;
}

.v2-lb-dev-meta[b-urpagloae6] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.v2-lb-dev-meta-label[b-urpagloae6] {
    color: var(--v2-text-ghost);
}

.v2-lb-dev-meta-sep[b-urpagloae6] {
    color: var(--v2-text-ghost);
    opacity: 0.5;
}

.v2-lb-dev-meta-link[b-urpagloae6] {
    color: var(--v2-accent-light);
    text-decoration: none;
    transition: color 0.15s;
}

.v2-lb-dev-meta-link:hover[b-urpagloae6] {
    color: var(--v2-accent);
}

/* ===== BADGES ===== */
.v2-lb-badges[b-urpagloae6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    flex-shrink: 0;
}

.v2-lb-badge[b-urpagloae6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
}

.v2-lb-badge--success[b-urpagloae6] {
    background: rgba(74, 222, 128, 0.12);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.v2-lb-badge--error[b-urpagloae6] {
    background: rgba(248, 113, 113, 0.12);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.3);
}

.v2-lb-badge--warning[b-urpagloae6] {
    background: rgba(252, 211, 77, 0.12);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.3);
}

.v2-lb-badge--accent[b-urpagloae6] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.3);
}

.v2-lb-badge--info[b-urpagloae6] {
    background: rgba(112, 128, 255, 0.1);
    color: var(--v2-accent-light);
    border: 1px solid rgba(112, 128, 255, 0.3);
}

/* ===== AUTHORS NOTICE ===== */
.v2-lb-authors-notice[b-urpagloae6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.625rem 0.875rem;
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
}

.v2-lb-config-link[b-urpagloae6] {
    color: var(--v2-accent-light);
    text-decoration: none;
    margin-left: 0.5rem;
    transition: color 0.15s;
}

.v2-lb-config-link:hover[b-urpagloae6] {
    color: var(--v2-accent);
}

.v2-lb-config-link i[b-urpagloae6] {
    margin-right: 0.25rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .v2-lb-header[b-urpagloae6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .v2-lb-sort-bar[b-urpagloae6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-lb-item[b-urpagloae6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-lb-badges[b-urpagloae6] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/DeveloperActivity/OptimizedMonthlyTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.mt-loading[b-q9dhfnevc9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.mt-loading-indicator[b-q9dhfnevc9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: mt-spin-b-q9dhfnevc9 0.8s linear infinite;
}

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

.mt-loading-text[b-q9dhfnevc9] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== ERROR ===== */
.mt-error[b-q9dhfnevc9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.25);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    color: var(--v2-error);
    font-family: var(--v2-font-body);
}

.mt-error-icon[b-q9dhfnevc9] {
    font-size: 1.1rem;
}

/* ===== MONTH NAVIGATION ===== */
.mt-month-nav[b-q9dhfnevc9] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.mt-month-nav[b-q9dhfnevc9]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% -10%, rgba(240, 104, 72, 0.22) 0%, transparent 65%);
    pointer-events: none;
}

.mt-month-nav-blob[b-q9dhfnevc9] {
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
}

.mt-month-nav-blob:nth-child(1)[b-q9dhfnevc9] {
    width: 120px;
    height: 80px;
    top: -20px;
    right: 10%;
    opacity: 0.05;
}

.mt-month-nav-blob:nth-child(2)[b-q9dhfnevc9] {
    width: 80px;
    height: 60px;
    bottom: -15px;
    left: 15%;
    opacity: 0.04;
}

.mt-month-nav-blob:nth-child(3)[b-q9dhfnevc9] {
    width: 100px;
    height: 50px;
    top: -30px;
    left: 40%;
    opacity: 0.04;
}

.mt-month-nav-inner[b-q9dhfnevc9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 2rem;
}

.mt-nav-btn[b-q9dhfnevc9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border-hover);
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.25s;
    flex-shrink: 0;
}

.mt-nav-btn:hover:not(:disabled)[b-q9dhfnevc9] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

.mt-nav-btn:disabled[b-q9dhfnevc9] {
    opacity: 0.35;
    cursor: not-allowed;
}

.mt-month-label[b-q9dhfnevc9] {
    text-align: center;
    flex: 1;
}

.mt-month-title[b-q9dhfnevc9] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2.5vw, 1.5rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0;
    line-height: 1.3;
}

.mt-current-btn[b-q9dhfnevc9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--v2-border-hover);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-accent-light);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: all 0.25s;
}

.mt-current-btn:hover[b-q9dhfnevc9] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

/* ===== STAT CARDS ===== */
.mt-stat-card[b-q9dhfnevc9] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
    height: 100%;
}

.mt-stat-card:hover[b-q9dhfnevc9] {
    transform: translateY(-4px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
}

.mt-stat-icon-wrap[b-q9dhfnevc9] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.mt-stat-icon-wrap--added[b-q9dhfnevc9]   { background: rgba(74, 222, 128, 0.1);  color: var(--v2-success); }
.mt-stat-icon-wrap--removed[b-q9dhfnevc9] { background: rgba(248, 113, 113, 0.1); color: var(--v2-error); }
.mt-stat-icon-wrap--info[b-q9dhfnevc9]    { background: rgba(112, 128, 255, 0.1); color: var(--v2-accent-light); }
.mt-stat-icon-wrap--warning[b-q9dhfnevc9] { background: rgba(252, 211, 77, 0.1);  color: var(--v2-warning); }

.mt-stat-body[b-q9dhfnevc9] {
    flex: 1;
    min-width: 0;
}

.mt-stat-value[b-q9dhfnevc9] {
    font-family: var(--v2-font-display);
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-stat-label[b-q9dhfnevc9] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    margin-top: 0.3rem;
}

/* ===== SECTION CARDS ===== */
.mt-section-card[b-q9dhfnevc9] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
}

.mt-section-body[b-q9dhfnevc9] {
    padding: 1.5rem;
}

.mt-section-head[b-q9dhfnevc9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
}

.mt-section-icon-pill[b-q9dhfnevc9] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.mt-section-title[b-q9dhfnevc9] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
}

/* ===== WEEKLY CHART ===== */
.mt-week-chart[b-q9dhfnevc9] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    padding: 1rem 0 0;
    min-height: 180px;
}

.mt-week-col[b-q9dhfnevc9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.mt-week-bar-track[b-q9dhfnevc9] {
    width: 100%;
    height: 120px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: var(--v2-radius-sm);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.mt-week-bar-fill[b-q9dhfnevc9] {
    width: 100%;
    background: linear-gradient(180deg, var(--v2-accent) 0%, var(--v2-accent-hover) 100%);
    border-radius: var(--v2-radius-sm);
    min-height: 4px;
    transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.mt-week-label[b-q9dhfnevc9] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.mt-week-count[b-q9dhfnevc9] {
    font-family: var(--v2-font-display);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--v2-text-bright);
}

/* ===== DEVELOPER LIST ===== */
.mt-dev-list[b-q9dhfnevc9] {
    display: flex;
    flex-direction: column;
}

.mt-dev-item[b-q9dhfnevc9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--v2-border);
    gap: 1rem;
}

.mt-dev-item:last-child[b-q9dhfnevc9] {
    border-bottom: none;
}

.mt-dev-info[b-q9dhfnevc9] {
    min-width: 0;
}

.mt-dev-name[b-q9dhfnevc9] {
    font-family: var(--v2-font-body);
    font-weight: 500;
    color: var(--v2-accent-light);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.2s;
    text-decoration: none;
}

.mt-dev-name:hover[b-q9dhfnevc9] {
    color: var(--v2-accent);
}

.mt-dev-type[b-q9dhfnevc9] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-ghost);
    font-weight: 400;
}

.mt-ext-icon[b-q9dhfnevc9] {
    font-size: 0.62rem;
    color: var(--v2-text-ghost);
    opacity: 0.6;
}

.mt-dev-email[b-q9dhfnevc9] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    margin-top: 0.15rem;
}

.mt-dev-chips[b-q9dhfnevc9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* ===== CHIPS ===== */
.mt-chip[b-q9dhfnevc9] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    white-space: nowrap;
    text-decoration: none;
}

.mt-chip--commit[b-q9dhfnevc9] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

a.mt-chip--commit[b-q9dhfnevc9] {
    cursor: pointer;
}

a.mt-chip--commit:hover[b-q9dhfnevc9] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
    text-decoration: none;
}

.mt-chip--added[b-q9dhfnevc9] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.mt-chip--removed[b-q9dhfnevc9] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.2);
}

.mt-chip--days[b-q9dhfnevc9] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--v2-text-dim);
    border: 1px solid var(--v2-border);
}

.mt-chip--impact[b-q9dhfnevc9] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.2);
}

.mt-chip--quality[b-q9dhfnevc9] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.mt-chip--originality[b-q9dhfnevc9] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--v2-text-dim);
    border: 1px solid var(--v2-border);
}

/* ===== MORE AUTHORS ===== */
.mt-more-authors[b-q9dhfnevc9] {
    margin-top: 0.75rem;
    padding: 0.6rem 0.9rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mt-configure-link[b-q9dhfnevc9] {
    color: var(--v2-accent-light);
    text-decoration: none;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.mt-configure-link:hover[b-q9dhfnevc9] {
    color: var(--v2-accent);
}

/* ===== EMPTY STATE ===== */
.mt-empty-state[b-q9dhfnevc9] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--v2-text-dim);
}

.mt-empty-icon[b-q9dhfnevc9] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.mt-empty-title[b-q9dhfnevc9] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 0.4rem;
}

.mt-empty-text[b-q9dhfnevc9] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    margin: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .mt-week-chart[b-q9dhfnevc9] {
        min-height: 140px;
    }

    .mt-week-bar-track[b-q9dhfnevc9] {
        height: 90px;
    }
}

@media (max-width: 768px) {
    .mt-month-nav-inner[b-q9dhfnevc9] {
        padding: 1rem 1.25rem;
    }

    .mt-stat-card[b-q9dhfnevc9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .mt-dev-item[b-q9dhfnevc9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .mt-dev-chips[b-q9dhfnevc9] {
        justify-content: flex-start;
    }

    .mt-week-chart[b-q9dhfnevc9] {
        min-height: 100px;
        gap: 0.5rem;
    }

    .mt-week-bar-track[b-q9dhfnevc9] {
        height: 70px;
    }
}
/* /Components/Pages/DeveloperActivity/OptimizedOverviewTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.ov-loading[b-wt7yaxgxal] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.ov-loading-indicator[b-wt7yaxgxal] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: ov-spin-b-wt7yaxgxal 0.8s linear infinite;
}

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

.ov-loading-text[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== ERROR ===== */
.ov-error[b-wt7yaxgxal] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(248, 113, 113, 0.08);
    border: 1px solid rgba(248, 113, 113, 0.25);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    color: var(--v2-error);
    font-family: var(--v2-font-body);
}

.ov-error-icon[b-wt7yaxgxal] { font-size: 1.1rem; }

.ov-retry-btn[b-wt7yaxgxal] {
    margin-left: auto;
    background: transparent;
    border: 1px solid rgba(248, 113, 113, 0.4);
    color: var(--v2-error);
    border-radius: var(--v2-radius-sm);
    padding: 0.3rem 0.75rem;
    font-size: 0.82rem;
    font-family: var(--v2-font-mono);
    cursor: pointer;
    transition: all 0.25s;
}

.ov-retry-btn:hover[b-wt7yaxgxal] {
    background: rgba(248, 113, 113, 0.12);
    border-color: var(--v2-error);
}

/* ===== HEADER ===== */
.ov-header[b-wt7yaxgxal] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.ov-header-left[b-wt7yaxgxal] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.ov-icon-pill[b-wt7yaxgxal] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.ov-title[b-wt7yaxgxal] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

.ov-subtitle[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

.ov-nav[b-wt7yaxgxal] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ===== WEEKLY CONTEXT CARD ===== */
.ov-weekly-card[b-wt7yaxgxal] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    position: relative;
    overflow: hidden;
}

.ov-weekly-card[b-wt7yaxgxal]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% -10%, rgba(240, 104, 72, 0.22) 0%, transparent 65%);
    pointer-events: none;
}

.ov-weekly-body[b-wt7yaxgxal] {
    position: relative;
    z-index: 1;
    padding: 1.75rem 2rem;
}

.ov-weekly-title[b-wt7yaxgxal] {
    font-family: var(--v2-font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    text-align: center;
    margin-bottom: 1.75rem;
    letter-spacing: -0.01em;
}

.ov-weekly-range[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    font-weight: 400;
    margin-left: 0.5rem;
}

.ov-weekly-stats[b-wt7yaxgxal] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.ov-weekly-stat[b-wt7yaxgxal] { text-align: center; }

.ov-weekly-icon[b-wt7yaxgxal] {
    font-size: 1.4rem;
    color: var(--v2-accent-light);
    margin-bottom: 0.5rem;
    display: block;
}

.ov-weekly-icon--added[b-wt7yaxgxal] { color: var(--v2-success); }

.ov-weekly-num[b-wt7yaxgxal] {
    font-family: var(--v2-font-display);
    font-size: 2rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1.1;
    margin-bottom: 0.3rem;
}

.ov-weekly-label[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    margin-bottom: 0.3rem;
}

.ov-weekly-sub[b-wt7yaxgxal] {
    font-size: 0.78rem;
    color: var(--v2-text-ghost);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
}

.ov-weekly-help[b-wt7yaxgxal] {
    color: var(--v2-text-ghost);
    cursor: help;
    font-size: 0.75rem;
}

/* ===== BLOBS ===== */
.ov-blob[b-wt7yaxgxal] {
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
}

.ov-blob--1[b-wt7yaxgxal] { width: 120px; height: 80px; top: -20px; right: 10%; opacity: 0.05; }
.ov-blob--2[b-wt7yaxgxal] { width: 80px; height: 60px; bottom: -15px; left: 15%; opacity: 0.04; }
.ov-blob--3[b-wt7yaxgxal] { width: 100px; height: 50px; top: -30px; left: 40%; opacity: 0.04; }

.ov-blob--h1[b-wt7yaxgxal] { width: 80px; height: 60px; top: -15px; right: -30px; opacity: 0.12; }
.ov-blob--h2[b-wt7yaxgxal] { width: 60px; height: 40px; bottom: -10px; left: 20px; opacity: 0.10; }
.ov-blob--h3[b-wt7yaxgxal] { width: 40px; height: 100px; top: 80%; right: -5px; opacity: 0.08; }

.ov-feat-blob--1[b-wt7yaxgxal] { width: 80px; height: 60px; top: -15px; right: 15px; opacity: 0.15; }
.ov-feat-blob--2[b-wt7yaxgxal] { width: 60px; height: 40px; bottom: -10px; left: 20px; opacity: 0.10; }

/* ===== STAT CARDS ===== */
.ov-stat-card[b-wt7yaxgxal] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.ov-stat-card:hover[b-wt7yaxgxal] {
    transform: translateY(-4px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
}

.ov-stat-icon-wrap[b-wt7yaxgxal] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.ov-stat-icon-wrap--added[b-wt7yaxgxal]   { background: rgba(74, 222, 128, 0.1);   color: var(--v2-success); }
.ov-stat-icon-wrap--removed[b-wt7yaxgxal] { background: rgba(248, 113, 113, 0.1);  color: var(--v2-error); }
.ov-stat-icon-wrap--info[b-wt7yaxgxal]    { background: rgba(112, 128, 255, 0.1);  color: var(--v2-accent-light); }
.ov-stat-icon-wrap--warning[b-wt7yaxgxal] { background: rgba(252, 211, 77, 0.1);   color: var(--v2-warning); }
.ov-stat-icon-wrap--feat[b-wt7yaxgxal]    { background: rgba(255, 255, 255, 0.15); color: white; }

.ov-stat-body[b-wt7yaxgxal] {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.ov-stat-value-row[b-wt7yaxgxal] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ov-stat-value[b-wt7yaxgxal] {
    font-family: var(--v2-font-display);
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ov-stat-value--light[b-wt7yaxgxal] { color: white; }

.ov-stat-label[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.ov-stat-label--light[b-wt7yaxgxal] { color: rgba(255, 255, 255, 0.6); }

.ov-link-icon[b-wt7yaxgxal] {
    color: var(--v2-text-ghost);
    font-size: 0.75rem;
    text-decoration: none;
    transition: color 0.2s;
}

.ov-link-icon:hover[b-wt7yaxgxal] { color: var(--v2-accent-light); }

.ov-help-icon[b-wt7yaxgxal] {
    color: var(--v2-text-ghost);
    cursor: help;
    font-size: 0.75rem;
}

.ov-help-icon--light[b-wt7yaxgxal] { color: rgba(255, 255, 255, 0.4); }

/* Featured stat card */
.ov-stat-card--featured[b-wt7yaxgxal] {
    background: linear-gradient(135deg, var(--v2-accent) 0%, var(--v2-accent-hover) 100%);
    border-color: rgba(240, 104, 72, 0.5);
}

.ov-stat-card--featured:hover[b-wt7yaxgxal] {
    border-color: rgba(240, 104, 72, 0.8);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.3);
}

/* ===== SECTION CARDS ===== */
.ov-section-card[b-wt7yaxgxal] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    height: 100%;
}

.ov-section-body[b-wt7yaxgxal] { padding: 1.5rem; }

.ov-section-head[b-wt7yaxgxal] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
}

.ov-section-icon-pill[b-wt7yaxgxal] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.ov-section-title[b-wt7yaxgxal] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.ov-section-range[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    font-weight: 400;
}

/* ===== DEVELOPER LIST ===== */
.ov-dev-item[b-wt7yaxgxal] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--v2-border);
    gap: 1rem;
}

.ov-dev-item:last-child[b-wt7yaxgxal] { border-bottom: none; }

.ov-dev-info[b-wt7yaxgxal] { min-width: 0; }

.ov-dev-name[b-wt7yaxgxal] {
    font-family: var(--v2-font-body);
    font-weight: 500;
    color: var(--v2-accent-light);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.2s;
    text-decoration: none;
}

.ov-dev-name:hover[b-wt7yaxgxal] { color: var(--v2-accent); }

.ov-dev-type[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-ghost);
    font-weight: 400;
}

.ov-ext-icon[b-wt7yaxgxal] {
    font-size: 0.62rem;
    color: var(--v2-text-ghost);
    opacity: 0.6;
}

.ov-timesheet-link[b-wt7yaxgxal] {
    color: var(--v2-text-ghost);
    text-decoration: none;
    transition: color 0.2s;
    font-size: 0.85rem;
}

.ov-timesheet-link:hover[b-wt7yaxgxal] { color: var(--v2-accent-light); }

.ov-dev-email[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    margin-top: 0.15rem;
}

.ov-dev-chips[b-wt7yaxgxal] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* ===== CHIPS ===== */
.ov-chip[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    white-space: nowrap;
    text-decoration: none;
}

.ov-chip--commit[b-wt7yaxgxal] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

a.ov-chip--commit[b-wt7yaxgxal] { cursor: pointer; }
a.ov-chip--commit:hover[b-wt7yaxgxal] { background: var(--v2-accent); color: white; border-color: var(--v2-accent); text-decoration: none; }

.ov-chip--added[b-wt7yaxgxal]   { background: rgba(74, 222, 128, 0.1);  color: var(--v2-success); border: 1px solid rgba(74, 222, 128, 0.2); }
.ov-chip--removed[b-wt7yaxgxal] { background: rgba(248, 113, 113, 0.1); color: var(--v2-error);   border: 1px solid rgba(248, 113, 113, 0.2); }
.ov-chip--files[b-wt7yaxgxal]   { background: rgba(255, 255, 255, 0.05); color: var(--v2-text-dim); border: 1px solid var(--v2-border); }
.ov-chip--impact[b-wt7yaxgxal]  { background: rgba(252, 211, 77, 0.1);  color: var(--v2-warning); border: 1px solid rgba(252, 211, 77, 0.2); }
.ov-chip--days[b-wt7yaxgxal]    { background: rgba(255, 255, 255, 0.05); color: var(--v2-text-dim); border: 1px solid var(--v2-border); }
.ov-chip--repo[b-wt7yaxgxal]    { background: rgba(255, 255, 255, 0.04); color: var(--v2-text-ghost); border: 1px solid var(--v2-border); max-width: 160px; overflow: hidden; text-overflow: ellipsis; }

.ov-more-authors[b-wt7yaxgxal] {
    margin-top: 0.75rem;
    padding: 0.6rem 0.9rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ov-configure-link[b-wt7yaxgxal] {
    color: var(--v2-accent-light);
    text-decoration: none;
    transition: color 0.2s;
}

.ov-configure-link:hover[b-wt7yaxgxal] { color: var(--v2-accent); }

/* ===== EMPTY STATE ===== */
.ov-empty-state[b-wt7yaxgxal] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: var(--v2-text-dim);
}

.ov-empty-state--dark[b-wt7yaxgxal] { color: rgba(255, 255, 255, 0.45); }
.ov-empty-icon[b-wt7yaxgxal] { font-size: 2rem; display: block; margin-bottom: 0.75rem; opacity: 0.5; }
.ov-empty-text[b-wt7yaxgxal] { font-family: var(--v2-font-body); font-size: 0.9rem; margin: 0; }

/* ===== HOURLY ACTIVITY CARD ===== */
.ov-hourly-card[b-wt7yaxgxal] {
    background: var(--v2-accent);
    border: none;
    border-radius: var(--v2-radius);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(240, 104, 72, 0.35);
    height: 100%;
}

.ov-hourly-body[b-wt7yaxgxal] {
    position: relative;
    z-index: 1;
    padding: 1.5rem;
}

.ov-hourly-head[b-wt7yaxgxal] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: white;
    margin-bottom: 1.25rem;
}

.ov-dev-nav[b-wt7yaxgxal] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.ov-dev-nav-info[b-wt7yaxgxal] {
    text-align: center;
    flex: 1;
    padding: 0 0.5rem;
}

.ov-dev-nav-name[b-wt7yaxgxal] {
    font-family: var(--v2-font-display);
    font-size: 0.9rem;
    font-weight: 600;
    color: white;
    margin-bottom: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ov-dev-nav-badge[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(255, 255, 255, 0.12);
    border-radius: var(--v2-radius-sm);
    padding: 0.15rem 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* ===== HOURLY GRID ===== */
.ov-hourly-grid[b-wt7yaxgxal] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0.5rem 0;
}

.ov-hourly-row[b-wt7yaxgxal] {
    display: flex;
    gap: 6px;
}

.ov-hour-block[b-wt7yaxgxal] {
    flex: 1;
    height: 56px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    min-width: 0;
}

.ov-hour-block:hover[b-wt7yaxgxal] {
    transform: scale(1.06);
    z-index: 10;
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.18);
}

.ov-hour-label[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1;
}

.ov-hour-count[b-wt7yaxgxal] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    opacity: 0.9;
    margin-top: 2px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .ov-weekly-stats[b-wt7yaxgxal] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .ov-header[b-wt7yaxgxal] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .ov-stat-card[b-wt7yaxgxal] { flex-direction: column; align-items: flex-start; }
    .ov-dev-item[b-wt7yaxgxal] { flex-direction: column; align-items: flex-start; }
    .ov-dev-chips[b-wt7yaxgxal] { justify-content: flex-start; }
    .ov-hour-block[b-wt7yaxgxal] { height: 46px; }
    .ov-hourly-row[b-wt7yaxgxal] { gap: 4px; }
    .ov-hourly-grid[b-wt7yaxgxal] { gap: 4px; }
    .ov-hour-label[b-wt7yaxgxal] { font-size: 0.6rem; }
    .ov-weekly-stats[b-wt7yaxgxal] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Pages/DeveloperActivity/OptimizedProjectsTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.v2-proj-loading[b-dzx54di5rq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 0.75rem;
}

.v2-proj-spinner[b-dzx54di5rq] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: v2-proj-spin-b-dzx54di5rq 0.8s linear infinite;
}

@keyframes v2-proj-spin-b-dzx54di5rq {
    to { transform: rotate(360deg); }
}

.v2-proj-loading-text[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0;
}

/* ===== EMPTY STATE ===== */
.v2-proj-empty[b-dzx54di5rq] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--v2-text-dim);
}

.v2-proj-empty-icon[b-dzx54di5rq] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.75rem;
    opacity: 0.4;
}

.v2-proj-empty-text[b-dzx54di5rq] {
    font-family: var(--v2-font-body);
    font-size: 1rem;
    margin: 0 0 0.35rem;
    color: var(--v2-text);
}

.v2-proj-empty-hint[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-ghost);
}

/* ===== HEADER ===== */
.v2-proj-header[b-dzx54di5rq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-proj-header-left[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.v2-proj-icon-pill[b-dzx54di5rq] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.v2-proj-title[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

.v2-proj-subtitle[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

/* ===== PERIOD NAVIGATION ===== */
.v2-proj-period-nav[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.v2-proj-period-btn[b-dzx54di5rq] {
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-family: var(--v2-font-mono);
    white-space: nowrap;
}

.v2-proj-period-btn--active[b-dzx54di5rq] {
    background: var(--v2-accent) !important;
    color: white !important;
    border-color: var(--v2-accent) !important;
}

/* ===== OVERVIEW STATS GRID ===== */
.v2-proj-stats-grid[b-dzx54di5rq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.v2-proj-stat-card[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    transition: border-color 0.25s, box-shadow 0.25s;
}

.v2-proj-stat-card:hover[b-dzx54di5rq] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 4px 16px rgba(240, 104, 72, 0.06);
}

.v2-proj-stat-card--accent[b-dzx54di5rq] {
    background: var(--v2-accent);
    border-color: var(--v2-accent);
}

.v2-proj-stat-card--accent .v2-proj-stat-icon[b-dzx54di5rq] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.v2-proj-stat-card--accent .v2-proj-stat-value[b-dzx54di5rq] {
    color: white;
}

.v2-proj-stat-card--accent .v2-proj-stat-label[b-dzx54di5rq] {
    color: rgba(255, 255, 255, 0.75);
}

.v2-proj-stat-icon[b-dzx54di5rq] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.v2-proj-stat-icon--warning[b-dzx54di5rq] {
    background: rgba(252, 211, 77, 0.12);
    color: var(--v2-warning);
}

.v2-proj-stat-info[b-dzx54di5rq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.v2-proj-stat-value[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.v2-proj-stat-label[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.02em;
}

/* ===== TAGS CARD ===== */
.v2-proj-tags-card[b-dzx54di5rq] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.v2-proj-tags-header[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--v2-font-body);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--v2-text-bright);
    margin-bottom: 0.75rem;
}

.v2-proj-tags-header i[b-dzx54di5rq] {
    color: var(--v2-accent-light);
}

.v2-proj-tags-list[b-dzx54di5rq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.v2-proj-tag[b-dzx54di5rq] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 3px 10px;
    border-radius: var(--v2-radius-sm);
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    color: var(--v2-text);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    transition: border-color 0.15s;
}

.v2-proj-tag:hover[b-dzx54di5rq] {
    border-color: var(--v2-border-hover);
}

.v2-proj-tag-count[b-dzx54di5rq] {
    color: var(--v2-text-ghost);
    font-size: 0.65rem;
}

/* ===== ALERT WARNING ===== */
.v2-proj-alert-warning[b-dzx54di5rq] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    background: rgba(252, 211, 77, 0.08);
    border: 1px solid rgba(252, 211, 77, 0.25);
    border-radius: var(--v2-radius);
    margin-bottom: 1.25rem;
    color: var(--v2-warning);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
}

.v2-proj-alert-warning i[b-dzx54di5rq] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.v2-proj-alert-warning strong[b-dzx54di5rq] {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--v2-warning);
}

.v2-proj-alert-warning span[b-dzx54di5rq] {
    color: var(--v2-text-dim);
}

/* ===== SORT / FILTER CARD ===== */
.v2-proj-sort-card[b-dzx54di5rq] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.v2-proj-sort-bar[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.v2-proj-search-wrap[b-dzx54di5rq] {
    position: relative;
    flex: 0 0 220px;
}

.v2-proj-search-icon[b-dzx54di5rq] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--v2-text-ghost);
    font-size: 0.78rem;
    pointer-events: none;
}

.v2-proj-search-input[b-dzx54di5rq] {
    width: 100%;
    padding: 0.45rem 0.75rem 0.45rem 2rem;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    outline: none;
    transition: border-color 0.25s, box-shadow 0.25s;
}

.v2-proj-search-input[b-dzx54di5rq]::placeholder {
    color: var(--v2-text-ghost);
}

.v2-proj-search-input:focus[b-dzx54di5rq] {
    border-color: var(--v2-accent);
    box-shadow: 0 0 0 3px var(--v2-accent-glow);
}

.v2-proj-sort-options[b-dzx54di5rq] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.v2-proj-sort-btn[b-dzx54di5rq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.875rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
}

.v2-proj-sort-btn:hover[b-dzx54di5rq] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-proj-sort-btn--active[b-dzx54di5rq] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

.v2-proj-sort-btn--active:hover[b-dzx54di5rq] {
    background: var(--v2-accent-hover);
    border-color: var(--v2-accent-hover);
    color: white;
}

.v2-proj-sort-count[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    white-space: nowrap;
    margin-left: auto;
}

.v2-proj-filter-bar[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    border-top: 1px solid var(--v2-border);
}

.v2-proj-filter-group[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.v2-proj-filter-label[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 0.25rem;
}

.v2-proj-filter-btn[b-dzx54di5rq] {
    padding: 0.3rem 0.65rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    cursor: pointer;
    transition: all 0.2s;
}

.v2-proj-filter-btn:hover[b-dzx54di5rq] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
}

.v2-proj-filter-btn--active[b-dzx54di5rq] {
    background: var(--v2-accent);
    color: white;
    border-color: var(--v2-accent);
}

.v2-proj-checkbox-label[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    cursor: pointer;
    margin-left: auto;
}

.v2-proj-checkbox-label input[type="checkbox"][b-dzx54di5rq] {
    accent-color: var(--v2-accent);
}

/* ===== SECTION TITLE ===== */
.v2-proj-section-title-row[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-proj-section-title[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--v2-text-bright);
    margin: 0;
}

.v2-proj-section-count[b-dzx54di5rq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    border-radius: var(--v2-radius-sm);
    background: var(--v2-accent);
    color: white;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
}

/* ===== PROJECT CARD GRID ===== */
.v2-proj-grid[b-dzx54di5rq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.v2-proj-card[b-dzx54di5rq] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.v2-proj-card:hover[b-dzx54di5rq] {
    transform: translateY(-4px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 12px 40px rgba(240, 104, 72, 0.08);
}

/* ===== PROJECT CARD HEADER ===== */
.v2-proj-card-header[b-dzx54di5rq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.875rem;
    margin-bottom: 0.875rem;
    border-bottom: 1px solid var(--v2-border);
    gap: 0.75rem;
}

.v2-proj-card-title-row[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.v2-proj-card-icon[b-dzx54di5rq] {
    color: var(--v2-accent);
    font-size: 0.9rem;
    flex-shrink: 0;
}

.v2-proj-card-name[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-text-bright);
    text-decoration: none;
    transition: color 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v2-proj-card-name:hover[b-dzx54di5rq] {
    color: var(--v2-accent-light);
}

.v2-proj-card-badges[b-dzx54di5rq] {
    display: flex;
    gap: 0.3rem;
    flex-shrink: 0;
}

.v2-proj-badge[b-dzx54di5rq] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 600;
    cursor: default;
}

.v2-proj-badge--success[b-dzx54di5rq] {
    background: rgba(74, 222, 128, 0.12);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.v2-proj-badge--accent[b-dzx54di5rq] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.3);
}

.v2-proj-badge--warning[b-dzx54di5rq] {
    background: rgba(252, 211, 77, 0.12);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.3);
}

.v2-proj-badge--error[b-dzx54di5rq] {
    background: rgba(248, 113, 113, 0.12);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.3);
}

.v2-proj-badge--info[b-dzx54di5rq] {
    background: rgba(112, 128, 255, 0.1);
    color: var(--v2-accent-light);
    border: 1px solid rgba(112, 128, 255, 0.3);
}

/* ===== MINI STATS GRID ===== */
.v2-proj-mini-grid[b-dzx54di5rq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.v2-proj-mini-stat[b-dzx54di5rq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.65rem 0.5rem;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    transition: border-color 0.15s;
}

.v2-proj-mini-stat:hover[b-dzx54di5rq] {
    border-color: var(--v2-border-hover);
}

.v2-proj-mini-value[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--v2-text-bright);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.v2-proj-mini-label[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.02em;
}

.v2-proj-mini-diff[b-dzx54di5rq] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.15rem;
    font-family: var(--v2-font-mono);
    font-size: 0.62rem;
}

.v2-proj-diff-add[b-dzx54di5rq] {
    color: var(--v2-success);
}

.v2-proj-diff-rm[b-dzx54di5rq] {
    color: var(--v2-error);
}

/* ===== CARD SECTIONS ===== */
.v2-proj-card-section[b-dzx54di5rq] {
    padding-top: 0.75rem;
    margin-top: 0.75rem;
    border-top: 1px solid var(--v2-border);
}

.v2-proj-card-section-label[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.6rem;
}

.v2-proj-card-section-label i[b-dzx54di5rq] {
    color: var(--v2-accent-light);
    font-size: 0.7rem;
}

/* ===== METRICS ROW ===== */
.v2-proj-metrics-row[b-dzx54di5rq] {
    display: flex;
    gap: 1rem;
}

.v2-proj-metric[b-dzx54di5rq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
}

.v2-proj-metric-value[b-dzx54di5rq] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--v2-text-bright);
    line-height: 1.3;
}

.v2-proj-metric-value--accent[b-dzx54di5rq] {
    color: var(--v2-accent-light);
}

.v2-proj-metric-value--success[b-dzx54di5rq] {
    color: var(--v2-success);
}

.v2-proj-metric-value--warning[b-dzx54di5rq] {
    color: var(--v2-warning);
}

.v2-proj-metric-value--error[b-dzx54di5rq] {
    color: var(--v2-error);
}

.v2-proj-metric-label[b-dzx54di5rq] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-dim);
}

/* ===== CARD FOOTER ===== */
.v2-proj-card-footer[b-dzx54di5rq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding-top: 0.75rem;
    margin-top: 0.75rem;
    border-top: 1px solid var(--v2-border);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
}

.v2-proj-card-footer i[b-dzx54di5rq] {
    font-size: 0.68rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .v2-proj-stats-grid[b-dzx54di5rq] {
        grid-template-columns: repeat(2, 1fr);
    }

    .v2-proj-grid[b-dzx54di5rq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .v2-proj-header[b-dzx54di5rq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .v2-proj-sort-bar[b-dzx54di5rq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-proj-search-wrap[b-dzx54di5rq] {
        flex: 1 1 100%;
        width: 100%;
    }

    .v2-proj-filter-bar[b-dzx54di5rq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-proj-stats-grid[b-dzx54di5rq] {
        grid-template-columns: 1fr 1fr;
    }

    .v2-proj-mini-grid[b-dzx54di5rq] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/DeveloperActivity/OptimizedTrendsTab.razor.rz.scp.css */
/* ===== LOADING ===== */
.v2-trends-loading[b-eyr6co7yhg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 0.75rem;
}

.v2-trends-spinner[b-eyr6co7yhg] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: v2-trends-spin-b-eyr6co7yhg 0.8s linear infinite;
}

.v2-trends-spinner--sm[b-eyr6co7yhg] {
    width: 24px;
    height: 24px;
    border-width: 2px;
}

@keyframes v2-trends-spin-b-eyr6co7yhg {
    to { transform: rotate(360deg); }
}

.v2-trends-loading-text[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0;
}

.v2-trends-loading-sub[b-eyr6co7yhg] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ===== ALERTS ===== */
.v2-trends-alert-warning[b-eyr6co7yhg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(252, 211, 77, 0.08);
    border: 1px solid rgba(252, 211, 77, 0.25);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    color: var(--v2-warning);
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

.v2-trends-alert-detail[b-eyr6co7yhg] {
    color: var(--v2-text-dim);
    font-size: 0.82rem;
}

.v2-trends-info-banner[b-eyr6co7yhg] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.25);
    border-left: 3px solid var(--v2-accent);
    border-radius: var(--v2-radius-sm);
    padding: 0.875rem 1.25rem;
    color: var(--v2-accent-light);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    margin-bottom: 1.5rem;
}

/* ===== CARDS ===== */
.v2-trends-card[b-eyr6co7yhg] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
}

.v2-trends-section[b-eyr6co7yhg] {
    margin-top: 1.5rem;
}

.v2-trends-card-header[b-eyr6co7yhg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-trends-card-header-left[b-eyr6co7yhg] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.v2-trends-card-icon[b-eyr6co7yhg] {
    color: var(--v2-accent);
    font-size: 0.9rem;
    flex-shrink: 0;
}

.v2-trends-card-icon--light[b-eyr6co7yhg] {
    color: var(--v2-text-bright);
}

.v2-trends-card-title[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.v2-trends-card-title--light[b-eyr6co7yhg] {
    color: var(--v2-text-bright);
}

.v2-trends-date-range[b-eyr6co7yhg] {
    color: var(--v2-text-dim);
    font-weight: 400;
}

.v2-trends-card-body[b-eyr6co7yhg] {
    padding: 1.25rem;
}

.v2-trends-card-loading[b-eyr6co7yhg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
}

/* ===== NAVIGATION BUTTONS ===== */
.v2-trends-nav[b-eyr6co7yhg] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

.v2-trends-nav-btn[b-eyr6co7yhg] {
    padding: 0.35rem 0.6rem;
    font-size: 0.78rem;
}

/* ===== GRID LAYOUTS ===== */
.v2-trends-grid-2[b-eyr6co7yhg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

@media (max-width: 768px) {
    .v2-trends-grid-2[b-eyr6co7yhg] {
        grid-template-columns: 1fr;
    }
}

/* ===== STATS LAYOUT (Weekly/Monthly cards) ===== */
.v2-trends-stats-layout[b-eyr6co7yhg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.v2-trends-stats-col[b-eyr6co7yhg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.v2-trends-stat-row[b-eyr6co7yhg] {
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
    border-left: 3px solid var(--v2-accent);
    border-bottom: 1px solid var(--v2-border);
    border-right: 1px solid var(--v2-border);
    border-top: 1px solid var(--v2-border);
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    transition: border-color 0.2s;
}

.v2-trends-stat-row:hover[b-eyr6co7yhg] {
    border-color: var(--v2-border-hover);
    border-left-color: var(--v2-accent);
}

.v2-trends-stat-value[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: var(--v2-text-bright);
    line-height: 1.1;
}

.v2-trends-stat-value--success[b-eyr6co7yhg] { color: var(--v2-success); }
.v2-trends-stat-value--error[b-eyr6co7yhg]   { color: var(--v2-error); }

.v2-trends-stat-label[b-eyr6co7yhg] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
}

/* ===== HIGHLIGHT CARDS (active devs + breakdown btn) ===== */
.v2-trends-highlight-col[b-eyr6co7yhg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.v2-trends-highlight-card[b-eyr6co7yhg] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    text-align: center;
    flex: 1;
}

.v2-trends-big-stat[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 700;
    letter-spacing: -0.04em;
    color: var(--v2-text-bright);
    line-height: 1;
}

.v2-trends-big-label[b-eyr6co7yhg] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--v2-text-dim);
    margin-top: 0.25rem;
}

.v2-trends-breakdown-btn[b-eyr6co7yhg] {
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.3);
    border-radius: var(--v2-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--v2-accent-light);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.v2-trends-breakdown-btn:hover[b-eyr6co7yhg] {
    background: rgba(240, 104, 72, 0.12);
    border-color: rgba(240, 104, 72, 0.45);
}

.v2-trends-breakdown-btn i[b-eyr6co7yhg] {
    font-size: 1.1rem;
}

/* ===== DEVELOPER BREAKDOWN ===== */
.v2-trends-dev-item[b-eyr6co7yhg] {
    border-bottom: 1px solid var(--v2-border);
    padding: 1rem 0;
    transition: background 0.15s;
}

.v2-trends-dev-item:last-child[b-eyr6co7yhg] { border-bottom: none; }

.v2-trends-dev-item:hover[b-eyr6co7yhg] {
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.v2-trends-dev-header[b-eyr6co7yhg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.v2-trends-dev-name[b-eyr6co7yhg] {
    color: var(--v2-text-bright);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 600;
    transition: color 0.15s;
}

.v2-trends-dev-name:hover[b-eyr6co7yhg] { color: var(--v2-accent-light); }

.v2-trends-dev-link-icon[b-eyr6co7yhg] {
    color: var(--v2-text-ghost);
    font-size: 0.7rem;
}

.v2-trends-dev-email[b-eyr6co7yhg] {
    color: var(--v2-text-dim);
    font-size: 0.8rem;
}

.v2-trends-dev-details[b-eyr6co7yhg] {
    display: flex;
    gap: 2rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.v2-trends-dev-detail[b-eyr6co7yhg] {
    font-size: 0.85rem;
    color: var(--v2-text);
}

.v2-trends-dev-detail-label[b-eyr6co7yhg] {
    color: var(--v2-text-dim);
    margin-right: 0.35rem;
}

.v2-trends-authors-notice[b-eyr6co7yhg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.625rem 0.875rem;
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    font-size: 0.82rem;
}

.v2-trends-config-link[b-eyr6co7yhg] {
    color: var(--v2-accent-light);
    text-decoration: none;
    margin-left: 0.5rem;
    transition: color 0.15s;
}

.v2-trends-config-link:hover[b-eyr6co7yhg] { color: var(--v2-accent); }
.v2-trends-config-link i[b-eyr6co7yhg] { margin-right: 0.25rem; }

/* ===== BADGES ===== */
.v2-trends-badges[b-eyr6co7yhg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.v2-trends-badge[b-eyr6co7yhg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
    text-decoration: none;
    cursor: default;
}

a.v2-trends-badge[b-eyr6co7yhg] { cursor: pointer; }
a.v2-trends-badge:hover[b-eyr6co7yhg] { opacity: 0.8; }

.v2-trends-badge--accent[b-eyr6co7yhg]  { background: var(--v2-accent-bg); color: var(--v2-accent-light); border: 1px solid rgba(240, 104, 72, 0.3); }
.v2-trends-badge--success[b-eyr6co7yhg] { background: rgba(74, 222, 128, 0.12); color: var(--v2-success); border: 1px solid rgba(74, 222, 128, 0.3); }
.v2-trends-badge--error[b-eyr6co7yhg]   { background: rgba(248, 113, 113, 0.12); color: var(--v2-error); border: 1px solid rgba(248, 113, 113, 0.3); }
.v2-trends-badge--info[b-eyr6co7yhg]    { background: var(--v2-accent-bg); color: var(--v2-accent-light); border: 1px solid rgba(240, 104, 72, 0.3); }
.v2-trends-badge--warning[b-eyr6co7yhg] { background: rgba(252, 211, 77, 0.12); color: var(--v2-warning); border: 1px solid rgba(252, 211, 77, 0.3); }

/* ===== INLINE STATS (Trends Summary section) ===== */
.v2-trends-col-title[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 1rem 0;
}

.v2-trends-inline-stats[b-eyr6co7yhg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.v2-trends-inline-stat[b-eyr6co7yhg] {
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
    border-left: 3px solid var(--v2-accent);
    border-bottom: 1px solid var(--v2-border);
    border-right: 1px solid var(--v2-border);
    border-top: 1px solid var(--v2-border);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.2s;
}

.v2-trends-inline-stat:hover[b-eyr6co7yhg] {
    border-color: var(--v2-border-hover);
    border-left-color: var(--v2-accent);
}

.v2-trends-inline-icon[b-eyr6co7yhg] {
    color: var(--v2-accent);
    font-size: 1.15rem;
    opacity: 0.7;
}

/* ===== REPOSITORY CONTRIBUTIONS ===== */
.v2-trends-repo-section[b-eyr6co7yhg] {
    display: flex;
    flex-direction: column;
}

.v2-trends-repo-header[b-eyr6co7yhg] {
    background: var(--v2-accent-bg);
    border-bottom: 1px solid rgba(240, 104, 72, 0.25);
    padding: 0.75rem 1rem;
    border-radius: var(--v2-radius-sm) var(--v2-radius-sm) 0 0;
    text-align: center;
}

.v2-trends-repo-section-title[b-eyr6co7yhg] {
    color: var(--v2-accent-light);
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.9rem;
}

.v2-trends-repo-row[b-eyr6co7yhg] {
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
    border-left: 3px solid var(--v2-accent);
    border-bottom: 1px solid var(--v2-border);
    border-right: 1px solid var(--v2-border);
    border-top: 1px solid var(--v2-border);
    margin-top: 0.75rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    transition: border-color 0.2s;
}

.v2-trends-repo-row:hover[b-eyr6co7yhg] {
    border-color: var(--v2-border-hover);
    border-left-color: var(--v2-accent);
}

.v2-trends-repo-content[b-eyr6co7yhg] {
    flex: 1;
    min-width: 0;
}

.v2-trends-repo-info[b-eyr6co7yhg] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
    line-height: 1;
}

.v2-trends-repo-icon[b-eyr6co7yhg] {
    color: var(--v2-accent);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.v2-trends-repo-name[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    margin-bottom: 0.15rem;
}

.v2-trends-repo-project[b-eyr6co7yhg] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

.v2-trends-repo-pct-col[b-eyr6co7yhg] {
    text-align: center;
    flex-shrink: 0;
}

.v2-trends-repo-pct[b-eyr6co7yhg] {
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.3);
    color: var(--v2-accent-light);
    padding: 0.375rem 0.625rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 0.375rem;
}

.v2-trends-repo-bar-track[b-eyr6co7yhg] {
    width: 60px;
    height: 4px;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: 99px;
    overflow: hidden;
}

.v2-trends-repo-bar-fill[b-eyr6co7yhg] {
    height: 100%;
    background: var(--v2-accent);
    border-radius: 99px;
}

/* ===== ACTIVITY TIMELINE ===== */
.v2-trends-timeline-card[b-eyr6co7yhg] {
    background: var(--v2-surface);
    border: 1px solid rgba(240, 104, 72, 0.25);
    border-radius: var(--v2-radius);
    overflow: hidden;
    position: relative;
}

.v2-trends-timeline-blob[b-eyr6co7yhg] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(240, 104, 72, 0.15);
    filter: blur(50px);
}

.v2-trends-timeline-blob--1[b-eyr6co7yhg] {
    width: 180px;
    height: 60px;
    top: -15px;
    right: 30px;
}

.v2-trends-timeline-blob--2[b-eyr6co7yhg] {
    width: 120px;
    height: 80px;
    bottom: 10px;
    left: 20px;
}

/* ===== CHART PANELS ===== */
.v2-trends-chart-panel[b-eyr6co7yhg] {
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 1rem;
    margin-bottom: 1rem;
}

.v2-trends-chart-panel:last-child[b-eyr6co7yhg] { margin-bottom: 0; }

.v2-trends-chart-title[b-eyr6co7yhg] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.v2-trends-chart-pill[b-eyr6co7yhg] {
    display: inline-block;
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.3);
    color: var(--v2-accent-light);
    padding: 0.3rem 0.875rem;
    border-radius: 99px;
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
}

.v2-trends-chart-container[b-eyr6co7yhg] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 150px;
    padding: 0.5rem 0;
}

.v2-trends-chart-bar[b-eyr6co7yhg] {
    background: var(--v2-accent);
    border-radius: var(--v2-radius-sm) var(--v2-radius-sm) 0 0;
    flex: 1;
    min-height: 5px;
    position: relative;
    transition: opacity 0.2s;
}

.v2-trends-chart-bar:hover[b-eyr6co7yhg] { opacity: 0.85; }

.v2-trends-chart-bar--secondary[b-eyr6co7yhg] {
    background: var(--v2-accent-light);
    opacity: 0.6;
}

.v2-trends-chart-bar--secondary:hover[b-eyr6co7yhg] { opacity: 0.8; }

.v2-trends-chart-bar-value[b-eyr6co7yhg] {
    font-family: var(--v2-font-mono);
    font-size: 0.6rem;
    color: var(--v2-text-dim);
    text-align: center;
    display: block;
    padding: 0.15rem 0;
    position: absolute;
    top: -1.1rem;
    left: 0;
    right: 0;
}

/* ===== TOP CONTRIBUTORS ===== */
.v2-trends-contributors-grid[b-eyr6co7yhg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 1rem;
}

.v2-trends-contributor-card[b-eyr6co7yhg] {
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    border-left: 3px solid var(--v2-accent);
    border-radius: var(--v2-radius);
    padding: 1.25rem;
    transition: border-color 0.25s, transform 0.25s;
}

.v2-trends-contributor-card:hover[b-eyr6co7yhg] {
    border-color: var(--v2-border-hover);
    border-left-color: var(--v2-accent);
    transform: translateY(-3px);
}

.v2-trends-contributor-info[b-eyr6co7yhg] {
    margin-bottom: 0.875rem;
    line-height: 1.2;
}

.v2-trends-contributor-name[b-eyr6co7yhg] {
    font-family: var(--v2-font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    display: block;
    margin-bottom: 0.2rem;
}

.v2-trends-contributor-email[b-eyr6co7yhg] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

/* ===== EMPTY STATE ===== */
.v2-trends-empty[b-eyr6co7yhg] {
    color: var(--v2-text-dim);
    text-align: center;
    padding: 1.5rem 0;
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    margin: 0;
}
/* /Components/Pages/Docs/Public/GettingStartedPublicPage.razor.rz.scp.css */
/* ── Getting Started Hero ── */
.v2-gs-hero[b-vlmc35rxyy] {
    padding-top: 8rem;
}

.v2-gs-hero-inner[b-vlmc35rxyy] {
    text-align: center;
}

.v2-gs-hero-title[b-vlmc35rxyy] {
    margin: 1.5rem auto 1.25rem;
    max-width: 720px;
}

.v2-gs-hero-sub[b-vlmc35rxyy] {
    max-width: 600px;
    margin: 0 auto 2rem;
}

/* ── Getting Started Steps ── */
.v2-gs-steps[b-vlmc35rxyy] {
    padding-top: 2rem;
}

/* ── SDK Quick Links ── */
.v2-gs-sdk-links[b-vlmc35rxyy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}
.v2-gs-sdk-link[b-vlmc35rxyy] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.825rem;
    font-family: var(--v2-font-body);
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.v2-gs-sdk-link:hover[b-vlmc35rxyy] {
    color: var(--v2-text-bright);
    border-color: var(--v2-accent);
    background: var(--v2-accent-bg);
    text-decoration: none;
}
.v2-gs-sdk-link i[b-vlmc35rxyy] {
    font-size: 0.8rem;
}
/* /Components/Pages/ErrorLogsViewer/ErrorLogsViewer.razor.rz.scp.css */
/* ── Meta card spacing & value colors ── */
.v2-el-meta[b-rwmnbihz0g] {
    margin-bottom: 1.25rem;
}

.v2-el-val--error[b-rwmnbihz0g] {
    color: var(--v2-error);
}

.v2-el-val--warning[b-rwmnbihz0g] {
    color: var(--v2-warning);
}

.v2-el-val--bright[b-rwmnbihz0g] {
    color: var(--v2-text-bright);
}

/* ── Filter row ── */
.v2-el-filter-row[b-rwmnbihz0g] {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

/* ── Level chip toggles ── */
.v2-el-level-chips[b-rwmnbihz0g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.v2-el-chip[b-rwmnbihz0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.6rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    transition: all 0.2s;
}

.v2-el-chip input[type="checkbox"][b-rwmnbihz0g] {
    display: none;
}

.v2-el-chip--active.v2-el-chip--warning[b-rwmnbihz0g] {
    background: rgba(252, 211, 77, 0.1);
    border-color: rgba(252, 211, 77, 0.3);
    color: var(--v2-warning);
}

.v2-el-chip--active.v2-el-chip--error[b-rwmnbihz0g] {
    background: rgba(248, 113, 113, 0.1);
    border-color: rgba(248, 113, 113, 0.25);
    color: var(--v2-error);
}

.v2-el-chip--active.v2-el-chip--fatal[b-rwmnbihz0g],
.v2-el-chip--active.v2-el-chip--critical[b-rwmnbihz0g] {
    background: rgba(248, 113, 113, 0.15);
    border-color: rgba(248, 113, 113, 0.4);
    color: var(--v2-error);
}

/* ── Section container ── */
.v2-el-section[b-rwmnbihz0g] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.v2-el-section-header[b-rwmnbihz0g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 1.15rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
    flex-wrap: wrap;
}

.v2-el-section-left[b-rwmnbihz0g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.v2-el-section-icon[b-rwmnbihz0g] {
    color: var(--v2-accent);
    font-size: 0.85rem;
}

.v2-el-section-title[b-rwmnbihz0g] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.v2-el-count[b-rwmnbihz0g] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
}

.v2-el-last-update[b-rwmnbihz0g] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    color: var(--v2-text-ghost);
}

/* ── Table ── */
.v2-el-table-wrap[b-rwmnbihz0g] {
    overflow-x: auto;
}

.v2-el-table[b-rwmnbihz0g] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
}

.v2-el-table thead tr[b-rwmnbihz0g] {
    border-bottom: 1px solid var(--v2-border);
}

.v2-el-table th[b-rwmnbihz0g] {
    padding: 0.65rem 1rem;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
    text-align: left;
    white-space: nowrap;
}

.v2-el-th-time[b-rwmnbihz0g] {
    width: 140px;
}

.v2-el-th-level[b-rwmnbihz0g] {
    width: 90px;
}

.v2-el-th-machine[b-rwmnbihz0g] {
    width: 120px;
}

.v2-el-th-actions[b-rwmnbihz0g] {
    width: 100px;
}

.v2-el-table td[b-rwmnbihz0g] {
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    vertical-align: middle;
}

.v2-el-table tbody tr:last-child td[b-rwmnbihz0g] {
    border-bottom: none;
}

.v2-el-table tbody tr:hover td[b-rwmnbihz0g] {
    background: var(--v2-surface-2);
}

/* ── Cell styles ── */
.v2-el-dim[b-rwmnbihz0g] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
}

.v2-el-message-cell[b-rwmnbihz0g] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.v2-el-bug-icon[b-rwmnbihz0g] {
    color: var(--v2-error);
    font-size: 0.8rem;
    flex-shrink: 0;
}

.v2-el-message[b-rwmnbihz0g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
    color: var(--v2-text);
    font-size: 0.85rem;
}

.v2-el-source[b-rwmnbihz0g] {
    display: block;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    color: var(--v2-text-ghost);
    margin-top: 0.15rem;
}

/* ── Badges ── */
.v2-el-badge[b-rwmnbihz0g] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.v2-el-badge--warning[b-rwmnbihz0g] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.25);
}

.v2-el-badge--error[b-rwmnbihz0g] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

.v2-el-badge--fatal[b-rwmnbihz0g],
.v2-el-badge--critical[b-rwmnbihz0g] {
    background: rgba(248, 113, 113, 0.18);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.4);
}

.v2-el-badge--default[b-rwmnbihz0g] {
    background: rgba(139, 147, 165, 0.1);
    color: var(--v2-text-dim);
    border: 1px solid rgba(139, 147, 165, 0.2);
}

/* ── Row actions ── */
.v2-el-row-actions[b-rwmnbihz0g] {
    display: flex;
    gap: 0.35rem;
}

.v2-el-action-btn[b-rwmnbihz0g] {
    padding: 0.3rem 0.5rem;
    font-size: 0.82rem;
}

.v2-el-action-btn--warn:hover[b-rwmnbihz0g] {
    color: var(--v2-warning);
    border-color: rgba(252, 211, 77, 0.3);
}

/* ── Empty state success icon color ── */
.v2-el-empty-success[b-rwmnbihz0g] {
    color: var(--v2-success);
}

/* ── Detail Modal ── */
.v2-el-detail-modal[b-rwmnbihz0g] {
    max-width: 700px;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-height: 85vh;
    overflow: hidden;
}

.v2-el-detail-body[b-rwmnbihz0g] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.v2-el-detail-header[b-rwmnbihz0g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-el-detail-header-left[b-rwmnbihz0g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.v2-el-detail-icon[b-rwmnbihz0g] {
    color: var(--v2-accent);
    font-size: 1rem;
}

.v2-el-detail-title[b-rwmnbihz0g] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-text-bright);
}

.v2-el-detail-meta[b-rwmnbihz0g] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}

.v2-el-detail-meta-item[b-rwmnbihz0g] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.v2-el-detail-label[b-rwmnbihz0g] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
}

.v2-el-detail-value[b-rwmnbihz0g] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text);
}

.v2-el-detail-block[b-rwmnbihz0g] {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.v2-el-detail-message[b-rwmnbihz0g] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text);
    line-height: 1.6;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.75rem 1rem;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
}

.v2-el-detail-footer[b-rwmnbihz0g] {
    display: flex;
    justify-content: flex-end;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid var(--v2-border);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .v2-el-filter-row[b-rwmnbihz0g] {
        grid-template-columns: 1fr 1fr;
    }

    .v2-el-detail-meta[b-rwmnbihz0g] {
        grid-template-columns: 1fr;
    }

    .v2-el-message[b-rwmnbihz0g] {
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    .v2-el-filter-row[b-rwmnbihz0g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/HangfireDemo.razor.rz.scp.css */
/* ── Card grid (top 4 cards) ── */
.v2-hd-grid[b-s52oy906la] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.v2-hd-card[b-s52oy906la] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    display: flex;
    flex-direction: column;
    transition: border-color 0.25s, box-shadow 0.25s;
}

.v2-hd-card:hover[b-s52oy906la] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(240, 104, 72, 0.06);
}

.v2-hd-card-header[b-s52oy906la] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 1.15rem 0;
}

.v2-hd-card-icon[b-s52oy906la] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.v2-hd-card-icon--accent[b-s52oy906la] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
}

.v2-hd-card-icon--warning[b-s52oy906la] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
}

.v2-hd-card-icon--success[b-s52oy906la] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
}

.v2-hd-card-icon--info[b-s52oy906la] {
    background: rgba(112, 128, 255, 0.1);
    color: var(--v2-accent-light);
}

.v2-hd-card-title[b-s52oy906la] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-text-bright);
    margin: 0;
}

.v2-hd-card-body[b-s52oy906la] {
    padding: 1rem 1.15rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
}

/* ── Sections (sync, complexity, results) ── */
.v2-hd-section[b-s52oy906la] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.v2-hd-section-header[b-s52oy906la] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.15rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
}

.v2-hd-section-icon[b-s52oy906la] {
    color: var(--v2-accent);
    font-size: 0.9rem;
}

.v2-hd-section-title[b-s52oy906la] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
    margin: 0;
}

.v2-hd-section-body[b-s52oy906la] {
    padding: 1.15rem;
}

/* ── Split layout (immediate / recurring) ── */
.v2-hd-split[b-s52oy906la] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.v2-hd-split-pane[b-s52oy906la] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.v2-hd-pane-title[b-s52oy906la] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--v2-text);
    margin: 0 0 0.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--v2-border);
}

/* ── Inline row (two fields side by side) ── */
.v2-hd-inline-row[b-s52oy906la] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

/* ── Checkbox row ── */
.v2-hd-checkbox-row[b-s52oy906la] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.25rem;
}

.v2-hd-checkbox[b-s52oy906la] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.v2-hd-checkbox input[type="checkbox"][b-s52oy906la] {
    width: 15px;
    height: 15px;
    accent-color: var(--v2-accent);
    cursor: pointer;
}

/* ── Button row ── */
.v2-hd-btn-row[b-s52oy906la] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.v2-hd-btn--danger:hover[b-s52oy906la] {
    color: var(--v2-error);
    border-color: var(--v2-error);
}

/* ── Inline spinner ── */
.v2-hd-spinner[b-s52oy906la] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: v2-hd-spin-b-s52oy906la 0.6s linear infinite;
    margin-right: 0.4rem;
    vertical-align: middle;
}

@keyframes v2-hd-spin-b-s52oy906la {
    to { transform: rotate(360deg); }
}

/* ── Results log ── */
.v2-hd-log[b-s52oy906la] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.v2-hd-log-entry[b-s52oy906la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--v2-border);
}

.v2-hd-log-entry:last-child[b-s52oy906la] {
    border-bottom: none;
}

.v2-hd-log-message[b-s52oy906la] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    color: var(--v2-text);
    word-break: break-word;
}

.v2-hd-log-time[b-s52oy906la] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .v2-hd-split[b-s52oy906la] {
        grid-template-columns: 1fr;
    }

    .v2-hd-inline-row[b-s52oy906la] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Home Page — Scoped CSS ── */

/* ── Loading ── */
.loading-container[b-bv889alo9q] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem; }
.loading-spinner[b-bv889alo9q] { width: 2.5rem; height: 2.5rem; border: 3px solid var(--v2-border); border-top-color: var(--v2-accent); border-radius: 50%; animation: spin-b-bv889alo9q 0.8s linear infinite; }
@keyframes spin-b-bv889alo9q { to { transform: rotate(360deg); } }
.loading-text[b-bv889alo9q] { font-family: var(--v2-font-body); color: var(--v2-text-dim); margin-top: 1rem; font-size: 0.9rem; }

/* ── Page container ── */
.home-page[b-bv889alo9q] { padding: 1.5rem 2rem; }

/* ── Status strip — compact inline metrics ── */
.status-strip[b-bv889alo9q] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0.85rem 1.25rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    margin-bottom: 1rem;
}
.strip-label[b-bv889alo9q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
}
.strip-label i[b-bv889alo9q] { color: var(--v2-accent); font-size: 0.8rem; }
.strip-metrics[b-bv889alo9q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.strip-metric[b-bv889alo9q] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
}
.strip-metric-label[b-bv889alo9q] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
}
.strip-metric-value[b-bv889alo9q] {
    font-family: var(--v2-font-display);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--v2-text-bright);
}
.strip-metric-value--dim[b-bv889alo9q] { color: var(--v2-text-ghost); font-weight: 400; }
.strip-metric-value--error[b-bv889alo9q] { color: var(--v2-error); }
.strip-metric-value--success[b-bv889alo9q] { color: var(--v2-success); }
.strip-sep[b-bv889alo9q] {
    width: 1px;
    height: 1rem;
    background: var(--v2-border);
    flex-shrink: 0;
}

/* ── Breakdown tables ── */
.breakdown-grid[b-bv889alo9q] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr)); gap: 1rem; margin-bottom: 1rem; }
.breakdown-card[b-bv889alo9q] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); padding: 1.25rem 1.5rem; }
.breakdown-title[b-bv889alo9q] { font-family: var(--v2-font-display); font-size: 0.95rem; font-weight: 600; color: var(--v2-text-bright); margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem; }
.breakdown-title i[b-bv889alo9q] { color: var(--v2-accent); font-size: 0.85rem; }
.breakdown-table[b-bv889alo9q] { width: 100%; border-collapse: collapse; }
.breakdown-table th[b-bv889alo9q] { font-family: var(--v2-font-mono); font-size: 0.65rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--v2-text-ghost); padding: 0.4rem 0; border-bottom: 1px solid var(--v2-border); text-align: left; }
.breakdown-table th:not(:first-child)[b-bv889alo9q] { text-align: right; }
.breakdown-table td[b-bv889alo9q] { font-family: var(--v2-font-body); font-size: 0.85rem; color: var(--v2-text); padding: 0.5rem 0; border-bottom: 1px solid var(--v2-border); }
.breakdown-table td:not(:first-child)[b-bv889alo9q] { text-align: right; }
.breakdown-table td:first-child[b-bv889alo9q] { font-weight: 500; }
.breakdown-table td:last-child[b-bv889alo9q] { font-weight: 600; color: var(--v2-text-bright); }
.breakdown-table tr:last-child td[b-bv889alo9q] { border-bottom: none; }

/* ── Section spacing ── */
.section-block[b-bv889alo9q] { margin-bottom: 1rem; }

/* ── Temp org alert ── */
.temp-org-alert[b-bv889alo9q] { background: rgba(252, 211, 77, 0.08); border: 1px solid rgba(252, 211, 77, 0.2); border-radius: var(--v2-radius); padding: 1rem 1.25rem; display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
.temp-org-alert i[b-bv889alo9q] { color: var(--v2-warning); font-size: 1.1rem; }
.temp-org-alert strong[b-bv889alo9q] { color: var(--v2-text-bright); font-family: var(--v2-font-body); font-size: 0.85rem; }
.temp-org-alert small[b-bv889alo9q] { color: var(--v2-text-dim); font-family: var(--v2-font-body); font-size: 0.8rem; }

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .home-page[b-bv889alo9q] { padding: 1rem; }
    .status-strip[b-bv889alo9q] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    .strip-metrics[b-bv889alo9q] { gap: 0.5rem; }
    .breakdown-grid[b-bv889alo9q] { grid-template-columns: 1fr; }
}
/* /Components/Pages/IndividualDeveloperPage.razor.rz.scp.css */
/* ===== LOADING ===== */
.idp-loading[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.idp-loading-spinner[b-qbsb3dvtte] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    animation: idp-spin-b-qbsb3dvtte 0.8s linear infinite;
}

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

.idp-loading-text[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0;
}

.idp-loading-hint[b-qbsb3dvtte] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-ghost);
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
}

/* ===== ERROR / EMPTY STATES ===== */
.idp-error[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    background: color-mix(in srgb, var(--v2-error) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--v2-error) 25%, transparent);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    color: var(--v2-error);
    font-family: var(--v2-font-body);
}

.idp-error h4[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.idp-error p[b-qbsb3dvtte] {
    color: var(--v2-text);
    margin: 0;
}

.idp-warning[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    background: color-mix(in srgb, var(--v2-warning) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--v2-warning) 25%, transparent);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    color: var(--v2-warning);
    font-family: var(--v2-font-body);
}

.idp-warning h4[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    margin: 0;
}

.idp-warning p[b-qbsb3dvtte] {
    color: var(--v2-text);
    margin: 0;
}

.idp-back-btn[b-qbsb3dvtte] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid var(--v2-border);
    color: var(--v2-text);
    border-radius: var(--v2-radius-sm);
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-family: var(--v2-font-mono);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s;
}

.idp-back-btn:hover[b-qbsb3dvtte] {
    border-color: var(--v2-accent);
    color: var(--v2-accent);
    background: var(--v2-accent-bg);
}

.idp-org-sep[b-qbsb3dvtte] {
    margin: 0 0.35rem;
    opacity: 0.4;
}

/* ===== BADGES ===== */
.idp-badges[b-qbsb3dvtte] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.idp-badge[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    border: 1px solid color-mix(in srgb, var(--v2-accent) 20%, transparent);
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
}

/* ===== TIME PERIOD FILTER ===== */
.idp-filter[b-qbsb3dvtte] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
}

.idp-filter-label[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.idp-filter-group[b-qbsb3dvtte] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.idp-filter-btn[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    padding: 0.4rem 0.85rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.idp-filter-btn:hover[b-qbsb3dvtte] {
    border-color: var(--v2-border-hover);
    color: var(--v2-text);
}

.idp-filter-btn--active[b-qbsb3dvtte] {
    background: var(--v2-accent);
    border-color: var(--v2-accent);
    color: white;
}

.idp-filter-btn--active:hover[b-qbsb3dvtte] {
    background: var(--v2-accent-hover);
    border-color: var(--v2-accent-hover);
    color: white;
}

.idp-filter-hint[b-qbsb3dvtte] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    color: var(--v2-text-ghost);
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    cursor: help;
}

/* ===== STAT CARDS ROW ===== */
.idp-stats-grid[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.idp-stat-card[b-qbsb3dvtte] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
    position: relative;
    overflow: hidden;
}

.idp-stat-card:hover[b-qbsb3dvtte] {
    transform: translateY(-2px);
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 30px var(--v2-accent-bg);
}

.idp-stat-card--accent[b-qbsb3dvtte] {
    background: var(--v2-void);
}

.idp-stat-card--accent[b-qbsb3dvtte]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% -20%, var(--v2-accent-glow) 0%, transparent 65%);
    pointer-events: none;
}

.idp-stat-icon[b-qbsb3dvtte] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.idp-stat-icon--success[b-qbsb3dvtte] { background: color-mix(in srgb, var(--v2-success) 10%, transparent); color: var(--v2-success); }
.idp-stat-icon--info[b-qbsb3dvtte]    { background: color-mix(in srgb, var(--v2-info) 10%, transparent); color: var(--v2-info); }
.idp-stat-icon--warning[b-qbsb3dvtte] { background: color-mix(in srgb, var(--v2-warning) 10%, transparent); color: var(--v2-warning); }

.idp-stat-body[b-qbsb3dvtte] {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.idp-stat-value[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    letter-spacing: -0.04em;
    line-height: 1;
}

.idp-stat-label[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    margin-top: 0.3rem;
}

.idp-stat-rank[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    margin-top: 0.25rem;
}

/* ===== SECTION ===== */
.idp-section[b-qbsb3dvtte] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.idp-section-head[b-qbsb3dvtte] {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--v2-border);
}

.idp-section-title[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--v2-text-bright);
    margin: 0 0 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.idp-section-title i[b-qbsb3dvtte] {
    color: var(--v2-accent);
    font-size: 0.95rem;
}

.idp-section-subtitle[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    letter-spacing: 0.03em;
}

/* Compact variant for secondary sections */
.idp-section--compact[b-qbsb3dvtte] {
    padding: 1rem 1.25rem;
}

.idp-section--compact .idp-section-head[b-qbsb3dvtte] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.6rem;
}

/* ===== CHARTS ===== */
.idp-charts-row[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.idp-chart-card[b-qbsb3dvtte] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 1.25rem;
}

.idp-chart-title[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--v2-text-bright);
    margin: 0 0 1rem;
}

.idp-bar-chart[b-qbsb3dvtte] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 140px;
    padding-top: 20px;
}

.idp-bar[b-qbsb3dvtte] {
    flex: 1;
    min-width: 0;
    border-radius: 3px 3px 0 0;
    background: var(--v2-accent);
    transition: opacity 0.2s;
    position: relative;
    cursor: default;
}

.idp-bar:hover[b-qbsb3dvtte] { opacity: 0.8; }

.idp-bar--secondary[b-qbsb3dvtte] { background: var(--v2-info); }

.idp-bar-val[b-qbsb3dvtte] {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--v2-font-mono);
    font-size: 0.6rem;
    color: var(--v2-text-ghost);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s;
}

.idp-bar:hover .idp-bar-val[b-qbsb3dvtte] { opacity: 1; }

/* ===== EMPTY STATE ===== */
.idp-empty[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 0.5rem;
    color: var(--v2-text-ghost);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
}

.idp-empty i[b-qbsb3dvtte] { font-size: 1.5rem; opacity: 0.5; }

/* ===== REPOSITORY CONTRIBUTIONS ===== */
.idp-repo-list[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.idp-repo-item[b-qbsb3dvtte] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    transition: border-color 0.2s;
}

.idp-repo-item:hover[b-qbsb3dvtte] {
    border-color: var(--v2-border-hover);
}

.idp-repo-info[b-qbsb3dvtte] { flex: 1; min-width: 0; }

.idp-repo-name[b-qbsb3dvtte] {
    font-family: var(--v2-font-body);
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--v2-text-bright);
}

.idp-repo-project[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

.idp-repo-badges[b-qbsb3dvtte] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.idp-repo-badge[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    letter-spacing: 0.02em;
    text-decoration: none;
}

.idp-repo-badge--commits[b-qbsb3dvtte] { background: var(--v2-accent-bg); color: var(--v2-accent-light); }
.idp-repo-badge--added[b-qbsb3dvtte]   { background: color-mix(in srgb, var(--v2-success) 12%, transparent); color: var(--v2-success); }
.idp-repo-badge--removed[b-qbsb3dvtte] { background: color-mix(in srgb, var(--v2-error) 12%, transparent); color: var(--v2-error); }
.idp-repo-badge--files[b-qbsb3dvtte]   { background: color-mix(in srgb, var(--v2-info) 12%, transparent); color: var(--v2-info); }

.idp-repo-badge--commits:hover[b-qbsb3dvtte] {
    background: color-mix(in srgb, var(--v2-accent) 20%, transparent);
    color: var(--v2-accent-light);
}

.idp-repo-pct[b-qbsb3dvtte] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    min-width: 120px;
}

.idp-repo-bar[b-qbsb3dvtte] {
    flex: 1;
    height: 4px;
    background: var(--v2-border);
    border-radius: 2px;
    overflow: hidden;
}

.idp-repo-bar-fill[b-qbsb3dvtte] {
    height: 100%;
    background: var(--v2-accent);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.idp-repo-pct-text[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    min-width: 36px;
    text-align: right;
}

/* ===== ACTIVITY PATTERNS ROW ===== */
.idp-patterns-row[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Hourly heatmap (accent card) */
.idp-heatmap-card[b-qbsb3dvtte] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

.idp-heatmap-card[b-qbsb3dvtte]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 30% -20%, var(--v2-accent-glow) 0%, transparent 60%);
    pointer-events: none;
}

.idp-heatmap-title[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--v2-text-bright);
    margin: 0 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 1;
}

.idp-heatmap-title i[b-qbsb3dvtte] { color: var(--v2-accent); }

.idp-heatmap[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 4px;
    position: relative;
    z-index: 1;
}

.idp-hour[b-qbsb3dvtte] {
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--v2-font-mono);
    font-size: 0.62rem;
    color: var(--v2-text-ghost);
    position: relative;
    transition: transform 0.15s;
    cursor: default;
}

.idp-hour[b-qbsb3dvtte]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--v2-accent);
    opacity: var(--idp-heat, 0);
    pointer-events: none;
}

.idp-hour:hover[b-qbsb3dvtte] {
    transform: scale(1.15);
}

/* Daily bar chart */
.idp-daily-card[b-qbsb3dvtte] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
}

.idp-daily-title[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--v2-text-bright);
    margin: 0 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.idp-daily-title i[b-qbsb3dvtte] { color: var(--v2-accent); }

.idp-daily-bars[b-qbsb3dvtte] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    height: 160px;
    padding-top: 20px;
}

.idp-day-col[b-qbsb3dvtte] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.idp-day-bar-wrap[b-qbsb3dvtte] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.idp-day-bar[b-qbsb3dvtte] {
    width: 100%;
    max-width: 40px;
    border-radius: 4px 4px 0 0;
    background: var(--v2-accent);
    position: relative;
    transition: opacity 0.2s;
    cursor: default;
}

.idp-day-bar:hover[b-qbsb3dvtte] { opacity: 0.8; }

.idp-day-val[b-qbsb3dvtte] {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-dim);
    white-space: nowrap;
}

.idp-day-label[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-dim);
    margin-top: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ===== INSIGHTS 2-COLUMN ROW (distilled from 3) ===== */
.idp-insights-grid[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* Insight card */
.idp-insight-card[b-qbsb3dvtte] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem;
}

.idp-insight-head[b-qbsb3dvtte] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
}

.idp-insight-icon[b-qbsb3dvtte] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.idp-insight-title[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--v2-text-bright);
    margin: 0;
}

/* Stats grid inside insight card */
.idp-mini-stats[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.idp-mini-stat[b-qbsb3dvtte] {
    padding: 0.6rem;
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    border-left: 2px solid var(--v2-accent);
}

.idp-mini-val[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    line-height: 1.2;
}

.idp-mini-lbl[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--v2-text-dim);
    margin-top: 0.15rem;
}

/* Streaks card */
.idp-streaks-card[b-qbsb3dvtte] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.25rem;
    position: relative;
    overflow: hidden;
}

.idp-streaks-card[b-qbsb3dvtte]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% 120%, var(--v2-accent-glow) 0%, transparent 65%);
    pointer-events: none;
}

.idp-streak-list[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    position: relative;
    z-index: 1;
}

.idp-streak-item[b-qbsb3dvtte] {
    padding: 0.7rem;
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    text-align: center;
}

.idp-streak-val[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    line-height: 1;
    margin-bottom: 0.2rem;
}

.idp-streak-lbl[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--v2-text-dim);
}

/* File extensions sub-header within stats card */
.idp-ext-head[b-qbsb3dvtte] { margin-top: 0.75rem; }

/* File extensions — inline within stats card */
.idp-ext-list[b-qbsb3dvtte] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.idp-ext-item[b-qbsb3dvtte] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.7rem;
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    border-left: 2px solid var(--v2-accent);
}

.idp-ext-name[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-weight: 600;
    color: var(--v2-text-bright);
    font-size: 0.82rem;
}

.idp-ext-count[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
}

/* ===== DAILY AVERAGES TABLE ===== */
.idp-avg-wrap[b-qbsb3dvtte] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.idp-avg-table[b-qbsb3dvtte] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 500px;
}

.idp-avg-table th[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-dim);
    padding: 0.6rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--v2-border);
    font-weight: 500;
}

.idp-avg-table th:first-child[b-qbsb3dvtte] {
    text-align: left;
}

.idp-avg-table td[b-qbsb3dvtte] {
    padding: 0.75rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--v2-border);
    font-family: var(--v2-font-body);
}

.idp-avg-table td:first-child[b-qbsb3dvtte] {
    text-align: left;
}

.idp-avg-table tr:last-child td[b-qbsb3dvtte] {
    border-bottom: none;
}

.idp-avg-metric[b-qbsb3dvtte] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.idp-avg-metric i[b-qbsb3dvtte] {
    font-size: 0.75rem;
    width: 16px;
}

.idp-avg-icon--accent[b-qbsb3dvtte]  { color: var(--v2-accent); }
.idp-avg-icon--success[b-qbsb3dvtte] { color: var(--v2-success); }
.idp-avg-icon--error[b-qbsb3dvtte]   { color: var(--v2-error); }

.idp-avg-val[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--v2-text-bright);
}

.idp-avg-val--green[b-qbsb3dvtte] { color: var(--v2-success); }
.idp-avg-val--red[b-qbsb3dvtte]   { color: var(--v2-error); }

.idp-avg-footer[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-ghost);
    text-align: center;
    padding: 0.5rem 1rem;
}

/* ===== AUTHOR BREAKDOWN ===== */
.idp-author-grid[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.idp-author-card[b-qbsb3dvtte] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: border-color 0.25s, box-shadow 0.25s;
}

.idp-author-card:hover[b-qbsb3dvtte] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 4px 20px var(--v2-accent-bg);
}

.idp-author-head[b-qbsb3dvtte] {
    background: var(--v2-surface-2);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
}

.idp-author-icon[b-qbsb3dvtte] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.idp-author-meta[b-qbsb3dvtte] { flex: 1; min-width: 0; }

.idp-author-name[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.idp-author-email[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

.idp-author-pct[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    font-weight: 600;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    padding: 0.3rem 0.7rem;
    border-radius: 20px;
    flex-shrink: 0;
}

.idp-author-body[b-qbsb3dvtte] { padding: 1.25rem; }

.idp-author-org[b-qbsb3dvtte] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    background: var(--v2-surface);
    color: var(--v2-text-dim);
    padding: 0.3rem 0.6rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    margin-bottom: 1rem;
}

.idp-author-stats[b-qbsb3dvtte] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.idp-author-stat[b-qbsb3dvtte] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem;
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    border-left: 2px solid var(--v2-accent);
}

.idp-author-stat-icon[b-qbsb3dvtte] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    flex-shrink: 0;
    color: white;
}

.idp-author-stat-icon--commits[b-qbsb3dvtte] { background: var(--v2-accent); }
.idp-author-stat-icon--added[b-qbsb3dvtte]   { background: var(--v2-success); }
.idp-author-stat-icon--removed[b-qbsb3dvtte] { background: var(--v2-error); }
.idp-author-stat-icon--files[b-qbsb3dvtte]   { background: var(--v2-info); }

.idp-author-stat-val[b-qbsb3dvtte] {
    font-family: var(--v2-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--v2-text-bright);
    line-height: 1;
}

.idp-author-stat-lbl[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--v2-text-dim);
}

/* Author timeline */
.idp-author-timeline[b-qbsb3dvtte] {
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    padding: 0.75rem;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.idp-author-tl-item[b-qbsb3dvtte] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--v2-font-body);
    font-size: 0.8rem;
    color: var(--v2-text);
}

.idp-author-tl-item i[b-qbsb3dvtte] {
    font-size: 0.7rem;
    width: 14px;
}

.idp-author-tl-icon--success[b-qbsb3dvtte] { color: var(--v2-success); }
.idp-author-tl-icon--error[b-qbsb3dvtte]   { color: var(--v2-error); }
.idp-author-tl-icon--info[b-qbsb3dvtte]    { color: var(--v2-info); }

/* Author repos */
.idp-author-repos[b-qbsb3dvtte] {
    background: var(--v2-surface);
    border-radius: var(--v2-radius-sm);
    padding: 0.75rem;
}

.idp-author-repos-title[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--v2-text);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.idp-author-repo-tags[b-qbsb3dvtte] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.idp-author-repo-tag[b-qbsb3dvtte] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    background: var(--v2-void);
    color: var(--v2-text-dim);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--v2-border);
}

.idp-author-repo-tag--more[b-qbsb3dvtte] {
    background: var(--v2-surface-2);
    color: var(--v2-text-ghost);
    font-style: italic;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .idp-stats-grid[b-qbsb3dvtte] { grid-template-columns: repeat(2, 1fr); }
    .idp-insights-grid[b-qbsb3dvtte] { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .idp-stats-grid[b-qbsb3dvtte] { grid-template-columns: 1fr; }
    .idp-charts-row[b-qbsb3dvtte] { grid-template-columns: 1fr; }
    .idp-patterns-row[b-qbsb3dvtte] { grid-template-columns: 1fr; }
    .idp-author-grid[b-qbsb3dvtte] { grid-template-columns: 1fr; }
    .idp-mini-stats[b-qbsb3dvtte] { grid-template-columns: 1fr; }

    .idp-filter[b-qbsb3dvtte] {
        flex-direction: column;
        align-items: flex-start;
    }

    .idp-filter-hint[b-qbsb3dvtte] { margin-left: 0; }

    .idp-repo-item[b-qbsb3dvtte] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .idp-repo-pct[b-qbsb3dvtte] { min-width: 100%; }

    .idp-heatmap[b-qbsb3dvtte] { grid-template-columns: repeat(8, 1fr); }

    .idp-author-head[b-qbsb3dvtte] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .idp-author-stats[b-qbsb3dvtte] { grid-template-columns: 1fr; }
}
/* /Components/Pages/LogsSection/LogsHomePage.razor.rz.scp.css */
/* ── LogsHome — Scoped CSS ── */

/* ── Loading ── */
.loading-container[b-ra4x7vnhcv] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem; }
.loading-spinner[b-ra4x7vnhcv] { width: 2.5rem; height: 2.5rem; border: 3px solid var(--v2-border); border-top-color: var(--v2-accent); border-radius: 50%; animation: spin 0.8s linear infinite; }
@@keyframes spin { to[b-ra4x7vnhcv] { transform: rotate(360deg); } }
.loading-text[b-ra4x7vnhcv] { font-family: var(--v2-font-body); color: var(--v2-text-dim); margin-top: 1rem; font-size: 0.9rem; }

/* ── Page layout ── */
.logs-home-page[b-ra4x7vnhcv] { padding: 1.5rem 2rem; }

/* ── Header ── */
.page-header[b-ra4x7vnhcv] { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; }
.page-title[b-ra4x7vnhcv] { font-family: var(--v2-font-display); font-size: 1.4rem; font-weight: 700; color: var(--v2-text-bright); margin: 0; display: flex; align-items: center; gap: 0.5rem; }
.page-title i[b-ra4x7vnhcv] { color: var(--v2-accent); font-size: 1.1rem; }
.page-subtitle[b-ra4x7vnhcv] { font-family: var(--v2-font-body); font-size: 0.85rem; color: var(--v2-text-dim); margin: 0.25rem 0 0; }
.btn-view-all[b-ra4x7vnhcv] { font-family: var(--v2-font-body); font-size: 0.8rem; font-weight: 500; color: var(--v2-accent); background: transparent; border: 1px solid var(--v2-accent); border-radius: var(--v2-radius); padding: 0.45rem 1rem; cursor: pointer; display: flex; align-items: center; gap: 0.4rem; transition: background 0.15s, color 0.15s; white-space: nowrap; }
.btn-view-all:hover[b-ra4x7vnhcv] { background: var(--v2-accent); color: var(--v2-bg); }

/* ── Stats strip ── */
.stats-strip[b-ra4x7vnhcv] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.stat-card[b-ra4x7vnhcv] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); padding: 1.25rem 1.5rem; display: flex; flex-direction: column; gap: 0.15rem; }
.stat-label[b-ra4x7vnhcv] { font-family: var(--v2-font-mono); font-size: 0.65rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--v2-text-ghost); }
.stat-value[b-ra4x7vnhcv] { font-family: var(--v2-font-display); font-size: 1.8rem; font-weight: 700; color: var(--v2-text-bright); line-height: 1.1; }
.stat-period[b-ra4x7vnhcv] { font-family: var(--v2-font-body); font-size: 0.75rem; color: var(--v2-text-dim); }
.stat-card--error .stat-value[b-ra4x7vnhcv] { color: var(--v2-error); }
.stat-card--warning .stat-value[b-ra4x7vnhcv] { color: var(--v2-warning); }

/* ── Section title ── */
.section-title[b-ra4x7vnhcv] { font-family: var(--v2-font-display); font-size: 1rem; font-weight: 600; color: var(--v2-text-bright); margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem; }
.section-title i[b-ra4x7vnhcv] { color: var(--v2-accent); font-size: 0.85rem; }

/* ── App cards grid ── */
.app-cards-grid[b-ra4x7vnhcv] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 1rem; }
.app-card[b-ra4x7vnhcv] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); padding: 1.25rem 1.5rem; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s; }
.app-card:hover[b-ra4x7vnhcv] { border-color: var(--v2-accent); box-shadow: 0 0 0 1px var(--v2-accent); }

/* ── App card inner ── */
.app-card-header[b-ra4x7vnhcv] { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 0.75rem; gap: 0.5rem; }
.app-card-name[b-ra4x7vnhcv] { font-family: var(--v2-font-display); font-size: 0.95rem; font-weight: 600; color: var(--v2-text-bright); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-card-last-log[b-ra4x7vnhcv] { font-family: var(--v2-font-body); font-size: 0.7rem; color: var(--v2-text-ghost); white-space: nowrap; flex-shrink: 0; }

.app-card-stats[b-ra4x7vnhcv] { display: flex; gap: 1rem; margin-bottom: 0.75rem; }
.app-stat[b-ra4x7vnhcv] { display: flex; flex-direction: column; gap: 0.1rem; }
.app-stat-count[b-ra4x7vnhcv] { font-family: var(--v2-font-display); font-size: 1.1rem; font-weight: 600; color: var(--v2-text); }
.app-stat-label[b-ra4x7vnhcv] { font-family: var(--v2-font-mono); font-size: 0.6rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--v2-text-ghost); }
.app-stat--error .app-stat-count[b-ra4x7vnhcv] { color: var(--v2-error); }
.app-stat--warning .app-stat-count[b-ra4x7vnhcv] { color: var(--v2-warning); }
.app-stat--info .app-stat-count[b-ra4x7vnhcv] { color: var(--v2-info, #60a5fa); }

/* ── Level distribution bar ── */
.app-card-bar[b-ra4x7vnhcv] { height: 4px; border-radius: 2px; background: var(--v2-border); display: flex; overflow: hidden; }
.bar-segment[b-ra4x7vnhcv] { height: 100%; min-width: 0; }
.bar-segment--error[b-ra4x7vnhcv] { background: var(--v2-error); }
.bar-segment--warning[b-ra4x7vnhcv] { background: var(--v2-warning); }
.bar-segment--info[b-ra4x7vnhcv] { background: var(--v2-info, #60a5fa); }

/* ── Empty state ── */
.empty-state[b-ra4x7vnhcv] { text-align: center; padding: 3rem 2rem; background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); }
.empty-state-icon[b-ra4x7vnhcv] { font-size: 2.5rem; color: var(--v2-text-ghost); margin-bottom: 1rem; }
.empty-state h3[b-ra4x7vnhcv] { font-family: var(--v2-font-display); font-size: 1.1rem; color: var(--v2-text-bright); margin: 0 0 0.5rem; }
.empty-state p[b-ra4x7vnhcv] { font-family: var(--v2-font-body); font-size: 0.85rem; color: var(--v2-text-dim); margin: 0; max-width: 400px; margin-inline: auto; }

/* ── Responsive ── */
@@media (max-width: 640.98px) {
    .logs-home-page[b-ra4x7vnhcv] { padding: 1rem; }
    .page-header[b-ra4x7vnhcv] { flex-direction: column; }
    .stats-strip[b-ra4x7vnhcv] { grid-template-columns: 1fr; }
    .app-cards-grid[b-ra4x7vnhcv] { grid-template-columns: 1fr; }
    .app-card-stats[b-ra4x7vnhcv] { flex-wrap: wrap; }
}

/* /Components/Pages/LogsSection/LogViewerPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Log Viewer — V2 Terminal Noir scoped styles
   ══════════════════════════════════════════════ */

/* ── Page header ── */
.log-viewer-header[b-bpo9xk9voi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.log-viewer-header-left[b-bpo9xk9voi] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.log-viewer-icon[b-bpo9xk9voi] {
    width: 44px; height: 44px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}
.log-viewer-title[b-bpo9xk9voi] {
    font-family: var(--v2-font-display);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--v2-text-bright);
    margin: 0;
    letter-spacing: -0.01em;
}
.log-viewer-subtitle[b-bpo9xk9voi] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0.15rem 0 0;
    line-height: 1.4;
}
.log-viewer-header-actions[b-bpo9xk9voi] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }

/* ── Loading ── */
.log-loading[b-bpo9xk9voi] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem; }
.log-spinner[b-bpo9xk9voi] {
    width: 2rem; height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: log-spin 0.8s linear infinite;
}
@@keyframes log-spin { to[b-bpo9xk9voi] { transform: rotate(360deg); } }
.log-loading-text[b-bpo9xk9voi] { font-family: var(--v2-font-body); color: var(--v2-text-dim); margin-top: 0.85rem; font-size: 0.85rem; }

/* ── Filters ── */
.log-filters[b-bpo9xk9voi] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    margin-bottom: 1.25rem;
    overflow: hidden;
}
.log-filters-header[b-bpo9xk9voi] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.75rem 1.15rem;
    background: var(--v2-surface-2);
    border-bottom: 1px solid var(--v2-border);
    cursor: pointer; user-select: none;
}
.log-filters-header h5[b-bpo9xk9voi] {
    font-family: var(--v2-font-display); font-weight: 600; font-size: 0.88rem;
    color: var(--v2-text-bright); margin: 0;
}
.log-filters-body[b-bpo9xk9voi] { padding: 1rem 1.15rem; }
.log-filters-collapsed[b-bpo9xk9voi] { display: none; }
.log-filter-row[b-bpo9xk9voi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.85rem;
    align-items: end;
    margin-bottom: 0.75rem;
}
.log-filter-row:last-child[b-bpo9xk9voi] { margin-bottom: 0; }
.log-filter-group[b-bpo9xk9voi] { display: flex; flex-direction: column; gap: 0.35rem; }
.log-filter-group--search[b-bpo9xk9voi] { grid-column: span 2; }
.log-filter-label[b-bpo9xk9voi] {
    font-family: var(--v2-font-mono); font-size: 0.68rem; font-weight: 500;
    letter-spacing: 0.05em; text-transform: uppercase; color: var(--v2-text-ghost);
}
.log-filter-input[b-bpo9xk9voi] {
    background: var(--v2-void); border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm);
    color: var(--v2-text); font-family: var(--v2-font-body); font-size: 0.82rem;
    padding: 0.45rem 0.65rem; transition: border-color 0.25s, box-shadow 0.25s; width: 100%;
}
.log-filter-input:focus[b-bpo9xk9voi] { outline: none; border-color: var(--v2-accent); box-shadow: 0 0 0 3px var(--v2-accent-glow); }
.log-filter-input option[b-bpo9xk9voi] { background: var(--v2-void); color: var(--v2-text); }

/* ── Level chips ── */
.log-level-chips[b-bpo9xk9voi] { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.log-chip[b-bpo9xk9voi] {
    font-family: var(--v2-font-mono); font-size: 0.68rem; font-weight: 500;
    padding: 0.22rem 0.55rem; border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border); background: transparent;
    color: var(--v2-text-dim); cursor: pointer; transition: all 0.2s;
}
.log-chip:hover[b-bpo9xk9voi] { border-color: var(--v2-border-hover); color: var(--v2-text-bright); }
.log-chip--active.log-badge--fatal[b-bpo9xk9voi] { background: rgba(248,113,113,0.15); color: #f87171; border-color: rgba(248,113,113,0.4); }
.log-chip--active.log-badge--error[b-bpo9xk9voi] { background: rgba(251,146,60,0.15); color: #fb923c; border-color: rgba(251,146,60,0.4); }
.log-chip--active.log-badge--warning[b-bpo9xk9voi] { background: rgba(252,211,77,0.15); color: #fcd34d; border-color: rgba(252,211,77,0.4); }
.log-chip--active.log-badge--info[b-bpo9xk9voi] { background: rgba(96,165,250,0.15); color: #60a5fa; border-color: rgba(96,165,250,0.4); }
.log-chip--active.log-badge--debug[b-bpo9xk9voi] { background: rgba(167,139,250,0.15); color: #a78bfa; border-color: rgba(167,139,250,0.4); }
.log-chip--active.log-badge--trace[b-bpo9xk9voi] { background: rgba(139,147,165,0.15); color: #8b93a5; border-color: rgba(139,147,165,0.4); }

/* ── Card ── */
.log-card[b-bpo9xk9voi] {
    background: var(--v2-surface); border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius); overflow: hidden;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.log-card:hover[b-bpo9xk9voi] { border-color: var(--v2-border-hover); box-shadow: 0 8px 32px rgba(240,104,72,0.06); }
.log-card-header[b-bpo9xk9voi] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
    padding: 0.85rem 1.15rem; background: var(--v2-surface-2); border-bottom: 1px solid var(--v2-border);
}
.log-card-header h5[b-bpo9xk9voi] {
    font-family: var(--v2-font-display); font-weight: 600; font-size: 0.95rem;
    color: var(--v2-text-bright); margin: 0;
}

/* ── Table ── */
.log-table-wrap[b-bpo9xk9voi] { overflow-x: auto; }
.log-table[b-bpo9xk9voi] { width: 100%; border-collapse: collapse; margin: 0; }
.log-table thead th[b-bpo9xk9voi] {
    background: var(--v2-surface-2); border: none; border-bottom: 1px solid var(--v2-border);
    font-family: var(--v2-font-mono); font-size: 0.68rem; font-weight: 500;
    letter-spacing: 0.05em; text-transform: uppercase; color: var(--v2-text-ghost);
    padding: 0.7rem 1rem; white-space: nowrap;
}
.log-table tbody td[b-bpo9xk9voi] {
    border: none; padding: 0.6rem 1rem; vertical-align: top;
    font-family: var(--v2-font-body); font-size: 0.83rem; color: var(--v2-text); background: transparent;
}
.log-table tbody tr[b-bpo9xk9voi] { border-bottom: 1px solid var(--v2-border); transition: background-color 0.2s; }
.log-table tbody tr:last-child[b-bpo9xk9voi] { border-bottom: none; }
.log-table tbody tr:hover[b-bpo9xk9voi] { background: var(--v2-accent-bg); }
.log-row--has-exception[b-bpo9xk9voi] { border-left: 3px solid var(--v2-error) !important; }

/* ── Cell helpers ── */
.log-cell-mono[b-bpo9xk9voi] { font-family: var(--v2-font-mono); font-size: 0.75rem; color: var(--v2-text-dim); white-space: nowrap; }
.log-cell-dim[b-bpo9xk9voi] { font-size: 0.8rem; color: var(--v2-text-dim); }
.log-cell-name[b-bpo9xk9voi] { font-weight: 500; color: var(--v2-text); font-size: 0.82rem; }
.log-cell-message[b-bpo9xk9voi] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; line-height: 1.45; word-break: break-word;
}
.log-cell-truncate[b-bpo9xk9voi] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.log-exception-indicator[b-bpo9xk9voi] {
    display: inline-flex; align-items: center; gap: 0.25rem;
    font-family: var(--v2-font-mono); font-size: 0.65rem; color: var(--v2-error);
    margin-top: 0.25rem;
}

/* ── Level badges ── */
.log-badge[b-bpo9xk9voi] {
    display: inline-flex; align-items: center; gap: 0.3rem;
    font-family: var(--v2-font-mono); font-size: 0.68rem; font-weight: 500;
    letter-spacing: 0.02em; padding: 0.22rem 0.55rem;
    border-radius: var(--v2-radius-sm); white-space: nowrap;
}
.log-badge--fatal[b-bpo9xk9voi] { background: rgba(248,113,113,0.15); color: #f87171; border: 1px solid rgba(248,113,113,0.25); }
.log-badge--error[b-bpo9xk9voi] { background: rgba(251,146,60,0.12); color: #fb923c; border: 1px solid rgba(251,146,60,0.2); }
.log-badge--warning[b-bpo9xk9voi] { background: rgba(252,211,77,0.12); color: #fcd34d; border: 1px solid rgba(252,211,77,0.2); }
.log-badge--info[b-bpo9xk9voi] { background: rgba(96,165,250,0.12); color: #60a5fa; border: 1px solid rgba(96,165,250,0.2); }
.log-badge--debug[b-bpo9xk9voi] { background: rgba(167,139,250,0.1); color: #a78bfa; border: 1px solid rgba(167,139,250,0.18); }
.log-badge--trace[b-bpo9xk9voi] { background: rgba(139,147,165,0.08); color: var(--v2-text-dim); border: 1px solid rgba(139,147,165,0.15); }

/* ── Pagination ── */
.log-pagination[b-bpo9xk9voi] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.75rem 1.15rem; border-top: 1px solid var(--v2-border);
    font-family: var(--v2-font-body); font-size: 0.8rem; color: var(--v2-text-dim);
}
.log-pagination-btns[b-bpo9xk9voi] { display: flex; gap: 0.4rem; }

/* ── Buttons ── */
.log-btn[b-bpo9xk9voi] {
    display: inline-flex; align-items: center; gap: 0.35rem;
    font-family: var(--v2-font-body); font-size: 0.78rem; font-weight: 500;
    padding: 0.4rem 0.85rem; border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border); background: transparent; color: var(--v2-text);
    cursor: pointer; transition: all 0.25s; white-space: nowrap;
}
.log-btn:hover[b-bpo9xk9voi] { border-color: var(--v2-border-hover); color: var(--v2-text-bright); background: var(--v2-surface-2); }
.log-btn:disabled[b-bpo9xk9voi] { opacity: 0.4; cursor: not-allowed; }
.log-btn--accent[b-bpo9xk9voi] {
    background: var(--v2-accent-bg); border-color: var(--v2-accent); color: var(--v2-accent-light);
}
.log-btn--accent:hover[b-bpo9xk9voi] { background: rgba(240,104,72,0.2); }
.log-btn--ghost[b-bpo9xk9voi] { border-color: transparent; color: var(--v2-text-dim); }
.log-btn--ghost:hover[b-bpo9xk9voi] { border-color: var(--v2-border); color: var(--v2-text-bright); }
.log-btn-icon[b-bpo9xk9voi] {
    width: 32px; height: 32px; padding: 0;
    display: inline-flex; align-items: center; justify-content: center; font-size: 0.78rem;
}

/* ── Empty state ── */
.log-empty[b-bpo9xk9voi] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.5rem 2rem; text-align: center; }
.log-empty-icon[b-bpo9xk9voi] { font-size: 2rem; color: var(--v2-text-ghost); margin-bottom: 1rem; }
.log-empty h5[b-bpo9xk9voi] { font-family: var(--v2-font-display); font-weight: 600; font-size: 1rem; color: var(--v2-text-bright); margin: 0 0 0.35rem; }
.log-empty p[b-bpo9xk9voi] { font-family: var(--v2-font-body); font-size: 0.85rem; color: var(--v2-text-dim); margin: 0; max-width: 400px; }

/* ── Responsive ── */
/* ── Clickable rows ── */
.log-row-clickable[b-bpo9xk9voi] { cursor: pointer; }
.log-row-clickable:hover[b-bpo9xk9voi] { background: var(--v2-accent-bg); }

/* ══════════════════════════════════════════════
   Log Detail Drawer — overlay + right panel
   ══════════════════════════════════════════════ */
.log-drawer-overlay[b-bpo9xk9voi] {
    position: fixed; inset: 0; z-index: 1050;
    background: rgba(0,0,0,0.55); backdrop-filter: blur(2px);
    display: flex; justify-content: flex-end;
    animation: log-fade-in 0.2s ease;
}
@@keyframes log-fade-in { from[b-bpo9xk9voi] { opacity: 0; } to[b-bpo9xk9voi] { opacity: 1; } }

.log-drawer[b-bpo9xk9voi] {
    width: min(680px, 90vw); height: 100vh;
    background: var(--v2-surface); border-left: 1px solid var(--v2-border);
    display: flex; flex-direction: column;
    animation: log-slide-in 0.25s ease;
    box-shadow: -8px 0 32px rgba(0,0,0,0.35);
}
@@keyframes log-slide-in { from[b-bpo9xk9voi] { transform: translateX(100%); } to[b-bpo9xk9voi] { transform: translateX(0); } }

.log-drawer-header[b-bpo9xk9voi] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.85rem 1.25rem; background: var(--v2-surface-2);
    border-bottom: 1px solid var(--v2-border); flex-shrink: 0;
}
.log-drawer-header-left[b-bpo9xk9voi] { display: flex; align-items: center; gap: 0.5rem; }
.log-drawer-header-actions[b-bpo9xk9voi] { display: flex; align-items: center; gap: 0.25rem; }
.log-drawer-icon[b-bpo9xk9voi] { color: var(--v2-accent); font-size: 1rem; }
.log-drawer-title[b-bpo9xk9voi] {
    font-family: var(--v2-font-display); font-weight: 600;
    font-size: 1rem; color: var(--v2-text-bright);
}

.log-drawer-body[b-bpo9xk9voi] {
    flex: 1; min-height: 0; overflow-y: auto;
    padding: 0; scrollbar-width: thin;
    scrollbar-color: var(--v2-border) transparent;
}

/* ── Meta grid ── */
.log-drawer-meta[b-bpo9xk9voi] {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 0.75rem; padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
}
.log-drawer-meta-item[b-bpo9xk9voi] { display: flex; flex-direction: column; gap: 0.2rem; }
.log-drawer-label[b-bpo9xk9voi] {
    font-family: var(--v2-font-mono); font-size: 0.68rem; font-weight: 500;
    letter-spacing: 0.05em; text-transform: uppercase; color: var(--v2-text-ghost);
}
.log-drawer-value[b-bpo9xk9voi] {
    font-family: var(--v2-font-body); font-size: 0.85rem;
    color: var(--v2-text); word-break: break-all;
}
.log-drawer-value--mono[b-bpo9xk9voi] { font-family: var(--v2-font-mono); font-size: 0.78rem; }

/* ── Sections ── */
.log-drawer-section[b-bpo9xk9voi] {
    padding: 1rem 1.25rem; border-bottom: 1px solid var(--v2-border);
}
.log-drawer-section:last-child[b-bpo9xk9voi] { border-bottom: none; }
.log-drawer-section-title[b-bpo9xk9voi] {
    font-family: var(--v2-font-display); font-weight: 600; font-size: 0.82rem;
    color: var(--v2-text-bright); margin: 0 0 0.65rem; display: flex; align-items: center; gap: 0.4rem;
}
.log-drawer-section-title--error[b-bpo9xk9voi] { color: var(--v2-error); }
.log-drawer-section--exception[b-bpo9xk9voi] { background: rgba(248,113,113,0.04); }

.log-drawer-message[b-bpo9xk9voi] {
    font-family: var(--v2-font-body); font-size: 0.85rem;
    color: var(--v2-text); line-height: 1.55; white-space: pre-wrap; word-break: break-word;
}

/* ── Code block ── */
.log-drawer-code[b-bpo9xk9voi] {
    background: var(--v2-void); border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm); padding: 0.85rem 1rem;
    font-family: var(--v2-font-mono); font-size: 0.72rem; color: var(--v2-text);
    line-height: 1.55; overflow-x: auto; white-space: pre-wrap; word-break: break-all;
    max-height: 400px; margin: 0;
}
.log-drawer-code--dim[b-bpo9xk9voi] { color: var(--v2-text-dim); }

/* ── Properties table ── */
.log-drawer-props[b-bpo9xk9voi] {
    display: flex; flex-direction: column; gap: 0;
    border: 1px solid var(--v2-border); border-radius: var(--v2-radius-sm); overflow: hidden;
}
.log-drawer-prop-row[b-bpo9xk9voi] {
    display: grid; grid-template-columns: 160px 1fr;
    border-bottom: 1px solid var(--v2-border); font-size: 0.8rem;
}
.log-drawer-prop-row:last-child[b-bpo9xk9voi] { border-bottom: none; }
.log-drawer-prop-key[b-bpo9xk9voi] {
    font-family: var(--v2-font-mono); font-size: 0.72rem; font-weight: 500;
    color: var(--v2-accent-light); padding: 0.45rem 0.75rem;
    background: var(--v2-surface-2); word-break: break-all;
}
.log-drawer-prop-value[b-bpo9xk9voi] {
    font-family: var(--v2-font-body); font-size: 0.8rem; color: var(--v2-text);
    padding: 0.45rem 0.75rem; word-break: break-all;
}

/* ── Footer ── */
.log-drawer-footer[b-bpo9xk9voi] {
    display: flex; justify-content: flex-end;
    padding: 0.75rem 1.25rem; border-top: 1px solid var(--v2-border);
    background: var(--v2-surface-2); flex-shrink: 0;
}

/* ── Responsive ── */
@@media (max-width: 768px) {
    .log-hide-mobile[b-bpo9xk9voi] { display: none; }
    .log-filter-group--search[b-bpo9xk9voi] { grid-column: span 1; }
    .log-filter-row[b-bpo9xk9voi] { grid-template-columns: 1fr; }
    .log-viewer-header[b-bpo9xk9voi] { flex-direction: column; align-items: flex-start; }
    .log-pagination[b-bpo9xk9voi] { flex-direction: column; gap: 0.5rem; align-items: flex-start; }
    .log-drawer[b-bpo9xk9voi] { width: 100vw; }
    .log-drawer-meta[b-bpo9xk9voi] { grid-template-columns: 1fr; }
    .log-drawer-prop-row[b-bpo9xk9voi] { grid-template-columns: 120px 1fr; }
}

/* /Components/Pages/NotFound404.razor.rz.scp.css */
.v2-notfound-page[b-xmduifcqtf] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-bg);
    padding: 4rem 1.25rem;
}

.v2-notfound-inner[b-xmduifcqtf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 520px;
    gap: 1rem;
}

.v2-notfound-eyebrow[b-xmduifcqtf] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-accent-light);
}

.v2-notfound-code[b-xmduifcqtf] {
    font-family: var(--v2-font-display);
    font-weight: 800;
    font-size: clamp(6rem, 20vw, 10rem);
    line-height: 1;
    letter-spacing: -0.04em;
    color: transparent;
    background: linear-gradient(135deg, var(--v2-surface-2) 0%, var(--v2-text-ghost) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    user-select: none;
    margin-bottom: 0.25rem;
}

.v2-notfound-title[b-xmduifcqtf] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    color: var(--v2-text-bright);
    letter-spacing: -0.01em;
    margin: 0;
}

.v2-notfound-sub[b-xmduifcqtf] {
    font-family: var(--v2-font-body);
    font-size: 1.05rem;
    color: var(--v2-text-dim);
    margin: 0 0 0.5rem;
    line-height: 1.6;
}
/* /Components/Pages/OrchestratorSection/Projects/ProjectDetailsPage.razor.rz.scp.css */
/* ── Project Details Header ─────────────────────────────────────────── */
.pdet-project-header[b-q2eoyfip0l] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: border-color 0.25s, box-shadow 0.25s;
}

.pdet-project-header:hover[b-q2eoyfip0l] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 4px 20px rgba(33, 70, 255, 0.06);
}

.pdet-project-header-title[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--v2-border);
}

.pdet-project-icon[b-q2eoyfip0l] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}

.pdet-project-name[b-q2eoyfip0l] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0;
}

.pdet-settings-btn[b-q2eoyfip0l] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--v2-border);
    background: var(--v2-surface);
    color: var(--v2-text-secondary);
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.pdet-settings-btn:hover[b-q2eoyfip0l] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    border-color: var(--v2-accent);
}

.pdet-project-details[b-q2eoyfip0l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
}

.pdet-project-detail-item[b-q2eoyfip0l] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pdet-project-detail-label[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--v2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pdet-project-detail-value[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text-bright);
    word-break: break-all;
}

/* ── Task Blocks section header ─────────────────────────────────────── */
.pdet-blocks-header[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 0.5rem;
    border-top: 1px solid var(--v2-border);
}

.pdet-blocks-header-left[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.pdet-blocks-icon[b-q2eoyfip0l] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}

.pdet-blocks-title[b-q2eoyfip0l] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0;
}

.pdet-blocks-sub[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    margin: 0.1rem 0 0;
}

/* ── Empty state ────────────────────────────────────────────────────── */
.pdet-blocks-empty[b-q2eoyfip0l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 1.5rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    text-align: center;
}

.pdet-blocks-empty-icon[b-q2eoyfip0l] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.pdet-blocks-empty-title[b-q2eoyfip0l] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-text-bright);
    margin: 0 0 0.4rem;
}

.pdet-blocks-empty-sub[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0 0 1.25rem;
}

/* ── Block list ─────────────────────────────────────────────────────── */
.pdet-block-list[b-q2eoyfip0l] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.pdet-block-card[b-q2eoyfip0l] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.9rem 1.25rem;
    transition: border-color 0.2s, transform 0.2s;
}

.pdet-block-card:hover[b-q2eoyfip0l] {
    border-color: var(--v2-border-hover);
    transform: translateY(-1px);
}

.pdet-block-card-main[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.pdet-block-card-left[b-q2eoyfip0l] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pdet-block-name[b-q2eoyfip0l] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.pdet-block-branch[b-q2eoyfip0l] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
}

.pdet-block-description[b-q2eoyfip0l] {
    font-size: 0.82rem;
    color: var(--v2-text-dim);
    line-height: 1.4;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdet-block-card-right[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.pdet-block-task-count[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.8rem;
    color: var(--v2-text-dim);
}

.pdet-block-date[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-text-ghost);
}

/* ── Status badges ──────────────────────────────────────────────────── */
.pdet-block-status[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: var(--v2-radius-sm);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.pdet-block-status--preparation[b-q2eoyfip0l] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.25);
}

.pdet-block-status--running[b-q2eoyfip0l] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.pdet-block-status--error[b-q2eoyfip0l] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

/* ── Strategy badge ────────────────────────────────────────────────── */
.pdet-strategy-badge[b-q2eoyfip0l] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.15rem 0.5rem;
    border-radius: var(--v2-radius-sm);
    background: rgba(139, 92, 246, 0.1);
    color: var(--v2-purple);
    border: 1px solid rgba(139, 92, 246, 0.25);
}

/* ── Hopper badge / button ─────────────────────────────────────────── */
.pdet-block-hopper-badge[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--v2-text-ghost);
    padding: 0.2rem 0.6rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
}

.pdet-block-hopper-btn[b-q2eoyfip0l] {
    font-size: 0.78rem;
    padding: 0.25rem 0.75rem;
}

/* ── EnhanceTask modal ───────────────────────────────────────────────── */
.enhance-layout[b-q2eoyfip0l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

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

.enhance-panel[b-q2eoyfip0l] {
    padding: 1rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
}

.enhance-panel--proposed[b-q2eoyfip0l] {
    border-color: var(--v2-accent);
}

.enhance-panel-label[b-q2eoyfip0l] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--v2-text-muted);
    margin-bottom: 0.5rem;
}

.enhance-panel--proposed .enhance-panel-label[b-q2eoyfip0l] {
    color: var(--v2-accent);
}

.enhance-panel-title[b-q2eoyfip0l] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--v2-text);
}

.enhance-panel-body[b-q2eoyfip0l] {
    font-size: 0.875rem;
    color: var(--v2-text-muted);
    white-space: pre-wrap;
}

/* ── BreakIntoSubtasks modal ─────────────────────────────────────────── */
.subtask-header[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.subtask-header-label[b-q2eoyfip0l] {
    font-weight: 600;
    color: var(--v2-text);
}

.subtask-list[b-q2eoyfip0l] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.subtask-item[b-q2eoyfip0l] {
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.75rem;
    transition: border-color 0.15s;
}

.subtask-item--selected[b-q2eoyfip0l] {
    border-color: var(--v2-accent);
    background: var(--v2-info-bg);
}

.subtask-check-label[b-q2eoyfip0l] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    margin: 0;
}

.subtask-checkbox[b-q2eoyfip0l] {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.subtask-content[b-q2eoyfip0l] {
    flex: 1;
}

.subtask-title[b-q2eoyfip0l] {
    font-weight: 600;
    color: var(--v2-text);
    margin-bottom: 0.25rem;
}

.subtask-desc[b-q2eoyfip0l] {
    font-size: 0.85rem;
    color: var(--v2-text-muted);
}

.subtask-empty[b-q2eoyfip0l] {
    text-align: center;
    padding: 2rem;
    color: var(--v2-text-muted);
    font-size: 0.9rem;
}

/* ── View Toggle ────────────────────────────────────────────────── */
.pdet-view-toggle[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pdet-view-toggle > div[b-q2eoyfip0l] {
    display: flex;
    gap: 0.5rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 0.25rem;
    width: fit-content;
}

.pdet-view-btn[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: var(--v2-radius-sm);
    background: transparent;
    color: var(--v2-text-dim);
    cursor: pointer;
    transition: all 0.2s;
}

.pdet-view-btn:hover[b-q2eoyfip0l] {
    background: var(--v2-surface-2);
    color: var(--v2-text-bright);
}

.pdet-view-btn--active[b-q2eoyfip0l] {
    background: var(--v2-accent);
    color: white;
}

.pdet-view-btn--active:hover[b-q2eoyfip0l] {
    background: var(--v2-accent);
    color: white;
}

/* ── Kanban Board ───────────────────────────────────────────────── */
.pdet-kanban-filters[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
}

.pdet-kanban-filter-btn[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-surface);
    color: var(--v2-text);
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pdet-kanban-filter-btn:hover[b-q2eoyfip0l] {
    border-color: var(--v2-accent);
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
}

.pdet-kanban-filter-btn--active[b-q2eoyfip0l] {
    background: var(--v2-accent);
    border-color: var(--v2-accent);
    color: white;
}

.pdet-kanban-filter-btn--active:hover[b-q2eoyfip0l] {
    background: var(--v2-accent-hover);
    border-color: var(--v2-accent-hover);
    color: white;
}

.pdet-kanban-loading[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}

.pdet-kanban-board[b-q2eoyfip0l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(280px, 1fr));
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
}

@media (max-width: 1800px) {
    .pdet-kanban-board[b-q2eoyfip0l] {
        grid-template-columns: repeat(3, minmax(280px, 1fr));
    }
}

@media (max-width: 1200px) {
    .pdet-kanban-board[b-q2eoyfip0l] {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .pdet-kanban-board[b-q2eoyfip0l] {
        grid-template-columns: 1fr;
    }
}

/* ── Kanban Column ──────────────────────────────────────────────── */
.pdet-kanban-column[b-q2eoyfip0l] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    display: flex;
    flex-direction: column;
    min-height: 400px;
    max-height: 70vh;
}

.pdet-kanban-column-header[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
    border-radius: var(--v2-radius) var(--v2-radius) 0 0;
}

.pdet-kanban-column-header--draft[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-text-dim);
}

.pdet-kanban-column-header--inprogress[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-accent);
}

.pdet-kanban-column-header--inreview[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-orange);
}

.pdet-kanban-column-header--done[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-success);
}

.pdet-kanban-column-title[b-q2eoyfip0l] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--v2-text-bright);
}

.pdet-kanban-column-count[b-q2eoyfip0l] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(33, 70, 255, 0.25);
    border-radius: 99px;
    padding: 0.1rem 0.5rem;
    min-width: 1.5rem;
    text-align: center;
}

.pdet-kanban-column-body[b-q2eoyfip0l] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* ── Kanban Card ────────────────────────────────────────────────── */
.pdet-kanban-card[b-q2eoyfip0l] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.85rem 1rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    position: relative;
}

.pdet-kanban-card:hover[b-q2eoyfip0l] {
    border-color: var(--v2-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pdet-kanban-card--running[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-accent);
    background: rgba(33, 70, 255, 0.02);
}

.pdet-kanban-card--inreview[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-orange);
    background: rgba(251, 191, 36, 0.02);
}

.pdet-kanban-card--done[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-success);
    background: rgba(74, 222, 128, 0.02);
}

.pdet-kanban-card--failed[b-q2eoyfip0l] {
    border-left: 3px solid var(--v2-error);
    background: rgba(248, 113, 113, 0.02);
}

.pdet-kanban-status-badge[b-q2eoyfip0l] {
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
}

.pdet-kanban-status-badge--queued[b-q2eoyfip0l] {
    background: rgba(251, 191, 36, 0.15);
    color: var(--v2-orange);
}

.pdet-kanban-status-badge--running[b-q2eoyfip0l] {
    background: rgba(33, 70, 255, 0.15);
    color: var(--v2-accent);
}

.pdet-kanban-status-badge--error[b-q2eoyfip0l],
.pdet-kanban-status-badge--failed[b-q2eoyfip0l] {
    background: rgba(248, 113, 113, 0.15);
    color: var(--v2-error);
}

.pdet-kanban-status-badge--merged[b-q2eoyfip0l] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
}

.pdet-kanban-status-badge--closed[b-q2eoyfip0l] {
    background: rgba(251, 191, 36, 0.15);
    color: var(--v2-orange);
}

.pdet-kanban-status-badge--branchdeleted[b-q2eoyfip0l] {
    background: rgba(148, 163, 184, 0.15);
    color: #64748b;
}

.pdet-kanban-card-header[b-q2eoyfip0l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.pdet-kanban-card-title[b-q2eoyfip0l] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--v2-text-bright);
    flex: 1;
    line-height: 1.3;
}

.pdet-kanban-priority[b-q2eoyfip0l] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 600;
    background: rgba(251, 146, 60, 0.1);
    color: var(--v2-orange);
    border: 1px solid rgba(251, 146, 60, 0.25);
    border-radius: var(--v2-radius-sm);
    padding: 0.1rem 0.4rem;
    flex-shrink: 0;
}

.pdet-kanban-card-block[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    margin-bottom: 0.5rem;
}

.pdet-kanban-card-meta[b-q2eoyfip0l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.pdet-kanban-meta-item[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
}

.pdet-kanban-card-footer[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--v2-border);
}

.pdet-kanban-date[b-q2eoyfip0l] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
}

.pdet-kanban-type-badge[b-q2eoyfip0l] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.1rem 0.4rem;
    border-radius: var(--v2-radius-sm);
    background: rgba(139, 92, 246, 0.1);
    color: var(--v2-purple);
    border: 1px solid rgba(139, 92, 246, 0.25);
}

/* ── Card Indicators (PR, Deploy badges) ────────────────────── */
.pdet-kanban-card-indicators[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    padding-top: 0.35rem;
    margin-top: 0.25rem;
    border-top: 1px dashed var(--v2-border);
}

.pdet-kanban-indicator[b-q2eoyfip0l] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    white-space: nowrap;
}

.pdet-kanban-indicator--pr[b-q2eoyfip0l] {
    background: rgba(33, 70, 255, 0.1);
    color: var(--v2-accent);
}

.pdet-kanban-indicator--resolved[b-q2eoyfip0l] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--v2-success);
}

.pdet-kanban-indicator--unresolved[b-q2eoyfip0l] {
    background: rgba(251, 191, 36, 0.15);
    color: var(--v2-orange);
}

.pdet-kanban-indicator--deploy-succeeded[b-q2eoyfip0l],
.pdet-kanban-indicator--deploy-completed[b-q2eoyfip0l] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--v2-success);
}

.pdet-kanban-indicator--deploy-running[b-q2eoyfip0l],
.pdet-kanban-indicator--deploy-inprogress[b-q2eoyfip0l] {
    background: rgba(33, 70, 255, 0.1);
    color: var(--v2-accent);
}

.pdet-kanban-indicator--deploy-failed[b-q2eoyfip0l],
.pdet-kanban-indicator--deploy-error[b-q2eoyfip0l] {
    background: rgba(248, 113, 113, 0.15);
    color: var(--v2-error);
}

.pdet-kanban-empty[b-q2eoyfip0l] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-ghost);
    text-align: center;
}

/* ── Hide Task Buttons ──────────────────────────────────────────── */
.pdet-kanban-card-hide-btn[b-q2eoyfip0l] {
    background: transparent;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text-dim);
    cursor: pointer;
    padding: 0.4rem 0.5rem;
    font-size: 0.75rem;
    transition: all 0.2s;
    flex-shrink: 0;
    align-self: flex-start;
}

.pdet-kanban-card-hide-btn:hover[b-q2eoyfip0l] {
    background: var(--v2-surface-2);
    border-color: var(--v2-accent);
    color: var(--v2-accent);
}

.pdet-kanban-hide-all-btn[b-q2eoyfip0l] {
    background: transparent;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text-dim);
    cursor: pointer;
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    transition: all 0.2s;
}

.pdet-kanban-hide-all-btn:hover[b-q2eoyfip0l] {
    background: var(--v2-surface-2);
    border-color: var(--v2-accent);
    color: var(--v2-accent);
}
/* /Components/Pages/OrchestratorSection/Queue/OrchestratorPage.razor.rz.scp.css */
/* ── Loading ──────────────────────────────────────────────────────── */
.orch-loading[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}

/* ── Page header ──────────────────────────────────────────────────── */
.orch-page-header[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.orch-page-header-left[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.orch-page-icon[b-kzt71e99bh] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.05rem;
    flex-shrink: 0;
}

.orch-page-title[b-kzt71e99bh] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    letter-spacing: -0.01em;
    color: var(--v2-text-bright);
    margin: 0;
}

.orch-page-sub[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0.1rem 0 0;
}

/* ── Summary metric strip ─────────────────────────────────────────── */
.orch-metric-strip[b-kzt71e99bh] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
}

.orch-metric-card[b-kzt71e99bh] {
    flex: 1;
    min-width: 140px;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.orch-metric-value[b-kzt71e99bh] {
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 1.75rem;
    color: var(--v2-text-bright);
    line-height: 1;
}

.orch-metric-label[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ── Main layout ──────────────────────────────────────────────────── */
.orch-layout[b-kzt71e99bh] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 900px) {
    .orch-layout[b-kzt71e99bh] {
        grid-template-columns: 1fr;
    }
}

/* ── Hopper panel ─────────────────────────────────────────────────── */
.orch-hopper[b-kzt71e99bh] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
}

.orch-hopper-header[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
}

.orch-panel-title[b-kzt71e99bh] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--v2-text-bright);
}

.orch-hopper-count-badge[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.25);
    border-radius: 99px;
    padding: 0.1rem 0.5rem;
    min-width: 1.5rem;
    text-align: center;
}

.orch-hopper-body[b-kzt71e99bh] {
    padding: 0.5rem 0;
    max-height: 70vh;
    overflow-y: auto;
}

.orch-hopper-empty[b-kzt71e99bh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 1rem;
    text-align: center;
}

.orch-empty-icon[b-kzt71e99bh] {
    font-size: 1.5rem;
    color: var(--v2-text-ghost);
    margin-bottom: 0.6rem;
}

.orch-empty-text[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ── Hopper items ─────────────────────────────────────────────────── */
.orch-hopper-item[b-kzt71e99bh] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    transition: background 0.15s;
}

.orch-hopper-item:last-child[b-kzt71e99bh] {
    border-bottom: none;
}

.orch-hopper-item:hover[b-kzt71e99bh] {
    background: var(--v2-surface-2);
}

.orch-hopper-item-top[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.3rem;
}

.orch-item-title[b-kzt71e99bh] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--v2-text-bright);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.orch-item-type-badge[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.1rem 0.45rem;
    border-radius: var(--v2-radius-sm);
    flex-shrink: 0;
}

.orch-item-type-badge--task[b-kzt71e99bh] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

.orch-item-type-badge--block[b-kzt71e99bh] {
    background: rgba(74, 222, 128, 0.08);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.orch-item-type-badge--heal[b-kzt71e99bh] {
    background: rgba(251, 146, 60, 0.08);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.2);
}

.orch-meta-error-type[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.orch-meta-env[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-muted);
}

.orch-strategy-badge[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.1rem 0.45rem;
    border-radius: var(--v2-radius-sm);
    flex-shrink: 0;
    background: rgba(139, 92, 246, 0.1);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.25);
}

.orch-hopper-item-meta[b-kzt71e99bh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.orch-meta-project[b-kzt71e99bh],
.orch-meta-branch[b-kzt71e99bh],
.orch-meta-since[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
}

.orch-meta-branch[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
}

.orch-hopper-item-actions[b-kzt71e99bh] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.35rem;
}

.orch-assign-btn[b-kzt71e99bh] {
    font-size: 0.75rem;
    padding: 0.25rem 0.7rem;
}

/* ── Queue grid ───────────────────────────────────────────────────── */
.orch-queue-grid[b-kzt71e99bh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.orch-queue-card[b-kzt71e99bh] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 1rem 1.25rem;
    transition: border-color 0.2s;
}

.orch-queue-card--running[b-kzt71e99bh] {
    border-color: rgba(240, 104, 72, 0.35);
    border-left: 3px solid var(--v2-accent);
}

.orch-queue-card--error[b-kzt71e99bh] {
    border-color: rgba(248, 113, 113, 0.35);
    border-left: 3px solid var(--v2-error);
}

.orch-queue-header[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.orch-queue-number[b-kzt71e99bh] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--v2-text-bright);
}

.orch-queue-status-badge[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.15rem 0.5rem;
    border-radius: var(--v2-radius-sm);
}

.orch-queue-status-badge--idle[b-kzt71e99bh] {
    background: rgba(139, 147, 165, 0.1);
    color: var(--v2-text-dim);
    border: 1px solid var(--v2-border);
}

.orch-queue-status-badge--running[b-kzt71e99bh] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.25);
}

.orch-queue-status-badge--error[b-kzt71e99bh] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

/* ── Queue running link ───────────────────────────────────────────── */
.orch-queue-running-link[b-kzt71e99bh] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.orch-queue-running-link:hover .orch-queue-running-item[b-kzt71e99bh] {
    background: var(--v2-surface);
    border-color: var(--v2-accent);
}

/* ── Queue running item ───────────────────────────────────────────── */
.orch-queue-running-item[b-kzt71e99bh] {
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.75rem 0.9rem;
}

.orch-running-item-top[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.orch-running-item-meta[b-kzt71e99bh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* ── Queue idle state ─────────────────────────────────────────────── */
.orch-queue-idle-state[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0;
}

.orch-idle-dot[b-kzt71e99bh] {
    font-size: 0.45rem;
    color: var(--v2-text-ghost);
}

.orch-idle-text[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-dim);
}

/* ── Auto-scheduler badge ─────────────────────────────────────────── */
.orch-page-header-right[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.orch-auto-badge[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: rgba(74, 222, 128, 0.08);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 99px;
    padding: 0.25rem 0.65rem;
    cursor: default;
}

/* ── Drag hint text ───────────────────────────────────────────────── */
.orch-drag-hint[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    text-align: center;
    padding: 0.4rem 1rem 0.1rem;
    margin: 0;
}

/* ── Hopper item drag layout ──────────────────────────────────────── */
.orch-hopper-item[b-kzt71e99bh] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: grab;
}

.orch-hopper-item:active[b-kzt71e99bh] {
    cursor: grabbing;
}

.orch-hopper-item-drag-handle[b-kzt71e99bh] {
    color: var(--v2-text-ghost);
    font-size: 0.75rem;
    padding: 0.85rem 0 0 0;
    flex-shrink: 0;
    cursor: grab;
}

.orch-hopper-item-content[b-kzt71e99bh] {
    flex: 1;
    min-width: 0;
}

/* ── Hopper drag states ───────────────────────────────────────────── */
.orch-hopper-item--dragging[b-kzt71e99bh] {
    opacity: 0.4;
    background: var(--v2-surface-2);
    transform: scale(0.98);
}

.orch-hopper-item--drop-target[b-kzt71e99bh] {
    border-top: 2px solid var(--v2-accent);
    background: var(--v2-accent-bg);
}

/* ── Queue drop zone states ───────────────────────────────────────── */
.orch-queue-card--drop-ready[b-kzt71e99bh] {
    border-color: var(--v2-accent) !important;
    background: rgba(240, 104, 72, 0.06);
    box-shadow: 0 0 0 2px var(--v2-accent-glow);
}

.orch-queue-card--drop-blocked[b-kzt71e99bh] {
    opacity: 0.6;
    border-color: rgba(248, 113, 113, 0.35) !important;
    background: rgba(248, 113, 113, 0.04);
}

.orch-queue-drop-zone[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.75rem;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-accent-light);
    border: 1px dashed rgba(240, 104, 72, 0.4);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-accent-bg);
}

.orch-queue-drop-blocked[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-error);
}

/* ── Execution metadata ───────────────────────────────────────────── */
.orch-meta-provider[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
}

.orch-exec-model[b-kzt71e99bh] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-ghost);
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.1rem 0.35rem;
}

.orch-exec-activity[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    color: var(--v2-accent-light);
    margin-top: 0.5rem;
}

/* ── Queue completed / error states ──────────────────────────────── */
.orch-queue-completed-state[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-success);
}

.orch-queue-error-state[b-kzt71e99bh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-error);
}

/* ── Queue empty state ────────────────────────────────────────────── */
.orch-queues-empty[b-kzt71e99bh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3rem 2rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
}

.orch-queues-empty-icon[b-kzt71e99bh] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.orch-queues-empty-title[b-kzt71e99bh] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-text-bright);
    margin: 0 0 0.4rem;
}

.orch-queues-empty-sub[b-kzt71e99bh] {
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text-dim);
    margin: 0;
}
/* /Components/Pages/SystemAdminSection/EarlyAccessRegistrationsPage.razor.rz.scp.css */
/* ── Toolbar (search + count) ── */
.v2-ea-toolbar[b-5mar1nk652] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.v2-ea-search[b-5mar1nk652] {
    flex: 0 1 360px;
}

.v2-ea-search-input[b-5mar1nk652] {
    padding-left: 2.5rem;
    width: 100%;
}

.v2-ea-count[b-5mar1nk652] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    margin-left: auto;
}

/* ── Table ── */
.v2-ea-table-wrap[b-5mar1nk652] {
    overflow-x: auto;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    background: var(--v2-surface);
}

.v2-ea-table[b-5mar1nk652] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text);
}

.v2-ea-table thead tr[b-5mar1nk652] {
    border-bottom: 1px solid var(--v2-border);
}

.v2-ea-table th[b-5mar1nk652] {
    padding: 0.75rem 1rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
    text-align: left;
    white-space: nowrap;
}

.v2-ea-table td[b-5mar1nk652] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    vertical-align: middle;
}

.v2-ea-table tbody tr:last-child td[b-5mar1nk652] {
    border-bottom: none;
}

.v2-ea-table tbody tr:hover td[b-5mar1nk652] {
    background: var(--v2-surface-2);
}

.v2-ea-row-icon[b-5mar1nk652] {
    color: var(--v2-text-ghost);
    margin-right: 0.5rem;
    font-size: 0.85rem;
}

.v2-ea-dim[b-5mar1nk652] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    color: var(--v2-text-dim);
}

/* ── Badges ── */
.v2-ea-badge[b-5mar1nk652] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.6rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.v2-ea-badge--success[b-5mar1nk652] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.v2-ea-badge--warning[b-5mar1nk652] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.25);
}

/* ── Row actions ── */
.v2-ea-row-actions[b-5mar1nk652] {
    display: flex;
    gap: 0.4rem;
}

.v2-ea-action-btn[b-5mar1nk652] {
    padding: 0.35rem 0.55rem;
    font-size: 0.85rem;
}

.v2-ea-action-btn--danger:hover[b-5mar1nk652] {
    color: var(--v2-error);
    border-color: var(--v2-error);
}

/* ── Empty state ── */
.v2-ea-empty[b-5mar1nk652] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.v2-ea-empty-icon[b-5mar1nk652] {
    font-size: 2.5rem;
    color: var(--v2-text-ghost);
    margin-bottom: 1rem;
}

.v2-ea-empty-title[b-5mar1nk652] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 0.4rem;
}

.v2-ea-empty-sub[b-5mar1nk652] {
    font-size: 0.9rem;
    color: var(--v2-text-dim);
    margin: 0;
}

/* ── Load more ── */
.v2-ea-load-more[b-5mar1nk652] {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}
/* /Components/Pages/SystemAdminSection/PagePermissionsPage.razor.rz.scp.css */
/* ── Meta cards spacing ── */
.v2-pp-meta[b-xqm57mb3ak] {
    margin-bottom: 1.25rem;
}

.v2-pp-meta-warning[b-xqm57mb3ak] {
    color: var(--v2-warning);
}

.v2-pp-meta-success[b-xqm57mb3ak] {
    color: var(--v2-success);
}

/* ── Filter row ── */
.v2-pp-filter-row[b-xqm57mb3ak] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.v2-pp-checkbox-group[b-xqm57mb3ak] {
    justify-content: center;
}

.v2-pp-checkbox[b-xqm57mb3ak] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.v2-pp-checkbox input[type="checkbox"][b-xqm57mb3ak] {
    width: 16px;
    height: 16px;
    accent-color: var(--v2-accent);
    cursor: pointer;
}

.v2-pp-clear-btn[b-xqm57mb3ak] {
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
}

/* ── Active filter badges ── */
.v2-pp-active-filters[b-xqm57mb3ak] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.v2-pp-filter-badge[b-xqm57mb3ak] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

/* ── Section cards ── */
.v2-pp-section[b-xqm57mb3ak] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    margin-bottom: 1rem;
    overflow: hidden;
}

.v2-pp-section-header[b-xqm57mb3ak] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.15rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
}

.v2-pp-section-icon[b-xqm57mb3ak] {
    color: var(--v2-text-ghost);
    font-size: 0.85rem;
}

.v2-pp-section-name[b-xqm57mb3ak] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

/* ── Badges ── */
.v2-pp-badge[b-xqm57mb3ak] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.v2-pp-badge--neutral[b-xqm57mb3ak] {
    background: rgba(139, 147, 165, 0.1);
    color: var(--v2-text-dim);
    border: 1px solid rgba(139, 147, 165, 0.2);
}

.v2-pp-badge--warning[b-xqm57mb3ak] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.25);
}

.v2-pp-badge--success[b-xqm57mb3ak] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.v2-pp-badge--accent[b-xqm57mb3ak] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.25);
}

.v2-pp-badge--danger[b-xqm57mb3ak] {
    background: rgba(248, 113, 113, 0.1);
    color: var(--v2-error);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

/* ── Table ── */
.v2-pp-table-wrap[b-xqm57mb3ak] {
    overflow-x: auto;
}

.v2-pp-table[b-xqm57mb3ak] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
}

.v2-pp-table thead tr[b-xqm57mb3ak] {
    border-bottom: 1px solid var(--v2-border);
}

.v2-pp-table th[b-xqm57mb3ak] {
    padding: 0.65rem 1rem;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
    text-align: left;
    white-space: nowrap;
}

.v2-pp-th-icon[b-xqm57mb3ak] {
    width: 40px;
}

.v2-pp-th-type[b-xqm57mb3ak] {
    width: 100px;
}

.v2-pp-table td[b-xqm57mb3ak] {
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    vertical-align: middle;
}

.v2-pp-table tbody tr:last-child td[b-xqm57mb3ak] {
    border-bottom: none;
}

.v2-pp-table tbody tr:hover td[b-xqm57mb3ak] {
    background: var(--v2-surface-2);
}

/* ── Cell styles ── */
.v2-pp-type-icon[b-xqm57mb3ak] {
    color: var(--v2-text-ghost);
    font-size: 0.85rem;
}

.v2-pp-page-name[b-xqm57mb3ak] {
    display: block;
    font-weight: 600;
    color: var(--v2-text-bright);
    font-size: 0.88rem;
}

.v2-pp-page-full[b-xqm57mb3ak] {
    display: block;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    margin-top: 0.15rem;
}

.v2-pp-route[b-xqm57mb3ak] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    padding: 0.15rem 0.45rem;
    border-radius: var(--v2-radius-sm);
}

.v2-pp-dim[b-xqm57mb3ak] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    color: var(--v2-text-ghost);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .v2-pp-filter-row[b-xqm57mb3ak] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .v2-pp-filter-row[b-xqm57mb3ak] {
        grid-template-columns: 1fr;
    }

    .v2-pp-section-header[b-xqm57mb3ak] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/SystemAdminSection/PageTrackingDashboard.razor.rz.scp.css */
/* ── Meta cards ── */
.v2-pt-meta[b-ryd4hop47h] {
    margin-bottom: 1.25rem;
}

.v2-pt-meta-accent[b-ryd4hop47h] {
    color: var(--v2-accent-light);
}

.v2-pt-meta-success[b-ryd4hop47h] {
    color: var(--v2-success);
}

.v2-pt-meta-warning[b-ryd4hop47h] {
    color: var(--v2-warning);
}

/* ── Filter row ── */
.v2-pt-filter-row[b-ryd4hop47h] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

/* ── Tabs ── */
.v2-pt-tabs[b-ryd4hop47h] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--v2-border);
    padding-bottom: 0;
}

.v2-pt-tab[b-ryd4hop47h] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    border: none;
    background: transparent;
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--v2-text-dim);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.25s, border-color 0.25s;
}

.v2-pt-tab:hover[b-ryd4hop47h] {
    color: var(--v2-text-bright);
}

.v2-pt-tab--active[b-ryd4hop47h] {
    color: var(--v2-accent-light);
    border-bottom-color: var(--v2-accent);
}

/* ── Content area ── */
.v2-pt-content[b-ryd4hop47h] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
}

/* ── Heatmap ── */
.v2-pt-heatmap[b-ryd4hop47h] {
    display: flex;
    flex-direction: column;
    max-height: 600px;
    overflow-y: auto;
}

.v2-pt-heatmap-item[b-ryd4hop47h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.15rem;
    border-bottom: 1px solid var(--v2-border);
    background: rgba(240, 104, 72, var(--v2-pt-intensity, 0.08));
    transition: background 0.25s;
}

.v2-pt-heatmap-item:last-child[b-ryd4hop47h] {
    border-bottom: none;
}

.v2-pt-heatmap-item:hover[b-ryd4hop47h] {
    background: var(--v2-surface-2);
}

.v2-pt-heatmap-info[b-ryd4hop47h] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.v2-pt-heatmap-title[b-ryd4hop47h] {
    font-family: var(--v2-font-body);
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--v2-text-bright);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v2-pt-heatmap-url[b-ryd4hop47h] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    color: var(--v2-text-dim);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v2-pt-heatmap-badges[b-ryd4hop47h] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

/* ── Badges ── */
.v2-pt-badge[b-ryd4hop47h] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.v2-pt-badge--accent[b-ryd4hop47h] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.25);
}

.v2-pt-badge--neutral[b-ryd4hop47h] {
    background: rgba(139, 147, 165, 0.1);
    color: var(--v2-text-dim);
    border: 1px solid rgba(139, 147, 165, 0.2);
}

/* ── Tables ── */
.v2-pt-table-wrap[b-ryd4hop47h] {
    overflow-x: auto;
}

.v2-pt-table[b-ryd4hop47h] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
}

.v2-pt-table thead tr[b-ryd4hop47h] {
    border-bottom: 1px solid var(--v2-border);
}

.v2-pt-table th[b-ryd4hop47h] {
    padding: 0.65rem 1rem;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
    text-align: left;
    white-space: nowrap;
}

.v2-pt-table td[b-ryd4hop47h] {
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    vertical-align: middle;
}

.v2-pt-table tbody tr:last-child td[b-ryd4hop47h] {
    border-bottom: none;
}

.v2-pt-table tbody tr:hover td[b-ryd4hop47h] {
    background: var(--v2-surface-2);
}

/* ── Cell styles ── */
.v2-pt-page-name[b-ryd4hop47h] {
    font-weight: 600;
    color: var(--v2-text-bright);
    font-size: 0.88rem;
}

.v2-pt-route[b-ryd4hop47h] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    padding: 0.15rem 0.45rem;
    border-radius: var(--v2-radius-sm);
}

.v2-pt-dim[b-ryd4hop47h] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    color: var(--v2-text-ghost);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .v2-pt-filter-row[b-ryd4hop47h] {
        grid-template-columns: 1fr 1fr;
    }

    .v2-pt-tabs[b-ryd4hop47h] {
        overflow-x: auto;
    }

    .v2-pt-heatmap-item[b-ryd4hop47h] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .v2-pt-filter-row[b-ryd4hop47h] {
        grid-template-columns: 1fr;
    }

    .v2-pt-tabs[b-ryd4hop47h] {
        gap: 0;
    }

    .v2-pt-tab[b-ryd4hop47h] {
        padding: 0.5rem 0.65rem;
        font-size: 0.68rem;
    }
}
/* /Components/Pages/SystemAdminSection/WhatsNewManagementPage.razor.rz.scp.css */
/* ── Table ── */
.v2-wn-table-wrap[b-jli7ad38up] {
    overflow-x: auto;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    background: var(--v2-surface);
}

.v2-wn-table[b-jli7ad38up] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    color: var(--v2-text);
}

.v2-wn-table thead tr[b-jli7ad38up] {
    border-bottom: 1px solid var(--v2-border);
}

.v2-wn-table th[b-jli7ad38up] {
    padding: 0.75rem 1rem;
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--v2-text-dim);
    text-align: left;
    white-space: nowrap;
}

.v2-wn-table td[b-jli7ad38up] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    vertical-align: middle;
}

.v2-wn-table tbody tr:last-child td[b-jli7ad38up] {
    border-bottom: none;
}

.v2-wn-table tbody tr:hover td[b-jli7ad38up] {
    background: var(--v2-surface-2);
}

.v2-wn-dim[b-jli7ad38up] {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    color: var(--v2-text-dim);
}

/* ── Badges ── */
.v2-wn-badge[b-jli7ad38up] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

/* Version badge — accent blue */
.v2-wn-badge--version[b-jli7ad38up] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.25);
}

/* Status badges */
.v2-wn-badge--active[b-jli7ad38up] {
    background: rgba(74, 222, 128, 0.1);
    color: var(--v2-success);
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.v2-wn-badge--scheduled[b-jli7ad38up] {
    background: rgba(252, 211, 77, 0.1);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.25);
}

/* Module badges */
.v2-wn-badge--module-general[b-jli7ad38up] {
    background: rgba(139, 147, 165, 0.12);
    color: var(--v2-text-dim);
    border: 1px solid var(--v2-border);
}

.v2-wn-badge--module-commit[b-jli7ad38up] {
    background: rgba(240, 104, 72, 0.08);
    color: var(--v2-accent-light);
    border: 1px solid rgba(240, 104, 72, 0.2);
}

.v2-wn-badge--module-healing[b-jli7ad38up] {
    background: rgba(252, 211, 77, 0.08);
    color: var(--v2-warning);
    border: 1px solid rgba(252, 211, 77, 0.2);
}

/* ── Content preview ── */
.v2-wn-content-preview[b-jli7ad38up] {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    color: var(--v2-text-dim);
}

/* ── Row actions ── */
.v2-wn-row-actions[b-jli7ad38up] {
    display: flex;
    gap: 0.4rem;
}

.v2-wn-action-btn[b-jli7ad38up] {
    padding: 0.35rem 0.55rem;
    font-size: 0.85rem;
}

.v2-wn-action-btn--danger:hover[b-jli7ad38up] {
    color: var(--v2-error);
    border-color: var(--v2-error);
}

/* ── Empty state ── */
.v2-wn-empty[b-jli7ad38up] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.v2-wn-empty-icon[b-jli7ad38up] {
    font-size: 2.5rem;
    color: var(--v2-text-ghost);
    margin-bottom: 1rem;
}

.v2-wn-empty-title[b-jli7ad38up] {
    font-family: var(--v2-font-display);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    margin: 0 0 0.4rem;
}

.v2-wn-empty-sub[b-jli7ad38up] {
    font-size: 0.9rem;
    color: var(--v2-text-dim);
    margin: 0;
}
/* /Components/Pages/WhatsNewPage.razor.rz.scp.css */
/* ── What's New Page — Terminal Noir ── */

.whats-new-page[b-483133592v] {
    padding: 1.5rem 2rem;
    max-width: 52rem;
}

/* ── Loading ── */
.wn-loading[b-483133592v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.wn-spinner[b-483133592v] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: wn-spin-b-483133592v 0.8s linear infinite;
}
.wn-spinner--sm[b-483133592v] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}
@keyframes wn-spin-b-483133592v { to { transform: rotate(360deg); } }
.wn-loading-text[b-483133592v] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── Feed ── */
.wn-feed[b-483133592v] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* ── Entry ── */
.wn-entry[b-483133592v] {
    display: grid;
    grid-template-columns: 8rem 1fr;
    gap: 1.25rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--v2-border);
}
.wn-entry:first-child[b-483133592v] {
    padding-top: 0;
}
.wn-entry:last-child[b-483133592v] {
    border-bottom: none;
}

.wn-entry-aside[b-483133592v] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-top: 0.15rem;
}

.wn-version[b-483133592v] {
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    padding: 0.15rem 0.55rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid rgba(240, 104, 72, 0.15);
    width: fit-content;
}

.wn-date[b-483133592v] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    color: var(--v2-text-ghost);
}

/* ── Content typography ── */
.wn-entry-content[b-483133592v] {
    min-width: 0;
}

[b-483133592v] .wn-entry-content h1,
[b-483133592v] .wn-entry-content h2,
[b-483133592v] .wn-entry-content h3,
[b-483133592v] .wn-entry-content h4,
[b-483133592v] .wn-entry-content h5,
[b-483133592v] .wn-entry-content h6 {
    color: var(--v2-text-bright);
    font-family: var(--v2-font-display);
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 0.4rem;
}
[b-483133592v] .wn-entry-content h1:not(:first-child),
[b-483133592v] .wn-entry-content h2:not(:first-child),
[b-483133592v] .wn-entry-content h3:not(:first-child) {
    margin-top: 0.75rem;
}
[b-483133592v] .wn-entry-content p {
    color: var(--v2-text);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}
[b-483133592v] .wn-entry-content ul {
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
}
[b-483133592v] .wn-entry-content li {
    color: var(--v2-text);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
}
[b-483133592v] .wn-entry-content strong {
    color: var(--v2-text-bright);
}
[b-483133592v] .wn-entry-content code {
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    background: var(--v2-void);
    padding: 0.1rem 0.35rem;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-accent-light);
}

/* ── Load more ── */
.wn-load-more[b-483133592v] {
    text-align: center;
    padding: 1.5rem 0;
}
.wn-load-more-btn[b-483133592v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.wn-load-more-btn:hover:not(:disabled)[b-483133592v] {
    border-color: var(--v2-accent);
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
}
.wn-load-more-btn:disabled[b-483133592v] {
    opacity: 0.5;
    cursor: default;
}

/* ── Empty state ── */
.wn-empty[b-483133592v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 4rem 2rem;
}
.wn-empty-icon[b-483133592v] {
    font-size: 1.6rem;
    color: var(--v2-text-ghost);
    opacity: 0.5;
    margin-bottom: 0.25rem;
}
.wn-empty-title[b-483133592v] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-text-dim);
}
.wn-empty-hint[b-483133592v] {
    font-family: var(--v2-font-body);
    font-size: 0.8rem;
    color: var(--v2-text-ghost);
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .whats-new-page[b-483133592v] { padding: 1rem; }
    .wn-entry[b-483133592v] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    .wn-entry-aside[b-483133592v] {
        flex-direction: row;
        align-items: center;
        gap: 0.65rem;
    }
}
/* /Components/Shared/GettingStartedPanel.razor.rz.scp.css */
/* GettingStartedPanel — V2 "Terminal Noir" styling (scoped) */

.getting-started-card[b-6xf2q2ny2l] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    box-shadow: none;
    overflow: hidden;
}

.getting-started-header[b-6xf2q2ny2l] {
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
}

.getting-started-content[b-6xf2q2ny2l] {
    display: flex;
    align-items: center;
}

.getting-started-icon[b-6xf2q2ny2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    font-size: 1.25rem;
}

.getting-started-title[b-6xf2q2ny2l] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--v2-text-bright);
}

.getting-started-subtitle[b-6xf2q2ny2l] {
    display: block;
    margin-top: 0.25rem;
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
}

.getting-started-close[b-6xf2q2ny2l] {
    opacity: 0.6;
}

.getting-started-close:hover[b-6xf2q2ny2l] {
    opacity: 1;
}

.getting-started-body[b-6xf2q2ny2l] {
    padding: 1.5rem 1.5rem 1.25rem;
    background: var(--v2-surface);
}

.progress-label[b-6xf2q2ny2l] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
}

.progress-badge[b-6xf2q2ny2l] {
    background-color: var(--v2-accent) !important;
    color: #fff;
    font-family: var(--v2-font-mono);
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
}

.getting-started-progress[b-6xf2q2ny2l] {
    height: 0.55rem;
    border-radius: 999px;
    background-color: var(--v2-void);
    border: 1px solid var(--v2-border);
}

.getting-started-progress-bar[b-6xf2q2ny2l] {
    background-image: linear-gradient(90deg, var(--v2-accent-light), var(--v2-accent));
    border-radius: 999px;
    transition: width 0.3s ease;
}

.getting-started-steps[b-6xf2q2ny2l] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.getting-started-step[b-6xf2q2ny2l] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--v2-border);
    transition: background-color 0.15s ease;
}

.getting-started-step:last-child[b-6xf2q2ny2l] {
    border-bottom: none;
    padding-bottom: 0;
}

.getting-started-step:hover[b-6xf2q2ny2l] {
    background-color: var(--v2-surface-2);
    border-radius: var(--v2-radius-sm);
}

.getting-started-step.completed[b-6xf2q2ny2l] {
    opacity: 0.7;
}

.step-checkbox[b-6xf2q2ny2l] {
    font-size: 1.1rem;
    width: 1.5rem;
    text-align: center;
}

.step-completed-icon[b-6xf2q2ny2l] {
    color: var(--v2-accent-light);
}

.step-pending-icon[b-6xf2q2ny2l] {
    color: var(--v2-text-ghost);
}

.step-title[b-6xf2q2ny2l] {
    font-family: var(--v2-font-body);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.step-title--completed[b-6xf2q2ny2l] {
    color: var(--v2-accent-light);
}

.step-title a[b-6xf2q2ny2l] {
    color: var(--v2-accent-light);
    text-decoration: none;
    transition: color 0.2s ease;
}

.step-title a:hover[b-6xf2q2ny2l] {
    color: var(--v2-accent);
    text-decoration: underline;
}

.step-description[b-6xf2q2ny2l] {
    font-family: var(--v2-font-body);
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--v2-text-dim);
}

.sub-steps[b-6xf2q2ny2l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.sub-step-link[b-6xf2q2ny2l] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    color: var(--v2-accent-light);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0.9;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.sub-step-link i[b-6xf2q2ny2l] {
    font-size: 0.7rem;
}

.sub-step-link:hover[b-6xf2q2ny2l] {
    color: var(--v2-accent);
    opacity: 1;
    text-decoration: underline;
}

.getting-started-complete[b-6xf2q2ny2l] {
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.3);
    color: var(--v2-text-bright);
    padding: 0.85rem 1rem;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
}
/* /Components/Shared/PrChecksPanel.razor.rz.scp.css */
/* ── Checks Panel ─────────────────────────────────────────────── */
.ndk-checks-panel[b-2l0tbadj7j] {
    margin-top: 1rem;
}

.ndk-checks-header[b-2l0tbadj7j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
    margin-bottom: 0.75rem;
}

.ndk-checks-header i[b-2l0tbadj7j] {
    color: var(--v2-accent);
    font-size: 1rem;
}

.ndk-checks-title[b-2l0tbadj7j] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.ndk-checks-count[b-2l0tbadj7j] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(33, 70, 255, 0.25);
    border-radius: 99px;
    padding: 0.1rem 0.5rem;
    min-width: 1.5rem;
    text-align: center;
}

.ndk-checks-loading[b-2l0tbadj7j],
.ndk-checks-error[b-2l0tbadj7j],
.ndk-checks-empty[b-2l0tbadj7j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem 1rem;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-ghost);
}

.ndk-checks-error[b-2l0tbadj7j] {
    color: var(--v2-danger, #ef4444);
}

/* ── Checks List ──────────────────────────────────────────────── */
.ndk-checks-list[b-2l0tbadj7j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── Check Item ───────────────────────────────────────────────── */
.ndk-check-item[b-2l0tbadj7j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.65rem 0.85rem;
    transition: all 0.2s;
}

.ndk-check-item:hover[b-2l0tbadj7j] {
    border-color: var(--v2-accent);
}

.ndk-check-item--failure[b-2l0tbadj7j] {
    border-left: 3px solid #ef4444;
}

.ndk-check-item--success[b-2l0tbadj7j] {
    border-left: 3px solid #22c55e;
}

.ndk-check-item--cancelled[b-2l0tbadj7j],
.ndk-check-item--skipped[b-2l0tbadj7j] {
    border-left: 3px solid var(--v2-text-ghost);
    opacity: 0.7;
}

.ndk-check-item--pending[b-2l0tbadj7j] {
    border-left: 3px solid #f59e0b;
}

.ndk-check-item--neutral[b-2l0tbadj7j] {
    border-left: 3px solid var(--v2-border);
}

/* ── Check Icon ───────────────────────────────────────────────── */
.ndk-check-icon[b-2l0tbadj7j] {
    font-size: 1.1rem;
    flex-shrink: 0;
    width: 1.5rem;
    text-align: center;
}

/* ── Check Details ────────────────────────────────────────────── */
.ndk-check-details[b-2l0tbadj7j] {
    flex: 1;
    min-width: 0;
}

.ndk-check-name[b-2l0tbadj7j] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--v2-text-bright);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ndk-check-status[b-2l0tbadj7j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.2rem;
}

/* ── Check Badge ──────────────────────────────────────────────── */
.ndk-check-badge[b-2l0tbadj7j] {
    font-family: var(--v2-font-body);
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.1rem 0.5rem;
    border-radius: 99px;
    text-transform: capitalize;
}

.ndk-check-badge--success[b-2l0tbadj7j] {
    background: rgba(34, 197, 94, 0.12);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
}


.ndk-check-badge--cancelled[b-2l0tbadj7j],
.ndk-check-badge--skipped[b-2l0tbadj7j] {
    background: rgba(107, 114, 128, 0.12);
    color: #6b7280;
    border: 1px solid rgba(107, 114, 128, 0.3);
}

.ndk-check-badge--pending[b-2l0tbadj7j] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

/* ── Check Time ───────────────────────────────────────────────── */
.ndk-check-time[b-2l0tbadj7j] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
}

/* ── Check Link ───────────────────────────────────────────────── */
.ndk-check-link[b-2l0tbadj7j] {
    flex-shrink: 0;
    color: var(--v2-text-dim);
    font-size: 0.82rem;
    padding: 0.25rem;
    transition: color 0.2s;
    text-decoration: none;
}

.ndk-check-link:hover[b-2l0tbadj7j] {
    color: var(--v2-accent-light);
}

/* ── Footer ───────────────────────────────────────────────────── */
.ndk-checks-footer[b-2l0tbadj7j] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    border-top: 1px solid var(--v2-border);
}
.ndk-check-badge--failure[b-2l0tbadj7j] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* /Components/Shared/PrFeedbackPanel.razor.rz.scp.css */
/* ── Feedback Panel ─────────────────────────────────────────────── */
.ndk-feedback-panel[b-mlyhyan3tp] {
    margin-top: 1rem;
}

.ndk-feedback-header[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border);
    margin-bottom: 0.75rem;
}

.ndk-feedback-header i[b-mlyhyan3tp] {
    color: var(--v2-accent);
    font-size: 1rem;
}

.ndk-feedback-title[b-mlyhyan3tp] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--v2-text-bright);
}

.ndk-feedback-count[b-mlyhyan3tp] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    border: 1px solid rgba(33, 70, 255, 0.25);
    border-radius: 99px;
    padding: 0.1rem 0.5rem;
    min-width: 1.5rem;
    text-align: center;
}

.ndk-feedback-loading[b-mlyhyan3tp],
.ndk-feedback-error[b-mlyhyan3tp],
.ndk-feedback-empty[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem 1rem;
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text-ghost);
}

.ndk-feedback-error[b-mlyhyan3tp] {
    color: var(--v2-danger, #ef4444);
}

/* ── Feedback List ─────────────────────────────────────────────── */
.ndk-feedback-list[b-mlyhyan3tp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 50vh;
    overflow-y: auto;
}

/* ── Feedback Item ─────────────────────────────────────────────── */
.ndk-feedback-item[b-mlyhyan3tp] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.85rem 1rem;
    transition: all 0.2s;
}

.ndk-feedback-item:hover[b-mlyhyan3tp] {
    border-color: var(--v2-accent);
}

.ndk-feedback-item--resolved[b-mlyhyan3tp] {
    opacity: 0.55;
    background: var(--v2-surface-2, rgba(0,0,0,0.02));
}

.ndk-feedback-item--resolved:hover[b-mlyhyan3tp] {
    opacity: 0.75;
}

.ndk-feedback-item-header[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

/* ── Author ────────────────────────────────────────────────────── */
.ndk-feedback-author[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ndk-feedback-avatar[b-mlyhyan3tp] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--v2-accent-bg);
    color: var(--v2-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--v2-font-display);
    font-weight: 700;
    font-size: 0.65rem;
    flex-shrink: 0;
}

.ndk-feedback-author-name[b-mlyhyan3tp] {
    font-family: var(--v2-font-display);
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--v2-text-bright);
}

/* ── Badges ────────────────────────────────────────────────────── */
.ndk-feedback-badges[b-mlyhyan3tp] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.ndk-feedback-badge[b-mlyhyan3tp] {
    font-family: var(--v2-font-body);
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.15rem 0.55rem;
    border-radius: 99px;
    white-space: nowrap;
}

.ndk-feedback-badge--fix[b-mlyhyan3tp] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.ndk-feedback-badge--info[b-mlyhyan3tp] {
    background: rgba(34, 197, 94, 0.12);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

/* ── Content ───────────────────────────────────────────────────── */
.ndk-feedback-content[b-mlyhyan3tp] {
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
    color: var(--v2-text);
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom: 0.5rem;
}

/* ── AI Reasoning ──────────────────────────────────────────────── */
.ndk-feedback-reasoning[b-mlyhyan3tp] {
    margin-bottom: 0.5rem;
}

.ndk-feedback-reasoning-toggle[b-mlyhyan3tp] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--v2-text-dim);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 0.2s;
}

.ndk-feedback-reasoning-toggle:hover[b-mlyhyan3tp] {
    color: var(--v2-accent-light);
}

.ndk-feedback-reasoning-content[b-mlyhyan3tp] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    background: var(--v2-surface-2, rgba(0,0,0,0.03));
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 0.6rem 0.8rem;
    margin-top: 0.35rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

/* ── Footer ────────────────────────────────────────────────────── */
.ndk-feedback-item-footer[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    border-top: 1px solid var(--v2-border);
}

.ndk-feedback-timestamp[b-mlyhyan3tp] {
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-text-ghost);
}

.ndk-feedback-resolve-label[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    color: var(--v2-text-dim);
    cursor: pointer;
    user-select: none;
}

.ndk-feedback-resolve-label input[type="checkbox"][b-mlyhyan3tp] {
    accent-color: var(--v2-accent);
    cursor: pointer;
}

/* ── Actions Row ──────────────────────────────────────────────── */
.ndk-feedback-actions[b-mlyhyan3tp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ── Fix This Button ──────────────────────────────────────────── */
.ndk-feedback-fix-btn[b-mlyhyan3tp] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    font-weight: 600;
    color: #fff;
    background: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.5);
    border-radius: var(--v2-radius-sm);
    padding: 0.3rem 0.65rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.ndk-feedback-fix-btn:hover:not(:disabled)[b-mlyhyan3tp] {
    background: #dc2626;
    border-color: #dc2626;
}

.ndk-feedback-fix-btn:disabled[b-mlyhyan3tp] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* /Components/Shared/StatCard.razor.rz.scp.css */
/* ── StatCard — Scoped CSS ── */
.stat-card[b-n1otg5ivrr] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); padding: 1.25rem 1.5rem; display: flex; align-items: center; gap: 1rem; transition: border-color 0.25s, box-shadow 0.25s; }
.stat-card:hover[b-n1otg5ivrr] { border-color: var(--v2-border-hover); }
.stat-icon[b-n1otg5ivrr] { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--v2-accent-bg); color: var(--v2-accent); font-size: 1.1rem; flex-shrink: 0; }
.stat-icon--success[b-n1otg5ivrr] { color: var(--v2-success); background: rgba(74, 222, 128, 0.08); }
.stat-icon--warning[b-n1otg5ivrr] { color: var(--v2-warning); background: rgba(252, 211, 77, 0.08); }
.stat-icon--error[b-n1otg5ivrr] { color: var(--v2-error); background: rgba(248, 113, 113, 0.08); }
.stat-icon--info[b-n1otg5ivrr] { color: var(--v2-accent-light); background: rgba(112, 128, 255, 0.08); }
.stat-content[b-n1otg5ivrr] { flex: 1; min-width: 0; }
.stat-label[b-n1otg5ivrr] { font-family: var(--v2-font-mono); font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--v2-text-ghost); margin: 0; }
.stat-value[b-n1otg5ivrr] { font-family: var(--v2-font-display); font-size: clamp(1.4rem, 2.5vw, 1.8rem); font-weight: 700; color: var(--v2-text-bright); letter-spacing: -0.02em; margin: 0.15rem 0 0; line-height: 1.1; }
.stat-value--sm[b-n1otg5ivrr] { font-size: clamp(1.1rem, 2vw, 1.35rem); }
.stat-sub[b-n1otg5ivrr] { font-family: var(--v2-font-body); font-size: 0.75rem; color: var(--v2-text-ghost); margin: 0.2rem 0 0; }

/* /Components/Shared/V2DataGrid.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   V2DataGrid — Terminal Noir scoped styles
   ══════════════════════════════════════════════ */

/* ── Container ── */
.v2-grid[b-kgemay2788] {
    background: var(--v2-surface);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    overflow: hidden;
    position: relative;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.v2-grid:hover[b-kgemay2788] {
    border-color: var(--v2-border-hover);
    box-shadow: 0 8px 32px rgba(240, 104, 72, 0.06);
}

/* ── Header bar ── */
.v2-grid-header[b-kgemay2788] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.15rem;
    background: var(--v2-surface-2);
    border-bottom: 1px solid var(--v2-border);
}
.v2-grid-search-zone[b-kgemay2788] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}
.v2-grid-search-input[b-kgemay2788] {
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    color: var(--v2-text-bright);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    padding: 0.45rem 0.75rem;
    outline: none;
    transition: border-color 0.25s, box-shadow 0.25s;
    min-width: 200px;
}
.v2-grid-search-input:focus[b-kgemay2788] {
    border-color: var(--v2-accent);
    box-shadow: 0 0 0 3px var(--v2-accent-glow);
}
.v2-grid-search-input[b-kgemay2788]::placeholder {
    color: var(--v2-text-ghost);
}
.v2-grid-header-content[b-kgemay2788] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-shrink: 0;
}
.v2-grid-actions[b-kgemay2788] {
    display: flex;
    gap: 0.5rem;
}

/* ── Table wrapper ── */
.v2-grid-table-wrap[b-kgemay2788] {
    overflow-x: auto;
}

/* ── Table ── */
.v2-grid-table[b-kgemay2788] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}

/* ── Header cells ── */
.v2-grid-table thead th[b-kgemay2788] {
    background: var(--v2-surface-2);
    border: none;
    border-bottom: 1px solid var(--v2-border);
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
    padding: 0.75rem 1.15rem;
    white-space: nowrap;
    user-select: none;
}

/* ── Body cells ── */
.v2-grid-table tbody td[b-kgemay2788] {
    border: none;
    padding: 0.75rem 1.15rem;
    vertical-align: middle;
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    color: var(--v2-text);
    background: transparent;
}

/* ── Row borders & hover ── */
.v2-grid-table tbody tr[b-kgemay2788] {
    border-bottom: 1px solid var(--v2-border);
    transition: background-color 0.2s;
}
.v2-grid-table tbody tr:last-child[b-kgemay2788] { border-bottom: none; }
.v2-grid-table tbody tr:hover[b-kgemay2788] { background: var(--v2-accent-bg); }

/* ── Empty state ── */
.v2-grid-empty-cell[b-kgemay2788] {
    padding: 0 !important;
    border: none !important;
}
.v2-grid-empty-state[b-kgemay2788] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 3rem 1.5rem;
}
.v2-grid-empty-icon[b-kgemay2788] {
    font-size: 1.6rem;
    color: var(--v2-text-ghost);
    opacity: 0.5;
    margin-bottom: 0.25rem;
}
.v2-grid-empty-title[b-kgemay2788] {
    font-family: var(--v2-font-body);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-text-dim);
}
.v2-grid-empty-hint[b-kgemay2788] {
    font-family: var(--v2-font-body);
    font-size: 0.8rem;
    color: var(--v2-text-ghost);
}

/* ── Column sizes ── */
.v2-col-xs[b-kgemay2788] { width: 60px; max-width: 80px; }
.v2-col-sm[b-kgemay2788] { width: 100px; max-width: 140px; }
.v2-col-md[b-kgemay2788] { width: 180px; max-width: 240px; }
.v2-col-lg[b-kgemay2788] { width: 280px; max-width: 400px; }
.v2-col-xl[b-kgemay2788] { width: 360px; }

/* ── Quick actions column ── */
.v2-grid-col-actions[b-kgemay2788] {
    width: 1%;          /* shrink-to-fit: column takes only the space it needs */
    white-space: nowrap;
    text-align: right;
    padding-right: 1.15rem;
}

/* Screen-reader-only label for the header cell */
.sr-only[b-kgemay2788] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Row quick-action hover reveal ── */
[b-kgemay2788] .v2-row-actions {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
    opacity: 0;
    transform: translateX(4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.v2-grid-table tbody tr:hover[b-kgemay2788]  .v2-row-actions {
    opacity: 1;
    transform: translateX(0);
}

/* Keep actions visible when focused (keyboard navigation / screen readers) */
[b-kgemay2788] .v2-row-actions:focus-within {
    opacity: 1;
    transform: translateX(0);
}

/* ── Override child GridRowQuickActions buttons for Terminal Noir ── */
[b-kgemay2788] .v2-row-actions .quick-action-button,
[b-kgemay2788] .v2-row-actions .quick-action-button--disabled {
    background: transparent;
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-kgemay2788] .v2-row-actions .quick-action-button:hover {
    background: var(--v2-accent-bg);
    border-color: var(--v2-accent);
    color: var(--v2-accent-light);
}

[b-kgemay2788] .v2-row-actions .quick-action-button--disabled {
    opacity: 0.35;
    pointer-events: none;
}

[b-kgemay2788] .v2-row-actions .quick-action-button:disabled {
    color: var(--v2-text-ghost);
    pointer-events: none;
}

/* ── Sort icon ── */
.v2-grid-sort-icon[b-kgemay2788] {
    margin-left: 0.35rem;
    font-size: 0.72rem;
    opacity: 0.6;
}

/* ── Footer ── */
.v2-grid-footer[b-kgemay2788] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.15rem;
    border-top: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
    flex-wrap: wrap;
    gap: 0.75rem;
}

.v2-grid-page-btn[b-kgemay2788] {
    background: transparent;
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    padding: 0.35rem 0.65rem;
    cursor: pointer;
    transition: all 0.25s;
    line-height: 1.3;
}
.v2-grid-page-btn:hover:not(:disabled)[b-kgemay2788] {
    background: var(--v2-accent-bg);
    border-color: var(--v2-accent);
    color: var(--v2-accent-light);
}
.v2-grid-page-btn.active[b-kgemay2788] {
    background: var(--v2-accent);
    border-color: var(--v2-accent);
    color: #fff;
    font-weight: 600;
}
.v2-grid-page-btn:disabled[b-kgemay2788] {
    opacity: 0.35;
    cursor: default;
}

/* ── Ellipsis ── */
.v2-grid-ellipsis[b-kgemay2788] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    color: var(--v2-text-ghost);
    padding: 0.35rem 0.25rem;
    user-select: none;
}

/* ── Total badge ── */
.v2-grid-total[b-kgemay2788] {
    font-family: var(--v2-font-mono);
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--v2-accent-light);
    background: var(--v2-accent-bg);
    border: 1px solid rgba(240, 104, 72, 0.18);
    border-radius: var(--v2-radius-sm);
    padding: 0.4rem 0.85rem;
}

/* ── Loading ── */
.v2-grid-loading[b-kgemay2788] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}
.v2-grid-spinner[b-kgemay2788] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--v2-border);
    border-top-color: var(--v2-accent);
    border-radius: 50%;
    animation: v2-grid-spin-b-kgemay2788 0.8s linear infinite;
}
@keyframes v2-grid-spin-b-kgemay2788 { to { transform: rotate(360deg); } }
.v2-grid-loading-text[b-kgemay2788] {
    font-family: var(--v2-font-body);
    color: var(--v2-text-dim);
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

/* ── Loading overlay ── */
.v2-grid-loading-overlay[b-kgemay2788] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-overlay, rgba(10, 12, 20, 0.6));
    z-index: 10;
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .v2-grid-header[b-kgemay2788] { flex-direction: column; align-items: stretch; }
    .v2-grid-search-input[b-kgemay2788] { min-width: 0; width: 100%; }
    .v2-grid-footer[b-kgemay2788] { flex-direction: column; align-items: flex-start; }
}

/* /Components/Shared/V2DatePicker.razor.rz.scp.css */
/* ===== V2 DATE PICKER ===== */
.v2-datepicker-wrap[b-3wcvu29zry] {
    position: relative;
}

.v2-datepicker-btn[b-3wcvu29zry] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    height: 32px;
    padding: 0 0.75rem;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border-hover);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text);
    font-family: var(--v2-font-mono);
    font-size: 0.82rem;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.25s, box-shadow 0.25s, color 0.25s;
}

.v2-datepicker-btn:hover[b-3wcvu29zry] {
    border-color: var(--v2-accent);
    color: var(--v2-text-bright);
}

.v2-datepicker-btn:focus[b-3wcvu29zry] {
    border-color: var(--v2-accent);
    outline: none;
    box-shadow: 0 0 0 3px var(--v2-accent-glow);
}

.v2-datepicker-icon[b-3wcvu29zry] {
    color: var(--v2-accent-light);
    font-size: 0.82rem;
}

/* Backdrop */
.v2-cal-backdrop[b-3wcvu29zry] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Calendar dropdown panel */
.v2-cal[b-3wcvu29zry] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    width: 272px;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border-hover);
    border-radius: var(--v2-radius);
    padding: 1rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(240, 104, 72, 0.12);
}

/* Month navigation header */
.v2-cal-head[b-3wcvu29zry] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.v2-cal-title[b-3wcvu29zry] {
    font-family: var(--v2-font-display);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--v2-text-bright);
    letter-spacing: -0.01em;
}

.v2-cal-nav-btn[b-3wcvu29zry] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--v2-surface-2);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text-dim);
    cursor: pointer;
    font-size: 0.65rem;
    transition: border-color 0.2s, color 0.2s;
    padding: 0;
}

.v2-cal-nav-btn:hover:not(:disabled)[b-3wcvu29zry] {
    border-color: var(--v2-accent);
    color: var(--v2-accent-light);
}

.v2-cal-nav-btn:disabled[b-3wcvu29zry] {
    opacity: 0.25;
    cursor: not-allowed;
}

/* Weekday header row */
.v2-cal-wdays[b-3wcvu29zry] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 0.3rem;
    border-bottom: 1px solid var(--v2-border);
    padding-bottom: 0.4rem;
}

.v2-cal-wd[b-3wcvu29zry] {
    text-align: center;
    font-family: var(--v2-font-mono);
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--v2-text-ghost);
    padding: 0.2rem 0;
}

/* Day grid */
.v2-cal-grid[b-3wcvu29zry] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.v2-cal-cell[b-3wcvu29zry] {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-mono);
    font-size: 0.76rem;
    color: var(--v2-text);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    padding: 0;
}

.v2-cal-cell:hover:not(:disabled):not(.v2-cal-cell--sel):not(.v2-cal-cell--empty)[b-3wcvu29zry] {
    background: var(--v2-accent-bg);
    border-color: rgba(240, 104, 72, 0.25);
    color: var(--v2-accent-light);
}

/* Selected day */
.v2-cal-cell--sel[b-3wcvu29zry] {
    background: var(--v2-accent);
    border-color: var(--v2-accent);
    color: #fff;
    font-weight: 600;
}

/* Today (when not selected) */
.v2-cal-cell--today[b-3wcvu29zry] {
    border-color: var(--v2-accent-light);
    color: var(--v2-accent-light);
    font-weight: 500;
}

/* Future / disabled days */
.v2-cal-cell--off[b-3wcvu29zry] {
    opacity: 0.2;
    cursor: not-allowed;
}

/* Empty filler cells */
.v2-cal-cell--empty[b-3wcvu29zry] {
    cursor: default;
    pointer-events: none;
}
/* /Components/Shared/V2DropdownSelect.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   V2DropdownSelect — Terminal Noir themed dropdown
   ══════════════════════════════════════════════ */

.v2-dropdown[b-3alc8ses88] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 100px;
}

.v2-dropdown-label[b-3alc8ses88] {
    font-family: var(--v2-font-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
    white-space: nowrap;
}

.v2-dropdown-trigger[b-3alc8ses88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: var(--v2-void);
    border: 1px solid var(--v2-border);
    color: var(--v2-text-bright);
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font-body);
    font-size: 0.88rem;
    padding: 0.45rem 0.75rem;
    cursor: pointer;
    outline: none;
    transition: border-color 0.25s, box-shadow 0.25s;
    white-space: nowrap;
    min-width: 80px;
}

.v2-dropdown-trigger:hover[b-3alc8ses88] {
    border-color: var(--v2-border-hover);
}

.v2-dropdown--open .v2-dropdown-trigger[b-3alc8ses88] {
    border-color: var(--v2-accent);
    box-shadow: 0 0 0 3px var(--v2-accent-glow);
}

.v2-dropdown-value[b-3alc8ses88] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.v2-dropdown-placeholder[b-3alc8ses88] {
    color: var(--v2-text-ghost);
}

.v2-dropdown-chevron[b-3alc8ses88] {
    font-size: 0.6rem;
    color: var(--v2-text-dim);
    transition: transform 0.2s;
    flex-shrink: 0;
}

.v2-dropdown--open .v2-dropdown-chevron[b-3alc8ses88] {
    transform: rotate(180deg);
}

/* Invisible backdrop to close on outside click */
.v2-dropdown-backdrop[b-3alc8ses88] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Dropdown menu */
.v2-dropdown-menu[b-3alc8ses88] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    min-width: 100%;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border-hover);
    border-radius: var(--v2-radius-sm);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.04);
    z-index: 100;
    overflow: hidden;
    animation: v2-dropdown-fade-b-3alc8ses88 0.15s ease-out;
}

@keyframes v2-dropdown-fade-b-3alc8ses88 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.v2-dropdown-option[b-3alc8ses88] {
    padding: 0.5rem 0.75rem;
    font-family: var(--v2-font-body);
    font-size: 0.85rem;
    color: var(--v2-text);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}

.v2-dropdown-option:hover[b-3alc8ses88] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
}

.v2-dropdown-option--selected[b-3alc8ses88] {
    background: var(--v2-accent-bg);
    color: var(--v2-accent-light);
    pointer-events: none;
}

.v2-dropdown-option + .v2-dropdown-option[b-3alc8ses88] {
    border-top: 1px solid var(--v2-border);
}

.v2-dropdown-option-icon[b-3alc8ses88] {
    margin-right: 0.5rem;
}

/* ── Right-aligned menu ── */
.v2-dropdown-menu--end[b-3alc8ses88] {
    left: auto;
    right: 0;
}

/* ══════════════════════════════════════════════
   icon-btn variant — compact TopBar-style trigger
   ══════════════════════════════════════════════ */

.v2-dropdown--icon-btn[b-3alc8ses88] {
    min-width: auto;
}

.v2-dropdown-trigger-icon[b-3alc8ses88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    height: 2.25rem;
    padding: 0 0.6rem;
    border-radius: var(--v2-radius-sm);
    background: transparent;
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    font-family: var(--v2-font-mono);
    font-size: 0.8rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s;
}

.v2-dropdown-trigger-icon:hover[b-3alc8ses88] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-dropdown--open .v2-dropdown-trigger-icon[b-3alc8ses88] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-dropdown-icon-value[b-3alc8ses88] {
    font-family: var(--v2-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    color: var(--v2-text-dim);
}

.v2-dropdown-icon-chevron[b-3alc8ses88] {
    font-size: 0.55rem;
    color: var(--v2-text-dim);
    transition: transform 0.2s;
    margin-left: 0.1rem;
}

.v2-dropdown--open .v2-dropdown-icon-chevron[b-3alc8ses88] {
    transform: rotate(180deg);
}

/* ── icon-btn responsive ── */
@media (max-width: 640.98px) {
    .v2-dropdown-icon-value[b-3alc8ses88] {
        display: none;
    }

    .v2-dropdown-icon-chevron[b-3alc8ses88] {
        display: none;
    }
}

/* /Components/Shared/V2ThemeSwitcher.razor.rz.scp.css */
.v2-theme-toggle[b-1dp9yhg3pr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: transparent;
    color: var(--v2-text-dim);
    cursor: pointer;
    transition: color 0.25s, border-color 0.25s, background 0.25s;
    font-size: 0.85rem;
}

.v2-theme-toggle:hover[b-1dp9yhg3pr] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

.v2-theme-toggle:focus-visible[b-1dp9yhg3pr] {
    border-color: var(--v2-accent);
    box-shadow: 0 0 0 3px var(--v2-accent-glow);
    outline: none;
}

.v2-theme-toggle i[b-1dp9yhg3pr] {
    transition: opacity 0.15s ease;
}
/* /Components/Shared/WhatsNew.razor.rz.scp.css */
/* ── What's New — Scoped CSS ── */
.news-card[b-g6t7oytx1v] { background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: var(--v2-radius); overflow: hidden; }
.news-header[b-g6t7oytx1v] { background: var(--v2-accent); padding: 1.25rem 1.5rem; }
.news-header-inner[b-g6t7oytx1v] { display: flex; align-items: center; gap: 1rem; }
.news-header-icon[b-g6t7oytx1v] { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: var(--v2-radius-sm); background: rgba(255,255,255,0.15); color: #fff; font-size: 1rem; flex-shrink: 0; }
.news-title[b-g6t7oytx1v] { font-family: var(--v2-font-display); font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0; }
.news-subtitle[b-g6t7oytx1v] { font-family: var(--v2-font-body); font-size: 0.8rem; color: rgba(255,255,255,0.7); margin: 0.15rem 0 0; }
.news-body[b-g6t7oytx1v] { padding: 1.25rem 1.5rem; }
.news-empty[b-g6t7oytx1v] { text-align: center; padding: 1.5rem; color: var(--v2-text-dim); font-family: var(--v2-font-body); font-size: 0.85rem; }
.news-empty i[b-g6t7oytx1v] { margin-right: 0.5rem; }
.posts-container[b-g6t7oytx1v] { max-height: 400px; overflow-y: auto; }
.posts-container[b-g6t7oytx1v]::-webkit-scrollbar { width: 4px; }
.posts-container[b-g6t7oytx1v]::-webkit-scrollbar-thumb { background: var(--v2-border-hover); border-radius: 2px; }
.post-item[b-g6t7oytx1v] { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--v2-border); transition: all 0.2s ease; }
.post-item:last-child[b-g6t7oytx1v] { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.post-header[b-g6t7oytx1v] { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.75rem; background: var(--v2-surface-2); border-radius: var(--v2-radius-sm); cursor: pointer; transition: background 0.2s; }
.post-header:hover[b-g6t7oytx1v] { background: var(--v2-border); }
.post-header-left[b-g6t7oytx1v] { display: flex; align-items: center; gap: 0.75rem; flex: 1; min-width: 0; }
.post-header-right[b-g6t7oytx1v] { display: flex; align-items: center; flex-shrink: 0; }
.version-badge[b-g6t7oytx1v] { background: var(--v2-accent); color: #fff; padding: 0.2rem 0.6rem; border-radius: 1rem; font-family: var(--v2-font-mono); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.02em; flex-shrink: 0; }
.post-date[b-g6t7oytx1v] { color: var(--v2-text-ghost); font-family: var(--v2-font-mono); font-size: 0.75rem; flex-shrink: 0; }
.post-preview[b-g6t7oytx1v] { color: var(--v2-text-dim); font-family: var(--v2-font-body); font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.expand-icon[b-g6t7oytx1v] { color: var(--v2-text-ghost); font-size: 0.8rem; transition: transform 0.2s; }
.post-content[b-g6t7oytx1v] { color: var(--v2-text); font-family: var(--v2-font-body); line-height: 1.6; font-size: 0.85rem; margin-top: 0.5rem; padding: 0 0.75rem; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }
.post-content.expanded[b-g6t7oytx1v] { max-height: 1000px; padding: 0.75rem; background: var(--v2-surface-2); border-radius: var(--v2-radius-sm); border: 1px solid var(--v2-border); }
.post-content-simple[b-g6t7oytx1v] { color: var(--v2-text); font-family: var(--v2-font-body); line-height: 1.6; font-size: 0.85rem; margin-top: 0.5rem; padding: 0.75rem; background: var(--v2-surface-2); border-radius: var(--v2-radius-sm); border: 1px solid var(--v2-border); }
.news-footer[b-g6t7oytx1v] { text-align: center; padding-top: 1rem; border-top: 1px solid var(--v2-border); margin-top: 1rem; }
.news-link-btn[b-g6t7oytx1v] { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--v2-accent-light); font-family: var(--v2-font-body); font-size: 0.85rem; font-weight: 500; text-decoration: none; padding: 0.4rem 1rem; border: none; background: none; cursor: pointer; transition: color 0.2s; }
.news-link-btn:hover[b-g6t7oytx1v] { color: var(--v2-text-bright); text-decoration: none; }
.news-link-btn:disabled[b-g6t7oytx1v] { opacity: 0.5; cursor: not-allowed; }
[b-g6t7oytx1v] .post-content h1, [b-g6t7oytx1v] .post-content h2, [b-g6t7oytx1v] .post-content h3, [b-g6t7oytx1v] .post-content h4, [b-g6t7oytx1v] .post-content h5, [b-g6t7oytx1v] .post-content h6, [b-g6t7oytx1v] .post-content-simple h1, [b-g6t7oytx1v] .post-content-simple h2, [b-g6t7oytx1v] .post-content-simple h3, [b-g6t7oytx1v] .post-content-simple h4, [b-g6t7oytx1v] .post-content-simple h5, [b-g6t7oytx1v] .post-content-simple h6 { color: var(--v2-text-bright); font-family: var(--v2-font-display); font-size: 0.95rem; font-weight: 600; margin-bottom: 0.5rem; }
[b-g6t7oytx1v] .post-content p, [b-g6t7oytx1v] .post-content-simple p { color: var(--v2-text); font-size: 0.85rem; font-weight: 400; margin-bottom: 0.5rem; }
[b-g6t7oytx1v] .post-content ul, [b-g6t7oytx1v] .post-content-simple ul { margin-bottom: 0.75rem; padding-left: 1.25rem; }
[b-g6t7oytx1v] .post-content li, [b-g6t7oytx1v] .post-content-simple li { color: var(--v2-text); margin-bottom: 0.25rem; font-size: 0.85rem; }
[b-g6t7oytx1v] .post-content strong, [b-g6t7oytx1v] .post-content-simple strong { color: var(--v2-text-bright); }

/* /Components/Shared/WhatsNewBell.razor.rz.scp.css */
/* ── WhatsNewBell — scoped CSS ── */

.bell-wrapper[b-x3qd5hvuw0] {
    position: relative;
}

/* ── Bell button — self-contained, matches TopBar icon-btn pattern ── */
.bell-btn[b-x3qd5hvuw0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: var(--v2-radius-sm);
    background: transparent;
    border: 1px solid var(--v2-border);
    color: var(--v2-text-dim);
    font-size: 0.85rem;
    cursor: pointer;
    transition: color 0.25s, border-color 0.25s, background 0.25s;
}
.bell-btn:hover[b-x3qd5hvuw0] {
    color: var(--v2-text-bright);
    border-color: var(--v2-border-hover);
    background: var(--v2-surface-2);
}

/* ── Unread badge ── */
.bell-badge[b-x3qd5hvuw0] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--v2-accent);
    color: #fff;
    font-family: var(--v2-font-mono);
    font-size: 0.58rem;
    font-weight: 600;
    line-height: 1.05rem;
    text-align: center;
    pointer-events: none;
    border: 2px solid var(--v2-surface);
}

/* ── Backdrop ── */
.bell-backdrop[b-x3qd5hvuw0] {
    position: fixed;
    inset: 0;
    z-index: 100;
}

/* ── Popover panel ── */
.bell-popover[b-x3qd5hvuw0] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: 340px;
    background: var(--v2-surface);
    border: 1px solid var(--v2-border-hover);
    border-radius: var(--v2-radius);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    z-index: 101;
    overflow: hidden;
}

.bell-popover-header[b-x3qd5hvuw0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
}

.bell-popover-title[b-x3qd5hvuw0] {
    font-family: var(--v2-font-mono);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--v2-text-ghost);
}

.bell-mark-read[b-x3qd5hvuw0] {
    background: none;
    border: none;
    font-family: var(--v2-font-body);
    font-size: 0.72rem;
    color: var(--v2-accent-light);
    cursor: pointer;
    padding: 0.15rem 0.4rem;
    border-radius: var(--v2-radius-sm);
    transition: background 0.15s;
}
.bell-mark-read:hover[b-x3qd5hvuw0] {
    background: var(--v2-accent-bg);
}

/* ── Scrollable body ── */
.bell-popover-body[b-x3qd5hvuw0] {
    max-height: 320px;
    overflow-y: auto;
}
.bell-popover-body[b-x3qd5hvuw0]::-webkit-scrollbar { width: 3px; }
.bell-popover-body[b-x3qd5hvuw0]::-webkit-scrollbar-thumb { background: var(--v2-border-hover); border-radius: 2px; }

/* ── Post items ── */
.bell-post[b-x3qd5hvuw0] {
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--v2-border);
    transition: background 0.15s;
}
.bell-post:last-child[b-x3qd5hvuw0] { border-bottom: none; }
.bell-post:hover[b-x3qd5hvuw0] { background: var(--v2-surface-2); }

.bell-post--unread[b-x3qd5hvuw0] {
    border-left: 2px solid var(--v2-accent);
    background: var(--v2-accent-bg);
}
.bell-post--unread:hover[b-x3qd5hvuw0] {
    background: var(--v2-accent-bg);
}

.bell-post-row[b-x3qd5hvuw0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.bell-version[b-x3qd5hvuw0] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    font-weight: 500;
    color: var(--v2-accent-light);
    background: var(--v2-surface-2);
    padding: 0.1rem 0.4rem;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
}

.bell-date[b-x3qd5hvuw0] {
    font-family: var(--v2-font-mono);
    font-size: 0.65rem;
    color: var(--v2-text-ghost);
}

.bell-post-preview[b-x3qd5hvuw0] {
    font-family: var(--v2-font-body);
    font-size: 0.78rem;
    color: var(--v2-text-dim);
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Empty state ── */
.bell-empty[b-x3qd5hvuw0] {
    padding: 1.5rem;
    text-align: center;
    color: var(--v2-text-ghost);
    font-family: var(--v2-font-body);
    font-size: 0.82rem;
}

/* ── Footer link ── */
.bell-popover-footer[b-x3qd5hvuw0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.55rem 1rem;
    border-top: 1px solid var(--v2-border);
    background: var(--v2-surface-2);
    font-family: var(--v2-font-body);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--v2-accent-light);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.bell-popover-footer:hover[b-x3qd5hvuw0] {
    background: var(--v2-accent-bg);
    color: var(--v2-text-bright);
    text-decoration: none;
}

/* ── Responsive ── */
@media (max-width: 640.98px) {
    .bell-popover[b-x3qd5hvuw0] {
        position: fixed;
        top: auto;
        right: 1rem;
        left: 1rem;
        bottom: 1rem;
        width: auto;
    }
}