/* _content/AlchemosPositive.Portal.Admin/Components/Layout/AdminAuthLayout.razor.rz.scp.css */
/* ── AdminAuthLayout — scoped styles ───────────────────────────────────────── */
/* Style Contract compliance: semantic tokens only, no hardcoded hex except
   where opacity-modified from palette variables is necessary for blobs.      */

/* Transparent bg on all MudText so gradient surfaces render correctly */
[b-1xyq8xa175] .mud-typography {
    background-color: transparent !important;
}

/* ─── Shell: full-viewport two-column layout ─── */
.admin-auth-shell[b-1xyq8xa175] {
    display: flex;
    min-height: 100vh;
    background-color: var(--color-bg-app);
}

/* ─── Left: Brand Panel (admin slate-dark theme) ─── */
.admin-auth-brand[b-1xyq8xa175] {
    width: 50%;
    min-width: 400px;
    background: linear-gradient(
        150deg,
        var(--slate-12) 0%,
        #0D1F2D 50%,
        #0A1A0F 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    position: relative;
    overflow: hidden;
    /* Override global body { color: dark } so icons/text inherit white by default */
    color: rgba(255, 255, 255, 0.9);
}

/* Ambient radial blobs */
.admin-auth-blob[b-1xyq8xa175] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.admin-auth-blob--top[b-1xyq8xa175] {
    top: -60px; right: -40px;
    width: 320px; height: 320px;
    background: radial-gradient(circle, rgba(15,118,110,0.28) 0%, transparent 70%);
}
.admin-auth-blob--bottom[b-1xyq8xa175] {
    bottom: -80px; left: -40px;
    width: 280px; height: 280px;
    background: radial-gradient(circle, rgba(45,212,191,0.12) 0%, transparent 70%);
}
.admin-auth-blob--mid[b-1xyq8xa175] {
    top: 40%; right: -20px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(91,33,182,0.14) 0%, transparent 70%);
}

/* Brand content block */
.admin-auth-brand__content[b-1xyq8xa175] {
    position: relative;
    z-index: 2;
    max-width: 400px;
    width: 100%;
}

.admin-auth-brand__logo-row[b-1xyq8xa175] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

[b-1xyq8xa175] .admin-auth-brand__name {
    color: #FAFBFC !important;  /* --slate-1 hardcoded — crosses Blazor MudText boundary */
    font-weight: 700;
}

[b-1xyq8xa175] .admin-auth-brand__headline {
    color: #FFFFFF !important;
    font-weight: 700;
    letter-spacing: var(--tracking-tight);
    line-height: var(--leading-tight);
    margin-bottom: 1rem;
}

[b-1xyq8xa175] .admin-auth-brand__sub {
    color: rgba(255,255,255,0.72) !important;
    line-height: var(--leading-relaxed);
    margin-bottom: 2rem;
}

/* Feature pills on brand panel */
.admin-auth-feature-list[b-1xyq8xa175] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-auth-feature-pill[b-1xyq8xa175] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    transition: background-color var(--transition-interactive);
}

.admin-auth-feature-pill .admin-auth-feature-icon[b-1xyq8xa175],
[b-1xyq8xa175] .admin-auth-feature-icon {
    color: #2DD4BF !important;   /* teal-5 hardcoded — crosses Blazor component boundary reliably */
    font-size: 1.15rem;
    flex-shrink: 0;
}

.admin-auth-feature-text[b-1xyq8xa175] {
    color: rgba(255,255,255,0.82) !important;
    font-size: var(--text-sm);
    font-weight: 400;
}

[b-1xyq8xa175] .admin-auth-brand__warning {
    color: rgba(255,255,255,0.55) !important;
}

/* ─── Right: Form Panel ─── */
.admin-auth-form-panel[b-1xyq8xa175] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background-color: var(--color-bg-app);
}

.admin-auth-card-wrapper[b-1xyq8xa175] {
    width: 100%;
    max-width: 420px;
}

/* ─── Auth form card (host for @Body content) ─── */
[b-1xyq8xa175] .admin-auth-form-card {
    background-color: var(--color-surface-1);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-8);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
}

/* ─── Mobile: full-width single column ─── */
@media (max-width: 959px) {
    .admin-auth-brand[b-1xyq8xa175] {
        display: none;
    }
    .admin-auth-form-panel[b-1xyq8xa175] {
        padding: 1.5rem 1rem;
        align-items: flex-start;
        padding-top: 3rem;
    }
}

/* ─── Dark mode overrides ─── */
[data-theme="dark"] .admin-auth-form-panel[b-1xyq8xa175] {
    background-color: var(--color-bg-app);
}

[data-theme="dark"][b-1xyq8xa175]  .admin-auth-form-card {
    background-color: var(--color-surface-3);
    border-color: var(--color-border-default);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}
/* _content/AlchemosPositive.Portal.Admin/Components/Layout/AdminNavMenu.razor.rz.scp.css */
/* ─── Admin Nav Menu — Spring Palette ───────────────────────── */

/* ── Scrollable nav wrapper ──────────────────────────────────── */
/* Ensures the full nav can scroll independently of MudBlazor's
   drawer internals, which use overflow:hidden in Mini mode.
   height uses the actual Dense AppBar offset (48px).            */
.nav-scroll-container[b-e430mpdy14] {
    height: calc(100vh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--color-text-secondary) transparent;
}

.nav-scroll-container[b-e430mpdy14]::-webkit-scrollbar {
    width: 5px;
}

.nav-scroll-container[b-e430mpdy14]::-webkit-scrollbar-thumb {
    background-color: var(--color-text-secondary);
    border-radius: 4px;
    opacity: 0.6;
}

.nav-scroll-container[b-e430mpdy14]::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-accent);
}

/* Nav section headers */
[b-e430mpdy14] .nav-section-header {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--color-text-secondary) !important; /* semantic — dark-mode aware (was --teal-10 DARK) */
    opacity: 0.75;
}

/* Nav links */
[b-e430mpdy14] .mud-nav-link {
    color: var(--color-text-primary);     /* semantic — dark-mode aware (was --slate-11) */
    border-radius: 6px;
    margin: 1px 8px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-e430mpdy14] .mud-nav-link:hover {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent);
}

/* Active nav link */
[b-e430mpdy14] .mud-nav-item.mud-nav-item-active > .mud-nav-link,
[b-e430mpdy14] .mud-nav-link.active {
    background-color: var(--color-bg-selected); /* semantic — dark-mode aware (was --teal-3 LIGHT) */
    color: var(--color-accent);
    font-weight: 600;
    border-left: 2px solid var(--color-accent);
}

/* Nav group title */
[b-e430mpdy14] .mud-nav-group .mud-nav-link-text {
    color: var(--color-text-primary);     /* semantic — dark-mode aware (was --slate-11) */
    font-weight: 500;
}

/* Nav icons */
[b-e430mpdy14] .mud-nav-link .mud-icon-root {
    color: var(--color-text-secondary);   /* semantic — dark-mode aware (was --teal-10) */
    opacity: 0.8;
}

[b-e430mpdy14] .mud-nav-item.mud-nav-item-active > .mud-nav-link .mud-icon-root,
[b-e430mpdy14] .mud-nav-link.active .mud-icon-root {
    color: var(--color-accent);
    opacity: 1;
}

/* Divider */
[b-e430mpdy14] .mud-divider {
    border-color: var(--color-border-subtle); /* semantic — dark-mode aware (was --slate-5) */
    opacity: 0.5;
}

/* Sign Out link — subtle error-tinted hover */
[b-e430mpdy14] .nav-signout .mud-nav-link:hover {
    background-color: var(--color-error-bg);
    color: var(--color-error-text);
}
[b-e430mpdy14] .nav-signout .mud-nav-link:hover .mud-icon-root {
    color: var(--color-error-text);
}

/* ─── Dark Mode Nav — uses [data-theme="dark"] set via JS themeHelpers ─── */
[data-theme="dark"][b-e430mpdy14]  .mud-nav-link {
    color: var(--color-text-primary);     /* #E1E8EE on dark bg — high contrast */
}

[data-theme="dark"][b-e430mpdy14]  .mud-nav-link:hover {
    background-color: var(--color-bg-hover);
    color: var(--color-accent);
}

[data-theme="dark"][b-e430mpdy14]  .mud-nav-item.mud-nav-item-active > .mud-nav-link,
[data-theme="dark"][b-e430mpdy14]  .mud-nav-link.active {
    background-color: var(--color-bg-selected);
    border-left-color: var(--color-accent);
    color: var(--color-accent);
}

[data-theme="dark"][b-e430mpdy14]  .mud-nav-link .mud-icon-root {
    color: var(--color-text-secondary);
}
/* _content/AlchemosPositive.Portal.Admin/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-keg8wn1pbv] {
    background: var(--color-warning-bg, #FFFBEB);
    color: var(--color-text-primary, #0F1A25);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(15, 23, 42, 0.10);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-keg8wn1pbv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* ─── Spring AppBar ──────────────────────────────────────────── */
[b-keg8wn1pbv] .mud-appbar {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--slate-5);
    color: var(--slate-12) !important;
}

[b-keg8wn1pbv] .mud-appbar .mud-typography {
    color: var(--slate-12);
}

[b-keg8wn1pbv] .mud-appbar .mud-icon-button,
[b-keg8wn1pbv] .mud-appbar .mud-button-root {
    color: var(--slate-11);
}

[b-keg8wn1pbv] .mud-appbar .mud-icon-button:hover {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent);
}

/* Admin accent: amber warning strip on AppBar brand */
[b-keg8wn1pbv] .mud-appbar .mud-icon.mud-warning-text {
    color: var(--color-warning-solid) !important;
}

/* ─── Spring Drawer ──────────────────────────────────────────── */
/* NOTE: Scrollability, mini-mode collapse, and arrow-gap rules are in
   wwwroot/css/app.css (global) — ::deep cannot pierce MudBlazor component
   internals such as .mud-drawer-content rendered by MudDrawer itself. */
[b-keg8wn1pbv] .mud-drawer {
    background: linear-gradient(180deg,
        var(--slate-2) 0%,
        var(--slate-1) 100%) !important;
    border-right: 1px solid var(--slate-5);
}

[b-keg8wn1pbv] .mud-drawer-header {
    border-bottom: 1px solid var(--slate-5);
    padding: 0.75rem 1rem;
}

/* ─── Dark Mode: [data-theme="dark"] set via JS themeHelpers.applyTheme() ─── */
/* NOTE: @media prefers-color-scheme replaced — app dark mode is explicit toggle, not OS preference */
[data-theme="dark"][b-keg8wn1pbv]  .mud-appbar {
    background: rgba(13, 23, 16, 0.95) !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.30) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"][b-keg8wn1pbv]  .mud-appbar .mud-typography {
    color: var(--color-text-primary);
}

[data-theme="dark"][b-keg8wn1pbv]  .mud-appbar .mud-icon-button,
[data-theme="dark"][b-keg8wn1pbv]  .mud-appbar .mud-button-root {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"][b-keg8wn1pbv]  .mud-drawer {
    background: linear-gradient(
        180deg,
        var(--color-bg-subtle) 0%,
        var(--color-bg-app) 100%
    ) !important;
    border-right: 1px solid var(--color-border-subtle) !important;
}

[data-theme="dark"][b-keg8wn1pbv]  .mud-drawer-header {
    border-bottom-color: var(--color-border-subtle);
}
/* _content/AlchemosPositive.Portal.Admin/Components/Pages/Home.razor.rz.scp.css */
/* ── Home Dashboard — scoped styles ────────────────────────────────────────── */

/* Defeat global app.css background-color on MudText for gradient/tinted surfaces */
[b-vsnv9k1253] .mud-typography {
    background-color: transparent !important;
}

/* Hero icon — muted decorative accent */
.home-hero-icon[b-vsnv9k1253] {
    font-size: 3.5rem;
    opacity: 0.18;
    color: var(--color-accent);
}

/* Panel cards in the middle row — equal height */
.home-panel[b-vsnv9k1253] {
    height: 100%;
    box-sizing: border-box;
}

/* dash-card__title — §7.3.2 hierarchy rule: only color + spacing, Typo.h6 drives font-shape */
[b-vsnv9k1253] .dash-card__title {
    color: var(--color-text-primary);
    font-weight: 600;
    letter-spacing: var(--tracking-tight);
}

/* ─── Dark mode adjustments ─── */
[data-theme="dark"] .home-hero-icon[b-vsnv9k1253] {
    color: var(--color-accent);
    opacity: 0.22;
}
/* _content/AlchemosPositive.Portal.Admin/Features/AuditLog/AuditLogPage.razor.rz.scp.css */
[b-khqc3mc1fp] .mud-typography {
    background-color: transparent !important;
}

.audit-grid-card[b-khqc3mc1fp] {
    overflow: hidden;
}

[b-khqc3mc1fp] .audit-grid .mud-table-head .mud-table-cell {
    background-color: var(--teal-1, #F0FDFA) !important;
    color: var(--color-text-secondary, #3D4E5C) !important;
    font-size: var(--text-xs, 0.75rem) !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid var(--color-border-subtle) !important;
}

[b-khqc3mc1fp] .audit-grid .mud-table-cell {
    background-color: transparent !important;
    vertical-align: top !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

[b-khqc3mc1fp] .audit-grid .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--color-border-subtle) !important;
}

[b-khqc3mc1fp] .audit-grid .mud-table-body .mud-table-row:hover .mud-table-cell {
    background-color: rgba(204, 251, 241, 0.12) !important;
}

.audit-cell-primary[b-khqc3mc1fp] {
    font-size: var(--text-sm, 0.875rem);
    font-weight: 600;
    color: var(--color-text-primary, #0F1A25);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

.audit-cell-secondary[b-khqc3mc1fp] {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-secondary, #3D4E5C);
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

.audit-cell-truncate[b-khqc3mc1fp] {
    display: block;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audit-filter-actions[b-khqc3mc1fp] {
    justify-content: flex-end;
    gap: 4px;
}

.audit-change-count[b-khqc3mc1fp] {
    font-size: 0.7rem;
}

.audit-actions-cell[b-khqc3mc1fp] {
    min-width: 132px;
}

.grid-action-bar[b-khqc3mc1fp] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}

[b-khqc3mc1fp] .action-icon-btn {
    width: 32px !important;
    height: 32px !important;
    padding: 4px !important;
}

.audit-detail-label[b-khqc3mc1fp] {
    color: var(--color-text-secondary, #3D4E5C);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.audit-detail-secondary[b-khqc3mc1fp] {
    color: var(--color-text-secondary, #3D4E5C);
    font-family: 'Consolas', 'JetBrains Mono', 'Courier New', monospace;
    font-size: 0.72rem;
}

.audit-meta-box[b-khqc3mc1fp] {
    background: var(--color-bg-subtle, #F4F6F8) !important;
    border: 1px solid var(--color-border-subtle) !important;
}

.audit-meta-row[b-khqc3mc1fp] {
    display: block;
    color: var(--color-text-secondary, #3D4E5C);
    margin-bottom: 2px;
}

.audit-changes-table[b-khqc3mc1fp] {
    border-radius: var(--radius-md, 8px);
    overflow: hidden;
    border: 1px solid var(--color-border-subtle) !important;
}

[b-khqc3mc1fp] .audit-changes-table th {
    background: var(--color-bg-subtle, #F4F6F8) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: var(--color-text-secondary, #3D4E5C) !important;
    padding: 8px 12px !important;
}

[b-khqc3mc1fp] .audit-changes-table td {
    padding: 8px 12px !important;
    vertical-align: top !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
}

.audit-old-value[b-khqc3mc1fp] {
    color: var(--color-error-text, #B91C1C);
    background: var(--color-error-bg, #FEF2F2);
    padding: 1px 5px;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-word;
}

.audit-new-value[b-khqc3mc1fp] {
    color: var(--color-success-text, #15803D);
    background: var(--color-success-bg, #F0FDF4);
    padding: 1px 5px;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 767px) {
    .audit-cell-primary[b-khqc3mc1fp],
    .audit-cell-secondary[b-khqc3mc1fp],
    .audit-cell-truncate[b-khqc3mc1fp] {
        max-width: 150px;
    }

    .grid-action-bar[b-khqc3mc1fp] {
        justify-content: flex-start;
    }

    [b-khqc3mc1fp] .audit-grid .mud-table-cell:last-child,
    [b-khqc3mc1fp] .audit-grid .mud-table-head .mud-table-cell:last-child {
        position: sticky;
        right: 0;
        background: var(--color-surface-1, #FFFFFF) !important;
        z-index: 3;
        box-shadow: -2px 0 8px rgba(15, 23, 42, 0.06);
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/AuditLog/RealTimeAuditViewer.razor.rz.scp.css */
/* ── RealTimeAuditViewer — scoped styles ───────────────────────────────── */

[b-g62x4vul67] .mud-typography {
    background-color: transparent !important;
}

/* ── Total Container Styling ──────────────────────────────────────────────– */
[b-g62x4vul67] .mud-card {
    background: var(--color-surface-1);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    transition: all var(--transition-interactive);
}

[b-g62x4vul67] .mud-card:hover {
    border-color: var(--color-border-strong);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

/* ── Card Header Styling ──────────────────────────────────────────────────– */
[b-g62x4vul67] .mud-card-header {
    background: transparent;
    border-bottom: 1px solid var(--color-border-subtle);
    padding: var(--space-4);
}

[b-g62x4vul67] .mud-card-content {
    padding: var(--space-4);
}

/* ── Table Styling ──────────────────────────────────────────────────────– */
[b-g62x4vul67] .mud-table {
    background: transparent;
}

[b-g62x4vul67] .mud-table-head {
    background: transparent;
}

[b-g62x4vul67] .mud-table-head-row {
    background: var(--color-bg-subtle);
    border-bottom: 2px solid var(--color-border-default);
    height: 48px;
}

[b-g62x4vul67] .mud-table-head-cell {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-4);
    text-transform: uppercase;
}

[b-g62x4vul67] .mud-table-body {
    background: transparent;
}

[b-g62x4vul67] .mud-table-row {
    border-bottom: 1px solid var(--color-border-subtle);
    transition: all var(--transition-interactive);
}

[b-g62x4vul67] .mud-table-row:hover {
    background-color: var(--color-bg-hover);
}

[b-g62x4vul67] .mud-table-cell {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ── Audit Entry Cells ──────────────────────────────────────────────────– */
[b-g62x4vul67] .audit-entry-timestamp {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

[b-g62x4vul67] .audit-entry-entity-id {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: var(--text-xs);
    color: var(--color-accent);
}

/* ── Chip Styling ──────────────────────────────────────────────────────– */
[b-g62x4vul67] .mud-chip {
    font-weight: 500;
    letter-spacing: var(--tracking-wide);
}

/* ── Alert Styling ──────────────────────────────────────────────────────– */
[b-g62x4vul67] .mud-alert {
    background: var(--color-info-bg);
    border-left: 4px solid var(--color-info-border);
}

/* ── Control Bar Styling ──────────────────────────────────────────────── */
[b-g62x4vul67] .audit-controls {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: flex-end;
}

[b-g62x4vul67] .audit-control-group {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

[b-g62x4vul67] .mud-switch {
    margin: 0;
}

/* ── Status Indicator ──────────────────────────────────────────────────– */
[b-g62x4vul67] .status-live {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-success-solid);
    display: inline-block;
    animation: pulse-b-g62x4vul67 2s infinite;
}

@keyframes pulse-b-g62x4vul67 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* ── Container Scroll Styling ──────────────────────────────────────────– */
[b-g62x4vul67] #real-time-log-container {
    max-height: 600px;
    overflow-y: auto;
    background: var(--color-surface-1);
    border-radius: var(--radius-md);
}

[b-g62x4vul67] #real-time-log-container::-webkit-scrollbar {
    width: 8px;
}

[b-g62x4vul67] #real-time-log-container::-webkit-scrollbar-track {
    background: var(--color-bg-subtle);
    border-radius: var(--radius-md);
}

[b-g62x4vul67] #real-time-log-container::-webkit-scrollbar-thumb {
    background: var(--color-border-default);
    border-radius: var(--radius-md);
}

[b-g62x4vul67] #real-time-log-container::-webkit-scrollbar-thumb:hover {
    background: var(--color-border-strong);
}

/* ── Responsive Design ──────────────────────────────────────────────────– */
@media (max-width: 959px) {
    [b-g62x4vul67] .mud-table-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    [b-g62x4vul67] .mud-table-head-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    [b-g62x4vul67] .audit-controls {
        gap: var(--space-1);
    }
}

@media (max-width: 599px) {
    [b-g62x4vul67] .mud-card-header {
        padding: var(--space-3);
    }

    [b-g62x4vul67] .mud-card-content {
        padding: var(--space-3);
    }

    [b-g62x4vul67] .mud-table-cell {
        padding: var(--space-2) var(--space-2);
        font-size: var(--text-xs);
        white-space: normal;
    }

    [b-g62x4vul67] .audit-controls {
        flex-direction: column;
        gap: var(--space-2);
        align-items: stretch;
    }

    [b-g62x4vul67] .audit-control-group {
        width: 100%;
    }

    [b-g62x4vul67] #real-time-log-container {
        max-height: 400px;
    }
}

/* ── Dark Mode ──────────────────────────────────────────────────────────– */
[data-theme="dark"][b-g62x4vul67] {
    ::deep .mud-card {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }

    [b-g62x4vul67] .mud-card-header {
        border-color: var(--color-border-subtle);
    }

    [b-g62x4vul67] .mud-table-head-row {
        background: var(--color-bg-component);
        border-color: var(--color-border-default);
    }

    [b-g62x4vul67] .mud-table-row:hover {
        background-color: var(--color-bg-selected);
    }

    [b-g62x4vul67] .status-live {
        background: #2ecc71;
    }

    [b-g62x4vul67] #real-time-log-container {
        background: var(--color-surface-2);
    }

    [b-g62x4vul67] #real-time-log-container::-webkit-scrollbar-track {
        background: var(--color-bg-subtle);
    }

    [b-g62x4vul67] #real-time-log-container::-webkit-scrollbar-thumb {
        background: var(--color-border-default);
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Auth/AdminLogin.razor.rz.scp.css */
/* ── AdminLogin page — scoped styles ───────────────────────────────────────── */

/* Defeat global app.css background-color injection on MudText inside auth card */
[b-o6vq8vl1ys] .mud-typography {
    background-color: transparent !important;
}

/* ── Browser autofill: shrink label when browser fills a saved value ────── */
[b-o6vq8vl1ys] .mud-input-outlined input:-webkit-autofill ~ label.mud-input-label {
    transform: translateY(-16px) scale(0.75);
    padding: 0 4px;
    background: var(--mud-palette-surface, #fff);
}

[b-o6vq8vl1ys] .mud-input-outlined input:-webkit-autofill ~ .mud-input-slot {
    /* Ensure notch opens */
    transform: translateY(-16px) scale(0.75);
}
/* _content/AlchemosPositive.Portal.Admin/Features/BackupManagement/BackupManagement.razor.rz.scp.css */
/* ============================================================
   BackupManagement.razor.css — Scoped styles for Backup Management
   AlchemOS Positive · Slate + Teal design system · Archetype 2 (Dashboard)
   ============================================================ */

/* ── Transparent MudText backgrounds (required for gradient surfaces) ─ */
[b-5ro6kn6rk7] .mud-typography {
    background-color: transparent !important;
}

/* ── Hero: system / backup-themed gradient ────────────────────────── */
.backup-hero[b-5ro6kn6rk7] {
    background: linear-gradient(135deg, #EEF2FF 0%, #E0F2F1 40%, #F0F9FF 70%, #F8FAFC 100%);
    border: 1px solid rgba(148, 163, 184, 0.30);
    border-radius: var(--radius-xl, 16px);
    padding: var(--space-8, 2rem) var(--space-content, 1.5rem);
}

[data-theme="dark"] .backup-hero[b-5ro6kn6rk7] {
    background: linear-gradient(135deg, #0D1B3E 0%, #0A2622 40%, #0C1E2E 70%, #0D1117 100%);
    border-color: rgba(45, 212, 191, 0.15);
}

/* ── KPI row stretch (equal height) ──────────────────────────────── */
[b-5ro6kn6rk7] .backup-kpi-stretch {
    height: 100%;
    box-sizing: border-box;
}

/* ── Filter card (separate bar above grid) ────────────────────────── */
.backup-filter-card[b-5ro6kn6rk7] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

    .backup-filter-card .mud-input-control[b-5ro6kn6rk7],
    .backup-filter-card .mud-select[b-5ro6kn6rk7] {
        flex: 1 1 180px;
        min-width: 150px;
    }

    .backup-filter-card .mud-button-root[b-5ro6kn6rk7] {
        flex: 0 0 auto;
        align-self: center;
        white-space: nowrap;
    }

/* ── Section header inside cards ───────────────────────────────────── */
.backup-section-header[b-5ro6kn6rk7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem 0.875rem;
    border-bottom: 1px solid var(--color-border-subtle, #C4CDD6);
}

/* ── Table card wrapper ─────────────────────────────────────────────── */
.backup-table-card[b-5ro6kn6rk7] {
    overflow: hidden;
    border-radius: var(--radius-lg, 12px);
}

/* ── Comfortable two-line row cell padding ──────────────────────────── */
[b-5ro6kn6rk7] .backup-table-card .mud-table-cell {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: top;
}

/* ── Grid column headers ─────────────────────────────────────────────── */
[b-5ro6kn6rk7] .col-header {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-secondary, #3D4E5C);
    background: var(--color-bg-subtle, #F4F6F8);
}

/* ── Backup ID monospace display ─────────────────────────────────────── */
.backup-id-mono[b-5ro6kn6rk7] {
    font-family: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Courier New', monospace;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-text-secondary, #3D4E5C);
    letter-spacing: 0.02em;
    line-height: 1.4;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Copy ID button ─────────────────────────────────────────────────── */
[b-5ro6kn6rk7] .copy-id-btn {
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 120ms ease-out, transform 120ms ease-out;
    padding: 2px;
    width: 20px;
    height: 20px;
    min-width: unset;
}

[b-5ro6kn6rk7] tr:hover .copy-id-btn {
    opacity: 1;
    transform: scale(1);
}

/* ── Action icon buttons ──────────────────────────────────────────────── */
[b-5ro6kn6rk7] .action-icon-btn {
    opacity: 0.65;
    transition: opacity var(--transition-interactive, 120ms ease-out),
                transform var(--transition-interactive, 120ms ease-out);
}

[b-5ro6kn6rk7] tr:hover .action-icon-btn {
    opacity: 1;
}

[b-5ro6kn6rk7] .action-icon-btn:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* ── Status/type chip sizing ─────────────────────────────────────────── */
[b-5ro6kn6rk7] .status-chip,
[b-5ro6kn6rk7] .type-chip {
    height: 22px;
    font-size: 11px;
    font-weight: 500;
    padding: 0 8px;
    border-radius: var(--radius-sm, 6px);
    letter-spacing: 0.02em;
}

/* ── Expiry chip ─────────────────────────────────────────────────────── */
[b-5ro6kn6rk7] .expiry-chip {
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    padding: 0 6px;
    border-radius: var(--radius-sm, 6px);
}

/* ── Inline meta icons (lock / compress) ────────────────────────────── */
.meta-icon[b-5ro6kn6rk7] {
    font-size: 14px;
    vertical-align: middle;
}

/* ── Empty / no-expiry placeholder ──────────────────────────────────── */
.no-expiry[b-5ro6kn6rk7] {
    color: var(--color-border-default, #B3BEC9);
    font-size: 1rem;
    line-height: 1;
}

/* ── Count badge chip inside section header ──────────────────────────── */
[b-5ro6kn6rk7] .chip-count {
    height: 20px;
    font-size: 11px;
    font-weight: 600;
    padding: 0 6px;
    background: var(--color-bg-component, #EAEEF2) !important;
    color: var(--color-text-secondary, #3D4E5C) !important;
    border-radius: 10px;
}

/* ── Small inline count chip (in tenant rows) ────────────────────────── */
[b-5ro6kn6rk7] .count-chip-sm {
    height: 18px;
    font-size: 11px;
    font-weight: 500;
    padding: 0 6px;
    border-radius: var(--radius-sm, 6px);
}

/* ── Tenant avatar ──────────────────────────────────────────────────── */
[b-5ro6kn6rk7] .tenant-avatar {
    width: 32px;
    height: 32px;
    font-size: 0.8125rem;
    font-weight: 700;
    min-width: 32px;
    flex-shrink: 0;
}

[b-5ro6kn6rk7] .tenant-avatar--sm {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
    min-width: 28px;
}

/* ── Empty state inside grid ─────────────────────────────────────────── */
.page-empty-state[b-5ro6kn6rk7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    text-align: center;
    gap: 0.25rem;
}

/* ── KPI card hover lift ─────────────────────────────────────────────── */
[b-5ro6kn6rk7] .page-kpi-card {
    transition: transform var(--transition-interactive, 120ms ease-out),
                box-shadow var(--transition-interactive, 120ms ease-out);
}

    [b-5ro6kn6rk7] .page-kpi-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(15, 26, 37, 0.08) !important;
    }

/* ── Responsive: mobile actions always visible ───────────────────────── */
@media (max-width: 599px) {
    [b-5ro6kn6rk7] .action-icon-btn {
        opacity: 1 !important;
        transform: none !important;
    }

    [b-5ro6kn6rk7] .copy-id-btn {
        opacity: 1 !important;
        transform: none !important;
    }

    .backup-filter-card[b-5ro6kn6rk7] {
        flex-direction: column;
        align-items: stretch;
    }

        .backup-filter-card .mud-input-control[b-5ro6kn6rk7],
        .backup-filter-card .mud-select[b-5ro6kn6rk7],
        .backup-filter-card .mud-button-root[b-5ro6kn6rk7] {
            width: 100%;
            flex: unset;
        }

    /* Compact KPI cards on mobile */
    [b-5ro6kn6rk7] .backup-kpi-stretch {
        padding: 0.75rem 1rem !important;
    }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
    [b-5ro6kn6rk7] .copy-id-btn,
    [b-5ro6kn6rk7] .action-icon-btn,
    [b-5ro6kn6rk7] .page-kpi-card {
        transition: none !important;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Benchmarks/BenchmarkSettings.razor.rz.scp.css */
/* =============================================================================
   BenchmarkSettings.razor.css — Archetype 3: List Page
   Style Contract v1.1 — Slate + Teal + Spring palette
   All tokens consumed from joy-tokens.css; no hardcoded hex in this file.
   ============================================================================= */

/* ── Grid paper ──────────────────────────────────────────────────────────── */
.bmk-grid-paper[b-vac9gpe7re] {
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
}

/* MudDataGrid overrides */
[b-vac9gpe7re] .bmk-grid .mud-table-head .mud-table-cell {
    background: var(--color-bg-subtle) !important;
    color: var(--color-text-secondary) !important;
    font-size: var(--text-xs) !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
    white-space: nowrap !important;
}

[b-vac9gpe7re] .bmk-grid .mud-table-body .mud-table-row {
    transition: background var(--transition-interactive) !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
    min-height: 72px;
}

[b-vac9gpe7re] .bmk-grid .mud-table-body .mud-table-cell {
    padding: 10px 16px !important;
    vertical-align: middle !important;
}

[b-vac9gpe7re] .bmk-grid .mud-table-body .mud-table-row:hover {
    background: var(--color-bg-hover) !important;
}

/* Numeric column alignment */
[b-vac9gpe7re] .bmk-grid__header-numeric {
    text-align: right !important;
    justify-content: flex-end !important;
}

[b-vac9gpe7re] .bmk-grid__cell-numeric {
    text-align: right !important;
    white-space: nowrap !important;
}

[b-vac9gpe7re] .bmk-grid__cell-status {
    white-space: nowrap !important;
}

[b-vac9gpe7re] .bmk-grid__cell-actions {
    white-space: nowrap !important;
}

/* Action cell — always visible but subtle, stronger on hover */
[b-vac9gpe7re] .bmk-grid__cell-actions {
    width: 80px !important;
    min-width: 80px !important;
    padding: 0 8px !important;
}

.bmk-actions[b-vac9gpe7re] {
    display: flex;
    align-items: center;
    gap: 2px;
    opacity: 0.25;
    transition: opacity 0.15s ease;
}

[b-vac9gpe7re] .mud-table-row:hover .bmk-actions {
    opacity: 1;
}

.bmk-actions__btn[b-vac9gpe7re] {
    width: 30px !important;
    height: 30px !important;
}

/* ── Two-line category cell ──────────────────────────────────────────────── */
.bmk-cat[b-vac9gpe7re] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 6px 0;
    min-height: 44px;
}

.bmk-cat__name[b-vac9gpe7re] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 1.3;
}

.bmk-cat__meta[b-vac9gpe7re] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: nowrap;
}

.bmk-cat__desc[b-vac9gpe7re] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 380px;
}

/* ── Scope tags — calm spring palette instead of alarming MudBlazor colors ── */
.bmk-scope-tag[b-vac9gpe7re] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    flex-shrink: 0;
    line-height: 18px;
}

.bmk-scope-tag--scope1[b-vac9gpe7re] {
    background: var(--spring-rose-bg, #FBF0F3);
    color: var(--spring-12, #1E3122);
    border: 1px solid var(--spring-rose-mid, #E8A0B4);
}

.bmk-scope-tag--scope2[b-vac9gpe7re] {
    background: var(--spring-sky-bg, #E8F4FB);
    color: var(--spring-12, #1E3122);
    border: 1px solid var(--spring-sky-mid, #A8D4EF);
}

.bmk-scope-tag--scope3[b-vac9gpe7re] {
    background: var(--spring-moss-bg, #EEF5EE);
    color: var(--spring-12, #1E3122);
    border: 1px solid var(--spring-moss-mid, #C1D9C3);
}

/* ── Value display ───────────────────────────────────────────────────────── */
.bmk-value[b-vac9gpe7re] {
    font-size: var(--text-sm);
    font-weight: 600;
    white-space: nowrap;
}

.bmk-value__unit[b-vac9gpe7re] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--color-text-secondary);
    margin-left: 3px;
}

.bmk-value--default[b-vac9gpe7re] {
    color: var(--color-text-secondary);
}

.bmk-value--overridden[b-vac9gpe7re] {
    color: var(--color-accent-text);
}

/* ── Status badges — inline pill (no MudChip overhead) ─────────────────── */
.bmk-status-badge[b-vac9gpe7re] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 10px;
    border-radius: 11px;
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.bmk-status-badge--overridden[b-vac9gpe7re] {
    background: var(--teal-2);
    color: var(--teal-11);
    border: 1px solid var(--teal-6);
}

.bmk-status-badge--default[b-vac9gpe7re] {
    background: var(--slate-2);
    color: var(--slate-11);
    border: 1px solid var(--slate-6);
}

/* ── Skeleton loader ─────────────────────────────────────────────────────── */
.bmk-skeleton[b-vac9gpe7re] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.bmk-skeleton__toolbar[b-vac9gpe7re] {
    display: flex;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

/* ── Empty state ─────────────────────────────────────────────────────────── */
.bmk-empty[b-vac9gpe7re] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-12) var(--space-6);
    gap: var(--space-3);
}

.bmk-empty__icon[b-vac9gpe7re] {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    color: var(--color-border-strong) !important;
}

.bmk-empty__text[b-vac9gpe7re] {
    color: var(--color-text-secondary) !important;
}

/* ── Edit dialog ─────────────────────────────────────────────────────────── */
.bmk-dialog__category-name[b-vac9gpe7re] {
    font-size: var(--text-base) !important;
    font-weight: 700 !important;
    color: var(--color-text-primary) !important;
}

/* ── Responsive ────────────────────────────────────────────────────────────- */
@media (max-width: 768px) {
    .bmk-cat__desc[b-vac9gpe7re] {
        max-width: 200px;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/BulkOperations/BulkOperations.razor.rz.scp.css */
/* ── BulkOperations — scoped styles ─────────────────────────────────────────── */

[b-461fpjhhkx] .mud-typography {
    background-color: transparent !important;
}

/* ── Spring Sunshine Hero — aqua → sage → gold → peach (Option B) ─────────── */
.bulk-rainy-hero[b-461fpjhhkx] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #E0F7FA 0%, #F1F8E9 35%, #FFF8E1 70%, #FFF3E0 100%);
    border: 1px solid rgba(178, 223, 219, 0.50);
    border-radius: var(--radius-xl);
    padding: 1.75rem 2rem;
    min-height: 120px;
    display: flex;
    align-items: center;
    border-bottom: none;
}
.bulk-rainy-hero[b-461fpjhhkx]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.20);
    pointer-events: none;
    z-index: 1;
}
.bulk-rainy-hero[b-461fpjhhkx]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 60%;
    background: radial-gradient(ellipse at center bottom, rgba(0, 77, 64, 0.07) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}
.bulk-rainy-hero .spring-hero__body[b-461fpjhhkx] {
    position: relative;
    z-index: 2;
}
[data-theme="dark"] .bulk-rainy-hero[b-461fpjhhkx] {
    background: linear-gradient(135deg, #0D2C2A 0%, #112C18 35%, #2C2A0D 70%, #302011 100%);
    border-color: rgba(45, 212, 191, 0.18);
}
[data-theme="dark"] .bulk-rainy-hero[b-461fpjhhkx]::after {
    background: rgba(0, 0, 0, 0.25);
}

/* Decorative hero icon */
.bulk-hero-icon[b-461fpjhhkx] {
    font-size: 3.5rem;
    opacity: 0.22;
    color: var(--slate-12);
    filter: drop-shadow(0 2px 6px rgba(15, 26, 37, 0.15));
}

/* ── Panel Cards ─────────────────────────────────────────────────────────────── */
[b-461fpjhhkx] .bulk-panel {
    background-color: var(--color-surface-1) !important;
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: var(--radius-lg) !important;
    transition: box-shadow 160ms ease-out, transform 160ms ease-out;
}
[b-461fpjhhkx] .bulk-panel:hover {
    box-shadow: 0 4px 12px rgba(15, 26, 37, 0.07) !important;
    transform: translateY(-1px);
}
[data-theme="dark"][b-461fpjhhkx]  .bulk-panel {
    background-color: var(--color-surface-2) !important;
    border-color: var(--color-border-subtle) !important;
}

/* ── Drop zone for file upload ──────────────────────────────────────────────── */
.bulk-drop-zone[b-461fpjhhkx] {
    border: 2px dashed var(--color-border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-8);
    text-align: center;
    cursor: pointer;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: border-color 120ms ease-out, background-color 120ms ease-out;
    background-color: var(--color-bg-subtle);
}
.bulk-drop-zone:hover[b-461fpjhhkx] {
    border-color: var(--color-accent);
    background-color: var(--color-accent-subtle);
}
.bulk-drop-zone:hover[b-461fpjhhkx]  .bulk-upload-icon {
    transform: translateY(-2px);
}

/* Upload icon inside drop zone — ::deep pierces MudIcon's rendered HTML */
[b-461fpjhhkx] .bulk-upload-icon {
    font-size: 2.5rem !important;
    color: var(--color-accent) !important;
    transition: transform 160ms ease-out;
}

/* ── Secondary text (replaces Color.Secondary) ──────────────────────────────── */
[b-461fpjhhkx] .bulk-caption {
    color: var(--color-text-secondary) !important;
}

/* ── Semantic chip classes ───────────────────────────────────────────────────── */
[b-461fpjhhkx] .bulk-chip.mud-chip {
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 9999px;
    height: auto;
    padding: 2px 10px;
}
[b-461fpjhhkx] .bulk-chip--success.mud-chip {
    background-color: var(--color-success-bg) !important;
    color: var(--color-success-text) !important;
}
[b-461fpjhhkx] .bulk-chip--success .mud-chip-icon {
    color: var(--color-success-text) !important;
}
[b-461fpjhhkx] .bulk-chip--warning.mud-chip {
    background-color: var(--color-warning-bg) !important;
    color: var(--color-warning-text) !important;
}
[b-461fpjhhkx] .bulk-chip--warning .mud-chip-icon {
    color: var(--color-warning-text) !important;
}
[b-461fpjhhkx] .bulk-chip--error.mud-chip {
    background-color: var(--color-error-bg) !important;
    color: var(--color-error-text) !important;
}
[b-461fpjhhkx] .bulk-chip--error .mud-chip-icon {
    color: var(--color-error-text) !important;
}
[b-461fpjhhkx] .bulk-chip--info.mud-chip {
    background-color: var(--color-info-bg) !important;
    color: var(--color-info-text) !important;
}
[b-461fpjhhkx] .bulk-chip--neutral.mud-chip {
    background-color: var(--slate-3) !important;
    color: var(--slate-11) !important;
}

/* ── Progress row ────────────────────────────────────────────────────────────── */
.bulk-progress-row[b-461fpjhhkx] {
    padding: var(--space-4) 0;
    border-bottom: 1px solid var(--color-border-subtle);
}
.bulk-progress-row:last-child[b-461fpjhhkx] { border-bottom: none; }

/* ── Table scrollbar polish ─────────────────────────────────────────────────── */
[b-461fpjhhkx] .mud-table-container::-webkit-scrollbar { width: 6px; height: 6px; }
[b-461fpjhhkx] .mud-table-container::-webkit-scrollbar-track { background: var(--slate-6); border-radius: 3px; }
[b-461fpjhhkx] .mud-table-container::-webkit-scrollbar-thumb { background: var(--slate-8); border-radius: 3px; }
[b-461fpjhhkx] .mud-table-container::-webkit-scrollbar-thumb:hover { background: var(--slate-9); }

/* ── Two-line rows: prevent wrapping in narrow columns ──────────────────────── */
[b-461fpjhhkx] .mud-table-cell {
    white-space: nowrap;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Name/message columns are allowed to wrap */
[b-461fpjhhkx] .mud-table-cell:nth-child(1),
[b-461fpjhhkx] .mud-table-cell:nth-child(4) {
    white-space: normal;
    min-width: 160px;
}

/* Consistent row height for two lines */
[b-461fpjhhkx] .mud-table-row > .mud-table-cell {
    min-height: 52px;
}
/* _content/AlchemosPositive.Portal.Admin/Features/CalculatorEditor/CalculatorEditor.razor.rz.scp.css */
/* ── CalculatorEditor — scoped styles ────────────────────────────────────────── */

[b-4ulfinhc9t] .mud-typography {
    background-color: transparent !important;
}

/* Keep MudTabs header flush with card edge */
[b-4ulfinhc9t] .mud-tabs-header {
    padding: 0 4px;
    border-bottom: 1px solid var(--color-border-subtle);
}

/* Monospace code editor panel */
[b-4ulfinhc9t] .rule-expression-input textarea {
    font-family: 'Consolas', 'Fira Code', ui-monospace, monospace;
    font-size: var(--text-sm);
}

/* Timeline item — remove extra background */
[b-4ulfinhc9t] .mud-timeline-item-content { padding: 0 0 8px 0; }
/* _content/AlchemosPositive.Portal.Admin/Features/CalculatorManagement/CalculatorList.razor.rz.scp.css */
/* ── CalculatorList — scoped styles ────────────────────────────────────────── */

/* Defeat global .mud-typography { background-color: var(--color-bg-app) } cascade.
   Required for any cell content that renders MudText inside a data grid row. */
[b-u2yqckrpns] .mud-typography {
    background-color: transparent !important;
}
/* _content/AlchemosPositive.Portal.Admin/Features/Compliance/BackupMonitoringPanel.razor.rz.scp.css */
/* ── BackupMonitoringPanel — scoped styles ────────────────────────────────── */

[b-toxpqx0t8g] .mud-typography {
    background-color: transparent !important;
}

/* ── Filter Bar ──────────────────────────────────────────────────────────── */
[b-toxpqx0t8g] .backup-filters {
    background: var(--color-bg-subtle);
    border-bottom: 1px solid var(--color-border-subtle);
}

[b-toxpqx0t8g] .backup-filter-row {
    gap: var(--space-3);
    flex-wrap: wrap;
}

[b-toxpqx0t8g] .backup-filter-row > * {
    flex-shrink: 0;
}

[b-toxpqx0t8g] .backup-filter-row .mud-text-field {
    min-width: 240px;
    flex-grow: 1;
    flex-shrink: 1;
}

/* ── Table Styling ──────────────────────────────────────────────────────── */
[b-toxpqx0t8g] .backup-jobs-table .mud-table {
    background: transparent;
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-head {
    background: transparent;
    border-top: none;
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-head-row {
    background: var(--color-bg-subtle);
    border-bottom: 2px solid var(--color-border-default);
    height: 48px;
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-head-cell {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-4);
    text-transform: uppercase;
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-body {
    background: transparent;
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-row {
    border-bottom: 1px solid var(--color-border-subtle);
    transition: all var(--transition-interactive);
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-row:hover {
    background-color: var(--color-bg-hover);
}

[b-toxpqx0t8g] .backup-jobs-table .mud-table-cell {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ── Two-line Row Cells ──────────────────────────────────────────────────── */
[b-toxpqx0t8g] .backup-row-cell {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.2;
}

[b-toxpqx0t8g] .backup-row-cell-sub {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

/* ── Action Buttons ──────────────────────────────────────────────────────── */
[b-toxpqx0t8g] .grid-action-bar {
    display: flex;
    gap: var(--space-2);
    justify-content: flex-end;
}

[b-toxpqx0t8g] .action-icon-btn {
    width: 34px;
    height: 34px;
    color: var(--color-accent);
    transition: all var(--transition-interactive);
}

[b-toxpqx0t8g] .action-icon-btn:hover {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent);
}

/* ── Responsive Design ──────────────────────────────────────────────────── */
@media (max-width: 959px) {
    [b-toxpqx0t8g] .backup-filter-row {
        gap: var(--space-2);
    }

    [b-toxpqx0t8g] .backup-filter-row .mud-text-field {
        min-width: 200px;
    }

    [b-toxpqx0t8g] .backup-jobs-table .mud-table-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    [b-toxpqx0t8g] .backup-jobs-table .mud-table-head-cell {
        font-size: var(--text-xs);
        padding: var(--space-2) var(--space-3);
    }
}

@media (max-width: 599px) {
    [b-toxpqx0t8g] .backup-filters {
        padding: var(--space-3) !important;
    }

    [b-toxpqx0t8g] .backup-filter-row {
        flex-direction: column;
    }

    [b-toxpqx0t8g] .backup-filter-row > * {
        width: 100%;
    }

    [b-toxpqx0t8g] .backup-jobs-table {
        overflow-x: auto;
    }

    [b-toxpqx0t8g] .backup-jobs-table .mud-table-cell {
        padding: var(--space-2) var(--space-2);
        font-size: var(--text-xs);
    }

    [b-toxpqx0t8g] .grid-action-bar {
        gap: var(--space-1);
    }

    [b-toxpqx0t8g] .action-icon-btn {
        width: 32px;
        height: 32px;
    }
}

/* ── Dark Mode ──────────────────────────────────────────────────────────── */
[data-theme="dark"][b-toxpqx0t8g] {
    ::deep .backup-filters {
        background: var(--color-bg-component);
        border-color: var(--color-border-subtle);
    }

    [b-toxpqx0t8g] .backup-jobs-table .mud-table-head-row {
        background: var(--color-bg-component);
        border-color: var(--color-border-default);
    }

    [b-toxpqx0t8g] .backup-jobs-table .mud-table-row:hover {
        background-color: var(--color-bg-selected);
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Compliance/ComplianceDashboard.razor.rz.scp.css */
/* ── ComplianceDashboard — scoped styles ────────────────────────────────── */

/* Defeat global .mud-typography background cascade inside grids/panels */
[b-xv3dicq511] .mud-typography {
    background-color: transparent !important;
}

/* ── Tabs styling ──────────────────────────────────────────────────────── */
[b-xv3dicq511] .compliance-tabs-panel {
    padding: var(--space-6) !important;
    background: var(--color-surface-1);
}

[b-xv3dicq511] .compliance-tab {
    padding: 0;
}

[b-xv3dicq511] .mud-tabs {
    background: transparent;
    border-radius: var(--radius-lg);
}

[b-xv3dicq511] .mud-tabs-header {
    border-bottom: 2px solid var(--color-border-default);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: var(--color-surface-1);
}

/* Left-align tab strip — don't stretch tabs to fill full width */
[b-xv3dicq511] .mud-tabs-toolbar {
    justify-content: flex-start !important;
}

[b-xv3dicq511] .mud-tab {
    font-weight: 500;
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    transition: all var(--transition-interactive);
    /* Generous padding for breathing room between tabs */
    padding: 14px 28px !important;
    min-width: unset !important;
    flex: 0 0 auto !important;
}

[b-xv3dicq511] .mud-tab.mud-tab-active {
    color: var(--color-accent-text);
}

/* ── Panel status cards (backup + hash chain) ──────────────────────────── */
[b-xv3dicq511] .backup-status-card {
    border: 1px solid var(--color-border-default) !important;
    transition: border-color var(--transition-interactive);
}

[b-xv3dicq511] .backup-status-card:hover {
    border-color: var(--color-accent) !important;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 959px) {
    [b-xv3dicq511] .compliance-tabs-panel {
        padding: var(--space-4) !important;
    }
}

@media (max-width: 599px) {
    [b-xv3dicq511] .compliance-tabs-panel {
        padding: var(--space-3) !important;
    }
}

[b-xv3dicq511] .backup-jobs-table .mud-table-body {
    background: transparent;
}

[b-xv3dicq511] .backup-jobs-table .mud-table-row {
    border-bottom: 1px solid var(--color-border-subtle);
    transition: all var(--transition-interactive);
}

[b-xv3dicq511] .backup-jobs-table .mud-table-row:hover {
    background-color: var(--color-bg-hover);
}

[b-xv3dicq511] .backup-jobs-table .mud-tbody-row {
    height: auto;
    min-height: 48px;
}

[b-xv3dicq511] .backup-jobs-table .mud-table-cell {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}

/* ── Grid Action Buttons ──────────────────────────────────────────────────── */

[b-xv3dicq511] .grid-action-bar {
    display: flex;
    gap: var(--space-2);
    justify-content: flex-end;
    align-items: center;
}

[b-xv3dicq511] .action-icon-btn {
    width: 32px;
    height: 32px;
}

[b-xv3dicq511] .action-icon-btn:hover {
    background-color: var(--color-bg-hover);
}

/* ── Responsive Design ──────────────────────────────────────────────────── */

@media (max-width: 959px) {
    [b-xv3dicq511] .compliance-hero__body {
        flex-direction: column;
        gap: var(--space-4);
    }

    [b-xv3dicq511] .compliance-hero__actions {
        width: 100%;
        justify-content: space-between;
    }

    [b-xv3dicq511] .compliance-kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: var(--space-3);
    }

    [b-xv3dicq511] .compliance-kpi-card {
        padding: var(--space-3);
    }

    [b-xv3dicq511] .compliance-kpi-card__value {
        font-size: var(--text-lg);
    }

    [b-xv3dicq511] .compliance-tabs-panel {
        padding: var(--space-4) !important;
    }
}

@media (max-width: 599px) {
    [b-xv3dicq511] .compliance-hero {
        padding: var(--space-4);
    }

    [b-xv3dicq511] .compliance-kpi-grid {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    [b-xv3dicq511] .backup-jobs-table .mud-table-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    [b-xv3dicq511] .grid-action-bar {
        gap: var(--space-1);
    }
}

/* ── Dark Mode Adjustments ──────────────────────────────────────────────── */

[data-theme="dark"][b-xv3dicq511] {
    ::deep .compliance-hero {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }

    [b-xv3dicq511] .compliance-kpi-card {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }

    [b-xv3dicq511] .compliance-kpi-card:hover {
        border-color: var(--color-accent);
        background: var(--color-surface-3);
    }

    [b-xv3dicq511] .compliance-tabs-panel {
        background: var(--color-surface-1);
    }

    [b-xv3dicq511] .backup-status-card {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }
}

[b-xv3dicq511] .backup-jobs-table .mud-table-head-cell {
    color: var(--color-text-secondary);
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: var(--space-3) var(--space-4);
}

[b-xv3dicq511] .backup-jobs-table .mud-table-row:nth-child(odd) {
    background-color: var(--color-bg-subtle);
}

[b-xv3dicq511] .backup-jobs-table .mud-table-row:nth-child(even) {
    background-color: var(--color-bg-component);
}

[b-xv3dicq511] .backup-jobs-table .mud-table-row:hover {
    background-color: var(--color-bg-hover);
    transition: background-color var(--transition-interactive);
}

/* Accent icon coloring via CSS rather than inline Style= */
.compliance-icon-accent[b-xv3dicq511] {
    color: var(--color-accent);
}

/* Hash chain integrity status */
.hash-chain-valid[b-xv3dicq511]   { color: var(--color-success-text); font-weight: 600; }
.hash-chain-invalid[b-xv3dicq511] { color: var(--color-error-text);   font-weight: 600; }
/* _content/AlchemosPositive.Portal.Admin/Features/Compliance/ComplianceMetricsPanel.razor.rz.scp.css */
/* ── ComplianceMetricsPanel — scoped styles ────────────────────────────────── */

[b-4b2cwacht4] .mud-typography {
    background-color: transparent !important;
}

/* ── Filter Bar ──────────────────────────────────────────────────────────── */
[b-4b2cwacht4] .compliance-metrics-filters {
    background: var(--color-surface-1);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-4);
}

[b-4b2cwacht4] .compliance-metrics-filter-bar {
    gap: var(--space-4);
}

[b-4b2cwacht4] .compliance-metrics-icon {
    color: var(--color-accent);
    width: 24px;
    height: 24px;
}

[b-4b2cwacht4] .compliance-metrics-controls {
    gap: var(--space-2);
    flex-wrap: wrap;
}

[b-4b2cwacht4] .compliance-metrics-search-btn {
    min-width: 100px;
}

/* ── Card Grid Styling ──────────────────────────────────────────────────── */
[b-4b2cwacht4] .compliance-metrics-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

/* ── Progress Circular Override ──────────────────────────────────────────── */
[b-4b2cwacht4] .mud-progress-circular {
    transition: all var(--transition-interactive);
}

/* ── Chart Container Styling ──────────────────────────────────────────────– */
[b-4b2cwacht4] .compliance-metrics-charts {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

/* ── Card Styling ──────────────────────────────────────────────────────── */
[b-4b2cwacht4] .mud-paper {
    background: var(--color-surface-1);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
    transition: all var(--transition-interactive);
}

[b-4b2cwacht4] .mud-card-outlined {
    background: var(--color-surface-1);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-lg);
}

[b-4b2cwacht4] .mud-card-outlined:hover {
    border-color: var(--color-border-strong);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

/* ── Table Styling ──────────────────────────────────────────────────────– */
[b-4b2cwacht4] .mud-table-head {
    background: var(--color-bg-subtle);
}

[b-4b2cwacht4] .mud-table-head-row {
    border-bottom: 2px solid var(--color-border-default);
}

[b-4b2cwacht4] .mud-table-head-cell {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-4);
}

[b-4b2cwacht4] .mud-table-row {
    border-bottom: 1px solid var(--color-border-subtle);
    transition: all var(--transition-interactive);
}

[b-4b2cwacht4] .mud-table-row:hover {
    background-color: var(--color-bg-hover);
}

[b-4b2cwacht4] .mud-table-cell {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Progress Linear Styling ──────────────────────────────────────────────– */
[b-4b2cwacht4] .mud-progress-linear {
    background: var(--color-bg-subtle);
}

/* ── Alert Styling ──────────────────────────────────────────────────────– */
[b-4b2cwacht4] .mud-alert {
    background: transparent;
    border-left: 4px solid var(--color-info-border);
}

[b-4b2cwacht4] .mud-alert-success {
    border-left-color: var(--color-success-border);
    background: var(--color-success-bg);
}

[b-4b2cwacht4] .mud-alert-warning {
    border-left-color: var(--color-warning-border);
    background: var(--color-warning-bg);
}

[b-4b2cwacht4] .mud-alert-error {
    border-left-color: var(--color-error-border);
    background: var(--color-error-bg);
}

[b-4b2cwacht4] .mud-alert-info {
    border-left-color: var(--color-info-border);
    background: var(--color-info-bg);
}

/* ── Responsive Design ──────────────────────────────────────────────────– */
@media (max-width: 959px) {
    [b-4b2cwacht4] .compliance-metrics-filter-bar {
        flex-direction: column;
        gap: var(--space-3);
    }

    [b-4b2cwacht4] .compliance-metrics-controls {
        width: 100%;
        justify-content: stretch;
    }

    [b-4b2cwacht4] .compliance-metrics-controls > * {
        flex: 1;
        min-width: 150px;
    }

    [b-4b2cwacht4] .mud-table-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    [b-4b2cwacht4] .mud-table-head-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }
}

@media (max-width: 599px) {
    [b-4b2cwacht4] .compliance-metrics-filters {
        padding: var(--space-3) !important;
    }

    [b-4b2cwacht4] .compliance-metrics-filter-bar {
        flex-direction: column;
        gap: var(--space-2);
    }

    [b-4b2cwacht4] .compliance-metrics-controls {
        width: 100%;
        flex-direction: column;
        gap: var(--space-2);
    }

    [b-4b2cwacht4] .compliance-metrics-controls > * {
        width: 100%;
        min-width: auto;
    }

    [b-4b2cwacht4] .compliance-metrics-search-btn {
        min-width: auto;
        width: 100%;
    }

    [b-4b2cwacht4] .mud-chart {
        width: 100% !important;
        height: auto !important;
    }

    [b-4b2cwacht4] .mud-table-cell {
        padding: var(--space-2) var(--space-2);
        font-size: var(--text-xs);
    }
}

/* ── Dark Mode ──────────────────────────────────────────────────────────– */
[data-theme="dark"][b-4b2cwacht4] {
    ::deep .compliance-metrics-filters {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }

    [b-4b2cwacht4] .mud-paper {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }

    [b-4b2cwacht4] .mud-card-outlined {
        background: var(--color-surface-2);
        border-color: var(--color-border-default);
    }

    [b-4b2cwacht4] .mud-table-head {
        background: var(--color-bg-component);
    }

    [b-4b2cwacht4] .mud-table-row:hover {
        background-color: var(--color-bg-selected);
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Compliance/HashChainIntegrityPanel.razor.rz.scp.css */
/* ── HashChainIntegrityPanel — scoped styles ─────────────────────────────── */

[b-bjp7mr709k] .mud-typography {
    background-color: transparent !important;
}

/* ── Filter Bar ──────────────────────────────────────────────────────────── */
[b-bjp7mr709k] .hash-validation-filters {
    background: var(--color-bg-subtle);
    border-bottom: 1px solid var(--color-border-subtle);
}

[b-bjp7mr709k] .hash-filter-row {
    gap: var(--space-3);
    flex-wrap: wrap;
}

[b-bjp7mr709k] .hash-filter-row > * {
    flex-shrink: 0;
}

[b-bjp7mr709k] .hash-filter-row .mud-button-root {
    min-width: 180px;
}

/* ── Status Cards Grid ──────────────────────────────────────────────────── */
[b-bjp7mr709k] .hash-chain-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

/* ── Table Styling ──────────────────────────────────────────────────────── */
[b-bjp7mr709k] .mud-table {
    background: transparent;
}

[b-bjp7mr709k] .mud-table-head {
    background: transparent;
    border-top: none;
}

[b-bjp7mr709k] .mud-table-head-row {
    background: var(--color-bg-subtle);
    border-bottom: 2px solid var(--color-border-default);
    height: 48px;
}

[b-bjp7mr709k] .mud-table-head-cell {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-4);
    text-transform: uppercase;
}

[b-bjp7mr709k] .mud-table-body {
    background: transparent;
}

[b-bjp7mr709k] .mud-table-row {
    border-bottom: 1px solid var(--color-border-subtle);
    transition: all var(--transition-interactive);
}

[b-bjp7mr709k] .mud-table-row:hover {
    background-color: var(--color-bg-hover);
}

[b-bjp7mr709k] .mud-table-cell {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ── Two-line Row Cells ──────────────────────────────────────────────────── */
[b-bjp7mr709k] .validation-row-cell {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.2;
}

[b-bjp7mr709k] .validation-row-cell-sub {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

[b-bjp7mr709k] .validation-no-errors {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
}

/* ── Action Buttons ──────────────────────────────────────────────────────── */
[b-bjp7mr709k] .grid-action-bar {
    display: flex;
    gap: var(--space-2);
    justify-content: flex-end;
}

[b-bjp7mr709k] .action-icon-btn {
    width: 34px;
    height: 34px;
    color: var(--color-accent);
    transition: all var(--transition-interactive);
}

[b-bjp7mr709k] .action-icon-btn:hover {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent);
}

/* ── Responsive Design ──────────────────────────────────────────────────── */
@media (max-width: 959px) {
    [b-bjp7mr709k] .hash-filter-row {
        gap: var(--space-2);
    }

    [b-bjp7mr709k] .hash-filter-row .mud-button-root {
        min-width: 160px;
    }

    [b-bjp7mr709k] .mud-table-cell {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    [b-bjp7mr709k] .mud-table-head-cell {
        font-size: var(--text-xs);
        padding: var(--space-2) var(--space-3);
    }
}

@media (max-width: 599px) {
    [b-bjp7mr709k] .hash-validation-filters {
        padding: var(--space-3) !important;
    }

    [b-bjp7mr709k] .hash-filter-row {
        flex-direction: column;
    }

    [b-bjp7mr709k] .hash-filter-row > * {
        width: 100%;
    }

    [b-bjp7mr709k] .hash-filter-row .mud-button-root {
        min-width: auto;
    }

    [b-bjp7mr709k] .mud-table-cell {
        padding: var(--space-2) var(--space-2);
        font-size: var(--text-xs);
    }

    [b-bjp7mr709k] .grid-action-bar {
        gap: var(--space-1);
    }

    [b-bjp7mr709k] .action-icon-btn {
        width: 32px;
        height: 32px;
    }
}

/* ── Dark Mode ──────────────────────────────────────────────────────────── */
[data-theme="dark"][b-bjp7mr709k] {
    ::deep .hash-validation-filters {
        background: var(--color-bg-component);
        border-color: var(--color-border-subtle);
    }

    [b-bjp7mr709k] .mud-table-head-row {
        background: var(--color-bg-component);
        border-color: var(--color-border-default);
    }

    [b-bjp7mr709k] .mud-table-row:hover {
        background-color: var(--color-bg-selected);
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/DataRetentionManagement/DataRetentionManagement.razor.rz.scp.css */
/* ------------------------------------------------------------------
   DataRetentionManagement — scoped styles
   Follows AlchemOS Positive Style Contract v1.0 (Slate + Teal)
   Page Archetype: Archetype 3 — List Page
   ------------------------------------------------------------------ */

/* ── 1. Transparent typography (required — §7.3.2) ──────────────── */
[b-qyqdajnzlv] .mud-typography {
    background-color: transparent !important;
}

/* ── 2. Table card — clips inner grid overflow ───────────────────── */
[b-qyqdajnzlv] .dr-table-card {
    overflow: hidden;
    border-radius: var(--radius-lg, 12px);
}

/* ── 3. Column headers ───────────────────────────────────────────── */
[b-qyqdajnzlv] .col-header {
    font-size: var(--text-xs, 0.75rem);
    font-weight: 600;
    letter-spacing: var(--tracking-wide, 0.04em);
    text-transform: uppercase;
    color: var(--color-text-secondary, #3D4E5C);
    white-space: nowrap;
}

/* ── 4. Action icon buttons (§10.3: visible on hover; mobile: always) */
[b-qyqdajnzlv] .action-icon-btn {
    opacity: 0.55;
    transition: opacity var(--transition-interactive, 120ms ease-out),
                transform var(--transition-interactive, 120ms ease-out);
}
[b-qyqdajnzlv] .action-icon-btn:hover {
    opacity: 1;
    transform: scale(1.12);
}

/* Grid action bar — right-aligned inline icon group */
[b-qyqdajnzlv] .grid-action-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    flex-wrap: nowrap;
}

/* ── 5. Two-line row structure ───────────────────────────────────── */
.dr-cell-tworow[b-qyqdajnzlv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 0;
    min-height: 44px;
    min-width: 0;
    justify-content: center;
}

.dr-row-primary[b-qyqdajnzlv] {
    font-size: var(--text-sm, 0.875rem);
    font-weight: 500;
    color: var(--color-text-primary, #0F1A25);
    line-height: 1.35;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dr-row-secondary[b-qyqdajnzlv] {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-secondary, #3D4E5C);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dr-row-secondary--error[b-qyqdajnzlv] {
    color: var(--color-error-text, #B91C1C);
}

.dr-inline-icon[b-qyqdajnzlv] {
    font-size: 12px !important;
    vertical-align: middle;
    opacity: 0.7;
}

/* ── 6. Policy cell: avatar + tenant + entity chip ───────────────── */
.dr-cell-policy[b-qyqdajnzlv] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    min-width: 0;
    padding: 4px 0;
}

[b-qyqdajnzlv] .dr-tenant-avatar {
    width: 30px !important;
    height: 30px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    border-radius: var(--radius-sm, 6px) !important;
}

.dr-cell-policy__info[b-qyqdajnzlv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* ── 7. Chip size normalization ──────────────────────────────────── */
[b-qyqdajnzlv] .dr-chip-sm.mud-chip {
    height: 20px;
    font-size: 11px;
    padding: 0 7px;
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.01em;
}

[b-qyqdajnzlv] .dr-chip-md.mud-chip {
    height: 22px;
    font-size: 11px;
    padding: 0 8px;
    margin: 0;
    font-weight: 500;
    white-space: nowrap;
}

/* Chip text contrast (ensure WCAG AA for small chips) */
[b-qyqdajnzlv] .mud-chip.mud-chip-color-success .mud-chip-content { color: var(--color-success-text, #15803D); }
[b-qyqdajnzlv] .mud-chip.mud-chip-color-warning .mud-chip-content { color: var(--color-warning-text, #B45309); }
[b-qyqdajnzlv] .mud-chip.mud-chip-color-error   .mud-chip-content { color: var(--color-error-text,   #B91C1C); }
[b-qyqdajnzlv] .mud-chip.mud-chip-color-info    .mud-chip-content { color: var(--color-info-text,    #0369A1); }

/* ── 8. KPI cards ────────────────────────────────────────────────── */
[b-qyqdajnzlv] .page-kpi-card {
    transition: transform 150ms ease-out, box-shadow 150ms ease-out;
    cursor: default;
}
[b-qyqdajnzlv] .page-kpi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(15, 26, 37, 0.10) !important;
}

/* Equal height — fills MudItem's stretched grid cell */
.kpi-card[b-qyqdajnzlv] {
    height: 100%;
    box-sizing: border-box;
}

/* KPI icon wrap */
.kpi-icon-wrap[b-qyqdajnzlv] {
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md, 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.kpi-icon-wrap--primary[b-qyqdajnzlv] {
    background: var(--teal-2, #CCFBF1);
    color: var(--teal-9, #0F766E);
}
.kpi-icon-wrap--success[b-qyqdajnzlv] {
    background: var(--success-100, #DCFCE7);
    color: var(--success-700, #15803D);
}
.kpi-icon-wrap--warning[b-qyqdajnzlv] {
    background: var(--warning-100, #FEF3C7);
    color: var(--warning-700, #B45309);
}
.kpi-icon-wrap--info[b-qyqdajnzlv] {
    background: var(--info-100, #E0F2FE);
    color: var(--info-700, #0369A1);
}
.kpi-icon-wrap--neutral[b-qyqdajnzlv] {
    background: var(--color-bg-component, #EAEEF2);
    color: var(--color-text-secondary, #3D4E5C);
}

/* KPI text block */
.kpi-text[b-qyqdajnzlv] {
    flex: 1;
    min-width: 0;
}

.kpi-value[b-qyqdajnzlv] {
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--color-text-primary, #0F1A25) !important;
    letter-spacing: var(--tracking-tight, -0.02em) !important;
}

.kpi-label[b-qyqdajnzlv] {
    font-size: var(--text-xs, 0.75rem) !important;
    color: var(--color-text-secondary, #3D4E5C) !important;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide, 0.04em);
    font-weight: 500;
}

/* ── 9. Alert banner ─────────────────────────────────────────────── */
[b-qyqdajnzlv] .dr-alert {
    border-radius: var(--radius-md, 8px);
}

/* ── 10. Filter bar ──────────────────────────────────────────────── */
.dr-filter-bar[b-qyqdajnzlv] {
    padding: 14px 16px 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.dr-filter-search[b-qyqdajnzlv] {
    flex: 2 1 240px;
    min-width: 200px;
}

.dr-filter-selects[b-qyqdajnzlv] {
    display: flex;
    gap: 12px;
    flex: 1 1 280px;
    min-width: 240px;
    flex-wrap: wrap;
}

.dr-filter-selects > *[b-qyqdajnzlv] {
    flex: 1 1 130px;
    min-width: 120px;
}

.dr-filter-clear[b-qyqdajnzlv] {
    flex: 0 0 auto;
    align-self: center;
    white-space: nowrap;
}

/* Active filter summary row */
.dr-filter-summary[b-qyqdajnzlv] {
    padding: 0 16px 10px;
    border-top: 1px solid var(--color-border-subtle, #C4CDD6);
    padding-top: 8px;
}
.dr-filter-summary__text[b-qyqdajnzlv] {
    color: var(--color-text-secondary, #3D4E5C);
    font-size: var(--text-xs, 0.75rem);
}

/* ── 11. Section header (Recent Purge Activity) ───────────────────── */
.dr-section-header[b-qyqdajnzlv] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-border-subtle, #C4CDD6);
}

/* ── 12. Empty state ─────────────────────────────────────────────── */
[b-qyqdajnzlv] .page-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 24px;
    text-align: center;
}

/* ── 13. Table column responsive hiding ──────────────────────────── */
/* hide-sm = hide on ≤ 768px */
@media (max-width: 768px) {
    [b-qyqdajnzlv] .table-col-hide-sm {
        display: none !important;
    }
}

/* ── 14. Responsive — mobile (xs: < 600px) ───────────────────────── */
@media (max-width: 599px) {

    /* Filter bar: stack vertically */
    .dr-filter-bar[b-qyqdajnzlv] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .dr-filter-search[b-qyqdajnzlv],
    .dr-filter-selects[b-qyqdajnzlv] {
        flex: 1 1 100%;
        min-width: 100%;
    }
    .dr-filter-selects[b-qyqdajnzlv] {
        flex-direction: column;
        gap: 10px;
    }
    .dr-filter-clear[b-qyqdajnzlv] {
        align-self: flex-start;
    }

    /* Action buttons: always fully visible on mobile */
    [b-qyqdajnzlv] .action-icon-btn {
        opacity: 1 !important;
    }

    /* KPI values: smaller on phone */
    .kpi-value[b-qyqdajnzlv] {
        font-size: 1.25rem !important;
    }
}

/* ── 15. Reduced motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    [b-qyqdajnzlv] .action-icon-btn,
    [b-qyqdajnzlv] .page-kpi-card {
        transition: none;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/EmissionFactorManager/EmissionFactorList.razor.rz.scp.css */
/* ── EmissionFactorList — scoped styles ────────────────────────────────────── */

[b-f5sis0r89z] .mud-typography {
    background-color: transparent !important;
}

/* Source badge variants */
.ef-source-defra[b-f5sis0r89z]   { background-color: var(--info-50);    color: var(--color-info-text); }
.ef-source-ghg[b-f5sis0r89z]     { background-color: var(--success-50); color: var(--color-success-text); }
.ef-source-custom[b-f5sis0r89z]  { background-color: var(--warning-50); color: var(--color-warning-text); }
.ef-source-badge[b-f5sis0r89z]   { border-radius: var(--radius-sm); padding: 2px 8px; font-size: var(--text-xs); font-weight: 500; }

/* Two-line rows — prevent wrapping in compact columns */
[b-f5sis0r89z] .mud-table-cell {
    white-space: nowrap;
    vertical-align: middle;
}

/* Allow the Name cell to naturally wrap its two-line stack */
[b-f5sis0r89z] .mud-table-cell:first-child {
    white-space: normal;
    min-width: 200px;
}

/* Ensure each row has room for two lines of text */
[b-f5sis0r89z] .mud-table-row > .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 56px;
}
/* _content/AlchemosPositive.Portal.Admin/Features/Observability/Components/AlertSummaryPanel.razor.rz.scp.css */
/* AlertSummaryPanel — scoped styles */

.alert-summary-panel[b-8rfkd4i9nu] {
    border: 1px solid var(--color-border-subtle);
}

.panel-title[b-8rfkd4i9nu] {
    color: var(--color-text-primary);
}

.alert-list-item[b-8rfkd4i9nu] {
    border-bottom: none;
}

.alert-name[b-8rfkd4i9nu] {
    color: var(--color-text-primary);
    font-weight: 500;
}

.alert-summary-text[b-8rfkd4i9nu] {
    color: var(--color-text-secondary);
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* _content/AlchemosPositive.Portal.Admin/Features/Observability/Components/MetricStatCard.razor.rz.scp.css */
/* MetricStatCard — scoped styles */

.metric-stat-card[b-uqb7g8r7fv] {
    border: 1px solid var(--color-border-subtle);
    min-height: 88px;
}

.metric-label[b-uqb7g8r7fv] {
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.metric-value[b-uqb7g8r7fv] {
    color: var(--color-text-primary);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}
/* _content/AlchemosPositive.Portal.Admin/Features/Observability/Components/ServiceHealthCard.razor.rz.scp.css */
/* ServiceHealthCard — scoped styles */

.service-health-card[b-lq991r5yug] {
    border: 1px solid var(--color-border-subtle);
    transition: border-color 0.2s ease;
}

.service-health-card:hover[b-lq991r5yug] {
    border-color: var(--color-border-default);
}

.health-service-name[b-lq991r5yug] {
    color: var(--color-text-primary);
    font-weight: 500;
}

.health-response-time[b-lq991r5yug] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.health-status-label[b-lq991r5yug] {
    color: var(--color-text-secondary);
}

/* Badge variants */
[b-lq991r5yug] .badge-healthy .mud-badge { background-color: var(--color-success-bg); }
[b-lq991r5yug] .badge-degraded .mud-badge { background-color: var(--color-warning-bg); }
[b-lq991r5yug] .badge-unhealthy .mud-badge { background-color: var(--color-error-bg); }
[b-lq991r5yug] .badge-unknown .mud-badge { background-color: var(--color-bg-subtle); }
/* _content/AlchemosPositive.Portal.Admin/Features/Observability/Dialogs/CreateSilenceDialog.razor.rz.scp.css */
[b-773bfgnbyl] .text-secondary {
    color: var(--color-text-secondary) !important;
}
/* _content/AlchemosPositive.Portal.Admin/Features/Observability/ObservabilityDashboard.razor.rz.scp.css */
/* ObservabilityDashboard — scoped styles */
/* Follows AlchemOS Positive Style Contract §2: transparent MudText, §7.3.1 equal-height cards,
   §7.4 filter-bar flex layout, §7.5 DataGrid template columns */

/* ── Transparent MudTypography on hero/tinted surfaces ──────────────────── */
[b-i364fox2uj] .mud-typography { background-color: transparent !important; }

/* ── Hero gradient — "Morning Mist" slate/teal (uses semantic CSS variables) ──── */
.obs-hero[b-i364fox2uj] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--teal-8) 8%, transparent) 0%,
        color-mix(in srgb, var(--slate-9) 6%, transparent) 50%,
        color-mix(in srgb, var(--slate-6) 30%, transparent) 100%);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: 2rem;
}

/* ── KPI cards — equal height row (§7.3.1) ──────────────────────────────── */
.page-kpi-card[b-i364fox2uj] {
    height: 100%;
    box-sizing: border-box;
    border: 1px solid var(--color-border-subtle);
}

/* ── Filter bar — wrapper card border only (flex layout via non-scoped <style> block) ── */
.obs-filter-bar[b-i364fox2uj] {
    border: 1px solid var(--color-border-subtle);
}

/* ── Service health data grid card ──────────────────────────────────────── */
.obs-table-card[b-i364fox2uj] {
    border: 1px solid var(--color-border-subtle);
    overflow: hidden;
}

/* Service avatar in grid rows */
.obs-svc-avatar[b-i364fox2uj] {
    flex-shrink: 0;
}

/* Status chip — readable contrast in all states */
[b-i364fox2uj] .obs-status-chip {
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    min-width: 76px;
    justify-content: center;
}

/* Truncate long status messages */
.obs-msg-truncate[b-i364fox2uj] {
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

/* ── Grid action buttons (§7.1 — action-icon-btn pattern) ───────────────── */
[b-i364fox2uj] .grid-action-bar {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

[b-i364fox2uj] .action-icon-btn {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
}

/* ── Alerts + Tools row ──────────────────────────────────────────────────── */
.obs-alerts-card[b-i364fox2uj] {
    border: 1px solid var(--color-border-subtle);
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
}

.obs-tools-card[b-i364fox2uj] {
    border: 1px solid var(--color-border-subtle);
    height: 100%;
    box-sizing: border-box;
}

/* Card header bar */
.obs-card-header[b-i364fox2uj] {
    background-color: var(--color-bg-subtle);
}

.obs-card-title[b-i364fox2uj] {
    color: var(--color-text-primary);
    font-weight: 600;
}

/* Empty alerts state */
.obs-empty-alerts[b-i364fox2uj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 140px;
}

/* ── Tool links ──────────────────────────────────────────────────────────── */
[b-i364fox2uj] .tool-link-btn {
    border-radius: var(--radius-md);
    text-transform: none;
    font-size: var(--text-sm);
    color: var(--color-text-primary) !important;
    justify-content: flex-start !important;
}

[b-i364fox2uj] .tool-link-btn:hover {
    background-color: var(--color-bg-hover) !important;
}

/* ── Loading / Empty state (shared pattern) ──────────────────────────────── */
[b-i364fox2uj] .page-loading,
.page-loading[b-i364fox2uj] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

[b-i364fox2uj] .page-empty-state,
.page-empty-state[b-i364fox2uj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--color-text-secondary);
}

/* ── Breadcrumb on hero ──────────────────────────────────────────────────── */
[b-i364fox2uj] .obs-hero .mud-breadcrumbs { color: var(--color-text-secondary); }
[b-i364fox2uj] .obs-hero .mud-breadcrumbs a { color: var(--color-accent-text); }

/* ── Utility ────────────────────────────────────────────────────────────── */
[b-i364fox2uj] .text-secondary { color: var(--color-text-secondary) !important; }

/* ── Responsive: mobile ─────────────────────────────────────────────────── */
@media (max-width: 599px) {
    .obs-hero[b-i364fox2uj] { padding: 1.25rem; }

    [b-i364fox2uj] .obs-filter-bar { flex-direction: column; }

    /* KPIs stack 2-per-row on xs */
    .page-kpi-card[b-i364fox2uj] { height: auto; }

    /* Always-visible action buttons on mobile */
    [b-i364fox2uj] .grid-action-bar { flex-wrap: nowrap; }

    /* obs-msg-truncate narrower */
    .obs-msg-truncate[b-i364fox2uj] { max-width: 140px; }
}

/* ── Dark mode ───────────────────────────────────────────────────────────── */
[data-theme="dark"] .obs-hero[b-i364fox2uj] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--teal-5) 6%, transparent) 0%,
        color-mix(in srgb, var(--slate-7) 8%, transparent) 50%,
        color-mix(in srgb, var(--slate-12) 40%, transparent) 100%);
    border-color: var(--color-border-subtle);
}

[data-theme="dark"] .obs-card-header[b-i364fox2uj] {
    background-color: var(--color-bg-component);
}

[data-theme="dark"][b-i364fox2uj]  .tool-link-btn { color: var(--color-text-primary) !important; }
[data-theme="dark"][b-i364fox2uj]  .tool-link-btn:hover { background-color: var(--color-bg-hover) !important; }
/* _content/AlchemosPositive.Portal.Admin/Features/RuleTester/RuleTester.razor.rz.scp.css */
/* ── RuleTester — scoped styles ─────────────────────────────────────────────── */

[b-bfsy22dhfk] .mud-typography {
    background-color: transparent !important;
}

/* ── Spring Sunshine Hero — aqua → sage → gold → peach (Option B) ─────────── */
.tester-rainy-hero[b-bfsy22dhfk] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #E0F7FA 0%, #F1F8E9 35%, #FFF8E1 70%, #FFF3E0 100%);
    border: 1px solid rgba(178, 223, 219, 0.50);
    border-radius: var(--radius-xl);
    padding: 1.75rem 2rem;
    min-height: 120px;
    display: flex;
    align-items: center;
    border-bottom: none;
}
.tester-rainy-hero[b-bfsy22dhfk]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.20);
    pointer-events: none;
    z-index: 1;
}
.tester-rainy-hero[b-bfsy22dhfk]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 60%;
    background: radial-gradient(ellipse at center bottom, rgba(0, 77, 64, 0.07) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}
.tester-rainy-hero .spring-hero__body[b-bfsy22dhfk] {
    position: relative;
    z-index: 2;
}
[data-theme="dark"] .tester-rainy-hero[b-bfsy22dhfk] {
    background: linear-gradient(135deg, #0D2C2A 0%, #112C18 35%, #2C2A0D 70%, #302011 100%);
    border-color: rgba(45, 212, 191, 0.18);
}
[data-theme="dark"] .tester-rainy-hero[b-bfsy22dhfk]::after {
    background: rgba(0, 0, 0, 0.25);
}

/* Decorative hero icon */
.tester-hero-icon[b-bfsy22dhfk] {
    font-size: 3.5rem;
    opacity: 0.22;
    color: var(--slate-12);
    filter: drop-shadow(0 2px 6px rgba(15, 26, 37, 0.15));
}

/* ── Panel Cards ─────────────────────────────────────────────────────────────── */
[b-bfsy22dhfk] .tester-panel {
    background-color: var(--color-surface-1) !important;
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: var(--radius-lg) !important;
    transition: box-shadow 160ms ease-out, transform 160ms ease-out;
}
[b-bfsy22dhfk] .tester-panel:hover {
    box-shadow: 0 4px 12px rgba(15, 26, 37, 0.07) !important;
    transform: translateY(-1px);
}
[data-theme="dark"][b-bfsy22dhfk]  .tester-panel {
    background-color: var(--color-surface-2) !important;
    border-color: var(--color-border-subtle) !important;
}

/* ── Secondary text (replaces Color.Secondary) ──────────────────────────────── */
[b-bfsy22dhfk] .tester-caption {
    color: var(--color-text-secondary) !important;
}

/* ── Function helper chips ───────────────────────────────────────────────────── */
[b-bfsy22dhfk] .fn-chip.mud-chip {
    font-family: 'Consolas', 'Fira Code', ui-monospace, monospace;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 9999px;
    height: auto;
    padding: 2px 10px;
    background-color: var(--color-accent-subtle) !important;
    color: var(--color-accent-text) !important;
    cursor: pointer;
    transition: background-color 120ms ease-out, transform 120ms ease-out;
}
[b-bfsy22dhfk] .fn-chip.mud-chip:hover {
    background-color: var(--teal-3) !important;
    transform: translateY(-1px);
}

/* ── Semantic chip classes ───────────────────────────────────────────────────── */
[b-bfsy22dhfk] .tester-chip.mud-chip {
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 9999px;
    height: auto;
    padding: 2px 10px;
}
[b-bfsy22dhfk] .tester-chip--success.mud-chip {
    background-color: var(--color-success-bg) !important;
    color: var(--color-success-text) !important;
}
[b-bfsy22dhfk] .tester-chip--error.mud-chip {
    background-color: var(--color-error-bg) !important;
    color: var(--color-error-text) !important;
}
[b-bfsy22dhfk] .tester-chip--info.mud-chip {
    background-color: var(--color-info-bg) !important;
    color: var(--color-info-text) !important;
}

/* Monospace expression editor */
[b-bfsy22dhfk] .rule-expression-field textarea {
    font-family: 'Consolas', 'Fira Code', ui-monospace, monospace;
    font-size: var(--text-sm);
    line-height: 1.6;
}

/* Result panel — success/error states */
.result-panel-success[b-bfsy22dhfk] {
    background-color: var(--color-success-bg);
    border: 1px solid var(--color-success-border);
    border-radius: var(--radius-md);
    padding: var(--space-content);
}

.result-panel-error[b-bfsy22dhfk] {
    background-color: var(--color-error-bg);
    border: 1px solid var(--color-error-border);
    border-radius: var(--radius-md);
    padding: var(--space-content);
}

/* ── Result value accent ─────────────────────────────────────────────────────── */
[b-bfsy22dhfk] .result-value {
    color: var(--color-accent) !important;
    font-weight: 700;
}

/* ── Validation table ────────────────────────────────────────────────────────── */
[b-bfsy22dhfk] .tester-panel .mud-table {
    background: transparent !important;
}
[b-bfsy22dhfk] .tester-panel .mud-table thead th {
    color: var(--slate-11) !important;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--color-border-subtle) !important;
}
[b-bfsy22dhfk] .tester-panel .mud-table tbody tr:nth-child(odd) {
    background-color: var(--slate-1) !important;
}
[b-bfsy22dhfk] .tester-panel .mud-table tbody tr:nth-child(even) {
    background-color: var(--slate-2) !important;
}
[b-bfsy22dhfk] .tester-panel .mud-table tbody tr:hover {
    background-color: var(--slate-4) !important;
    transition: background 120ms ease-out;
}

/* ── Timeline styling ────────────────────────────────────────────────────────── */
[b-bfsy22dhfk] .mud-timeline-item-body .mud-typography {
    font-family: 'Consolas', 'Fira Code', ui-monospace, monospace !important;
}

/* ── Scrollbar polish ────────────────────────────────────────────────────────── */
[b-bfsy22dhfk] .mud-table-container::-webkit-scrollbar { width: 6px; height: 6px; }
[b-bfsy22dhfk] .mud-table-container::-webkit-scrollbar-track { background: var(--slate-6); border-radius: 3px; }
[b-bfsy22dhfk] .mud-table-container::-webkit-scrollbar-thumb { background: var(--slate-8); border-radius: 3px; }
[b-bfsy22dhfk] .mud-table-container::-webkit-scrollbar-thumb:hover { background: var(--slate-9); }

/* ── Responsive: mobile hero stacks ──────────────────────────────────────────── */
@media (max-width: 640px) {
    .tester-rainy-hero .spring-hero__body[b-bfsy22dhfk] {
        flex-direction: column;
    }
    .tester-rainy-hero .spring-hero__right[b-bfsy22dhfk] {
        display: none;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Settings/AdminSettings.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   AdminSettings.razor.css — Admin Settings Page Scoped Styles
   Page Archetype: 6 — Settings Page (Nav + Content variant)
   Design contract: AlchemOS Positive Style Contract §10.6
   ════════════════════════════════════════════════════════════════════ */

/* Required: defeat global app.css background-color injection on MudText */
[b-k13ht4zhom] .mud-typography {
    background-color: transparent !important;
}

/* ── Settings Layout (Nav + Content) ───────────────────────────── */
.settings-layout[b-k13ht4zhom] {
    display: flex;
    gap: var(--space-8);
    min-height: 400px;
}

/* ── Settings Side Navigation ──────────────────────────────────── */
.settings-nav[b-k13ht4zhom] {
    display: none;
    flex-direction: column;
    width: 240px;
    flex-shrink: 0;
    background-color: var(--color-bg-subtle);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-6) var(--space-4);
    position: sticky;
    top: var(--space-6);
    align-self: flex-start;
}

.settings-nav__group-label[b-k13ht4zhom] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-3) var(--space-1);
    margin-top: var(--space-2);
    text-align: left;
}

.settings-nav__group-label:first-child[b-k13ht4zhom] {
    margin-top: 0;
    padding-top: 0;
}

.settings-nav__item[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-3);
    width: 100%;
    padding: 10px var(--space-3);
    border: none;
    background: transparent;
    border-radius: var(--radius-md);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background-color var(--transition-interactive), color var(--transition-interactive);
    text-align: left;
}

.settings-nav__item:hover[b-k13ht4zhom] {
    background-color: var(--color-bg-hover);
    color: var(--color-text-primary);
}

.settings-nav__item--active[b-k13ht4zhom] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
}

.settings-nav__item--active:hover[b-k13ht4zhom] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
}

/* ── Mobile Category Picker ────────────────────────────────────── */
.settings-mobile-picker[b-k13ht4zhom] {
    display: block;
    margin-bottom: var(--space-4);
}

/* ── Settings Content Area ─────────────────────────────────────── */
.settings-content[b-k13ht4zhom] {
    flex: 1;
    min-width: 0;
    max-width: var(--layout-settings-max, 720px);
}

.settings-content__title[b-k13ht4zhom] {
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: var(--tracking-tight);
    margin: 0 0 var(--space-1) 0;
}

.settings-content__desc[b-k13ht4zhom] {
    color: var(--color-text-secondary);
    margin: 0 0 var(--space-8) 0;
    line-height: var(--leading-relaxed);
}

/* ── Settings Group ────────────────────────────────────────────── */
.settings-group[b-k13ht4zhom] {
    margin-bottom: var(--space-12);
    padding-bottom: var(--space-8);
    border-bottom: 1px solid var(--color-border-subtle);
}

.settings-group:last-child[b-k13ht4zhom] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.settings-group--wide[b-k13ht4zhom] {
    max-width: none;
}

.settings-group__heading[b-k13ht4zhom] {
    font-size: var(--text-xs) !important;
    font-weight: 600 !important;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin: 0 0 var(--space-6) 0;
    padding-bottom: 0;
    border-bottom: none;
}

.settings-group__heading--inline[b-k13ht4zhom] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: var(--space-1);
}

.settings-group__count[b-k13ht4zhom] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

/* Group fields container (for MudBlazor inputs) */
.settings-group__fields[b-k13ht4zhom] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Group toolbar (for webhooks section) */
.settings-group__toolbar[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-6) 0;
    border-bottom: 1px solid var(--color-border-subtle);
    flex-wrap: wrap;
}

.settings-group__toolbar-actions[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

/* ── Setting Row (toggle pattern: label left, control right) ──── */
.settings-group__rows[b-k13ht4zhom] {
    display: flex;
    flex-direction: column;
}

.setting-row[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-content, 24px) 0;
    border-bottom: 1px solid var(--color-border-subtle);
}

.setting-row:last-child[b-k13ht4zhom] {
    border-bottom: none;
}

.setting-row__info[b-k13ht4zhom] {
    flex: 1;
    min-width: 0;
}

.setting-row__label[b-k13ht4zhom] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    line-height: var(--leading-body);
}

.setting-row__desc[b-k13ht4zhom] {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin-top: 2px;
}

/* ── Danger Zone ───────────────────────────────────────────────── */
.settings-danger-zone[b-k13ht4zhom] {
    margin-top: var(--space-8);
    padding: var(--space-6);
    border: 1px solid var(--error-200, #FECACA);
    border-radius: var(--radius-lg);
    background-color: var(--error-50, #FEF2F2);
}

.settings-danger-zone__heading[b-k13ht4zhom] {
    font-size: var(--text-xs) !important;
    font-weight: 600 !important;
    color: var(--color-error-text);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin: 0 0 var(--space-2) 0;
}

.setting-row--danger[b-k13ht4zhom] {
    border-bottom: none;
    padding: var(--space-4) 0 0 0;
}

.setting-row__label--danger[b-k13ht4zhom] {
    color: var(--color-error-text);
}

.setting-row__desc--danger[b-k13ht4zhom] {
    color: var(--color-warning-text);
}

/* ── Webhook Table ─────────────────────────────────────────────── */
[b-k13ht4zhom] .wh-search {
    width: 240px;
}

[b-k13ht4zhom] .wh-search .mud-input-outlined-border {
    border-radius: var(--radius-md);
}

[b-k13ht4zhom] .settings-webhooks-table .mud-table-head .mud-table-cell {
    background-color: var(--color-bg-subtle);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-text-secondary);
    padding: 12px 20px;
}

[b-k13ht4zhom] .settings-webhooks-table .mud-table-row .mud-table-cell {
    padding: 16px 20px;
    vertical-align: middle;
    border-bottom: 1px solid var(--color-border-subtle);
}

[b-k13ht4zhom] .settings-webhooks-table .mud-table-row:hover .mud-table-cell {
    background-color: var(--color-bg-hover);
}

/* Two-line URL cell */
.wh-url-cell[b-k13ht4zhom] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
}

.wh-avatar[b-k13ht4zhom] {
    background-color: var(--color-accent-subtle) !important;
    color: var(--color-accent-text) !important;
    flex-shrink: 0;
    margin-top: 2px;
}

.wh-url-info[b-k13ht4zhom] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wh-url-text[b-k13ht4zhom] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: var(--leading-body);
}

.wh-url-meta[b-k13ht4zhom] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

/* Two-line events cell */
.wh-events-info[b-k13ht4zhom] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wh-events-text[b-k13ht4zhom] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: var(--leading-body);
}

.wh-events-meta[b-k13ht4zhom] {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

/* Legacy event-chip styles retained for compatibility with older markup */
.wh-events-cell[b-k13ht4zhom] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}

[b-k13ht4zhom] .wh-event-chip {
    font-size: var(--text-xs) !important;
    font-weight: 500 !important;
    height: 20px !important;
    border-color: var(--color-border-default) !important;
    color: var(--color-text-secondary) !important;
    background-color: transparent !important;
}

[b-k13ht4zhom] .wh-event-more {
    background-color: var(--color-bg-component) !important;
    border-color: var(--color-border-subtle) !important;
    color: var(--color-text-secondary) !important;
}

/* ── Actions column ─────────────────────────────────────────────── */
.table-actions-col[b-k13ht4zhom] {
    width: 80px;
    white-space: nowrap;
}

.grid-action-bar[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    gap: 2px;
}

[b-k13ht4zhom] .action-icon-btn {
    width: 32px;
    height: 32px;
    color: var(--color-text-secondary);
    transition: color var(--transition-interactive), background-color var(--transition-interactive);
}

[b-k13ht4zhom] .action-icon-btn:hover {
    background-color: var(--color-bg-hover);
    color: var(--color-accent-text);
}

/* ── Empty State ────────────────────────────────────────────────── */
.settings-empty-state[b-k13ht4zhom] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-12) var(--space-6);
    text-align: center;
    color: var(--color-text-secondary);
}

.settings-empty-icon[b-k13ht4zhom] {
    font-size: 3rem !important;
    color: var(--color-border-default);
    margin-bottom: var(--space-3);
}

.settings-empty-sub[b-k13ht4zhom] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    max-width: 360px;
    margin-top: var(--space-1);
}

/* ── Webhook Dialog ─────────────────────────────────────────────── */
.wh-dialog-container[b-k13ht4zhom] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1210;
    padding: var(--space-4);
}

.wh-dialog[b-k13ht4zhom] {
    width: 100%;
    max-width: 520px;
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--color-border-subtle);
    background-color: var(--color-surface-1) !important;
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.18) !important;
}

.wh-dialog-header[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-6);
}

.wh-dialog-body[b-k13ht4zhom] {
    padding: var(--space-6);
    max-height: 60vh;
    overflow-y: auto;
}

.wh-dialog-actions[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
}

/* Event checkboxes in dialog */
.wh-event-row[b-k13ht4zhom] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-2) 0;
}

.wh-event-key[b-k13ht4zhom] {
    font-family: 'Courier New', Courier, monospace;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

/* ── Dark Mode ──────────────────────────────────────────────────── */
[data-theme="dark"] .settings-nav[b-k13ht4zhom] {
    background-color: var(--color-bg-subtle);
}

[data-theme="dark"] .settings-nav__item--active[b-k13ht4zhom] {
    background-color: var(--color-accent-subtle);
}

[data-theme="dark"] .settings-danger-zone[b-k13ht4zhom] {
    background-color: rgba(127, 29, 29, 0.15);
    border-color: rgba(185, 28, 28, 0.3);
}

[data-theme="dark"] .wh-dialog[b-k13ht4zhom] {
    background-color: var(--color-surface-1) !important;
}

/* ── Responsive: md (960px – 1279px) ───────────────────────────── */
@media (min-width: 960px) {
    .settings-nav[b-k13ht4zhom] {
        display: flex;
        width: 200px;
    }

    .settings-mobile-picker[b-k13ht4zhom] {
        display: none;
    }
}

/* ── Responsive: lg+ (1280px+) ─────────────────────────────────── */
@media (min-width: 1280px) {
    .settings-nav[b-k13ht4zhom] {
        width: 240px;
    }
}

/* ── Responsive: xs (< 600px) ──────────────────────────────────── */
@media (max-width: 599px) {
    .settings-layout[b-k13ht4zhom] {
        flex-direction: column;
        gap: 0;
    }

    .settings-content[b-k13ht4zhom] {
        max-width: 100%;
    }

    .setting-row[b-k13ht4zhom] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-3);
        padding: var(--space-4) 0;
    }

    .settings-group__toolbar[b-k13ht4zhom] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-group__toolbar-actions[b-k13ht4zhom] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-k13ht4zhom] .wh-search {
        width: 100%;
    }

    .wh-dialog-container[b-k13ht4zhom] {
        align-items: flex-end;
        padding: 0;
    }

    .wh-dialog[b-k13ht4zhom] {
        max-width: 100%;
        border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
    }

    .grid-action-bar[b-k13ht4zhom] {
        opacity: 1 !important;
    }
}

/* ── Responsive: sm (600px – 959px) ────────────────────────────── */
@media (min-width: 600px) and (max-width: 959px) {
    .settings-layout[b-k13ht4zhom] {
        flex-direction: column;
        gap: 0;
    }

    .settings-content[b-k13ht4zhom] {
        max-width: 100%;
    }
}

/* ── Reduced Motion ─────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .settings-nav__item[b-k13ht4zhom],
    [b-k13ht4zhom] .action-icon-btn {
        transition: none;
    }
}

/* ── Integration Cards (Auth SSO providers, integrations pages) ─ */
.integration-card[b-k13ht4zhom] {
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    background-color: var(--color-bg-elevated);
    overflow: hidden;
    margin-bottom: var(--space-8);
}

.integration-card:last-child[b-k13ht4zhom] {
    margin-bottom: 0;
}

.integration-card--active[b-k13ht4zhom] {
    border-color: var(--color-primary);
}

.integration-card__header[b-k13ht4zhom] {
    display: flex;
    align-items: center;
    padding: var(--space-4) var(--space-5);
    gap: var(--space-3);
}

.integration-card__header .flex-1[b-k13ht4zhom] {
    flex: 1;
}

.integration-card__body[b-k13ht4zhom] {
    padding: var(--space-4) var(--space-5) var(--space-5);
    border-top: 1px solid var(--color-border-subtle);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    background-color: var(--color-bg-subtle);
}

@media (max-width: 700px) {
    .integration-card__body[b-k13ht4zhom] {
        grid-template-columns: 1fr;
    }
}

/* ── Quota Tier Table ───────────────────────────────────────────── */
[b-k13ht4zhom] .quota-tier-table .mud-table-cell {
    vertical-align: middle;
}

[b-k13ht4zhom] .quota-tier-table .mud-input-outlined {
    min-width: 120px;
}

/* ── Webhook event checkboxes ───────────────────────────────────── */
.wh-event-row[b-k13ht4zhom] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-1) 0;
}

.wh-event-key[b-k13ht4zhom] {
    color: var(--color-text-secondary);
    font-family: var(--font-mono, monospace);
    font-size: var(--text-xs);
}
/* _content/AlchemosPositive.Portal.Admin/Features/Settings/FeatureFlagSettings.razor.rz.scp.css */
/* FeatureFlagSettings.razor.css */

/* ── Toolbar ────────────────────────────────────────────────────── */
.ff-toolbar[b-y359udb7ae] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ff-toolbar__filters[b-y359udb7ae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

/* ── Legend ─────────────────────────────────────────────────────── */
.ff-legend[b-y359udb7ae] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.72rem;
    color: var(--color-text-secondary);
}

.ff-legend__item[b-y359udb7ae] {
    font-size: 0.72rem;
}

.ff-legend__item--default[b-y359udb7ae] { color: var(--mud-palette-success); }
.ff-legend__item--override[b-y359udb7ae] { color: var(--mud-palette-warning); }

/* ── Group header ───────────────────────────────────────────────── */
.ff-group-header[b-y359udb7ae] {
    display: flex;
    align-items: center;
    margin: 1.5rem 0 0.5rem;
}

/* ── Flag row ───────────────────────────────────────────────────── */
.ff-row[b-y359udb7ae] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.6rem 0.75rem;
    min-height: 58px;
    border-radius: 6px;
    margin-bottom: 2px;
    border-left: 3px solid transparent;
    background: rgba(var(--mud-palette-surface-rgb, 255,255,255), 0.04);
    transition: background 150ms;
}

.ff-row:hover[b-y359udb7ae] {
    background: rgba(var(--mud-palette-primary-rgb, 99,102,241), 0.06);
}

.ff-row--override[b-y359udb7ae] {
    border-left-color: var(--mud-palette-warning);
    background: rgba(var(--mud-palette-warning-rgb, 255,167,38), 0.07);
}

/* Meta */
.ff-row__meta[b-y359udb7ae] {
    min-width: 240px;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-shrink: 0;
}

.ff-row__name[b-y359udb7ae] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ff-row__key[b-y359udb7ae] {
    display: block;
    max-width: 100%;
    font-size: 0.7rem;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    color: var(--color-text-secondary);
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 1px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Tier defaults */
.ff-row__tiers[b-y359udb7ae] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex: 1;
}

.ff-tier[b-y359udb7ae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 72px;
    flex: 0 0 auto;
}

.ff-tier__label[b-y359udb7ae] {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-secondary);
}

/* Override area */
.ff-row__override[b-y359udb7ae] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 180px;
    justify-content: flex-end;
}

.ff-override-value[b-y359udb7ae] {
    cursor: pointer;
    user-select: none;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Ensure override chip hover keeps white text on darkened background */
[b-y359udb7ae] .ff-override-value:hover {
    color: #fff !important;
    filter: brightness(0.88);
}

[b-y359udb7ae] .ff-override-value:hover .mud-chip-content {
    color: #fff !important;
}

@media (max-width: 768px) {
    .ff-row[b-y359udb7ae] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ff-row__meta[b-y359udb7ae] {
        max-width: 100%;
    }

    .ff-row__tiers[b-y359udb7ae] {
        order: 3;
        width: 100%;
        margin-top: 0.25rem;
    }

    .ff-row__override[b-y359udb7ae] {
        order: 2;
        min-width: unset;
        margin-left: auto;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Settings/InfrastructureSettings.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   InfrastructureSettings.razor.css
   Archetype 6 — Settings Page (Side Nav + Sectioned Content)
   Infrastructure specialisation: service health indicators,
   multi-field form grids, observability quick-links
   Style Contract: §1.5 semantic tokens, §3 surface depth,
   §7.2 inputs, §7.3 cards
   ════════════════════════════════════════════════════════════════════ */

/* ── Required: defeat global app.css MudText background injection ── */
[b-rgqax3wqb7] .mud-typography {
    background-color: transparent !important;
}

/* ════════════════════════════════════════════════════════════════════
   LAYOUT — two-column (nav | content) above 768 px; single-col below
   ════════════════════════════════════════════════════════════════════ */
.settings-layout[b-rgqax3wqb7] {
    display: flex;
    gap: var(--space-8);
    align-items: flex-start;
    min-height: 400px;
}

/* ════════════════════════════════════════════════════════════════════
   SIDE NAVIGATION PANEL
   ════════════════════════════════════════════════════════════════════ */
.settings-nav[b-rgqax3wqb7] {
    display: none; /* hidden on mobile — revealed above 768 px */
    flex-direction: column;
    width: 196px;
    flex-shrink: 0;
    background-color: var(--color-bg-subtle);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-6) var(--space-4);
    position: sticky;
    top: var(--space-6);
    align-self: flex-start;
    gap: var(--space-1);
}

/* Section category labels (CARBON / NOTIFICATIONS etc.) */
.settings-nav__group-label[b-rgqax3wqb7] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-3) var(--space-2);
    margin-top: var(--space-3);
}

.settings-nav__group-label:first-child[b-rgqax3wqb7] {
    margin-top: 0;
    padding-top: 0;
}

/* Nav item button */
.settings-nav__item[b-rgqax3wqb7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-2);
    width: 100%;
    padding: 9px var(--space-3);
    border: none;
    background-color: transparent;
    border-radius: var(--radius-md);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background-color var(--transition-interactive),
                color var(--transition-interactive);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settings-nav__item:hover[b-rgqax3wqb7] {
    background-color: var(--color-bg-hover);
    color: var(--color-text-primary);
}

.settings-nav__item--active[b-rgqax3wqb7] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
    font-weight: 600;
}

.settings-nav__item--active:hover[b-rgqax3wqb7] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
}

/* Icon inside nav item inherits parent color */
.settings-nav__item .mud-icon-root[b-rgqax3wqb7] {
    font-size: 1.1rem;
    flex-shrink: 0;
    opacity: 0.75;
}

.settings-nav__item--active .mud-icon-root[b-rgqax3wqb7] {
    opacity: 1;
}

/* ════════════════════════════════════════════════════════════════════
   MOBILE SECTION PICKER (shown below 768 px)
   ════════════════════════════════════════════════════════════════════ */
.settings-mobile-picker[b-rgqax3wqb7] {
    display: block;
    margin-bottom: var(--space-4);
}

/* ════════════════════════════════════════════════════════════════════
   MAIN CONTENT AREA
   ════════════════════════════════════════════════════════════════════ */
.settings-content[b-rgqax3wqb7] {
    flex: 1;
    min-width: 0;
    padding-bottom: var(--space-8);
}

.settings-content__title[b-rgqax3wqb7] {
    font-weight: 700;
    letter-spacing: var(--tracking-tight);
    color: var(--color-text-primary);
    margin: 0 0 var(--space-2) 0;
}

.settings-content__desc[b-rgqax3wqb7] {
    color: var(--color-text-secondary);
    margin: 0 0 var(--space-6) 0;
    line-height: var(--leading-relaxed);
}

/* ════════════════════════════════════════════════════════════════════
   ENDPOINT ROW — service URL table with inline health indicator
   Card-grouped appearance: left/right/top borders on each row,
   bottom border only on the last row; top radius on first,
   bottom radius on last → reads as a unified card table.
   ════════════════════════════════════════════════════════════════════ */
.endpoint-row[b-rgqax3wqb7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    grid-template-areas:
        "label health"
        "field health";
    align-items: start;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-6);
    min-height: 92px;
    background-color: var(--color-surface-1);
    border-left:  1px solid var(--color-border-subtle);
    border-right: 1px solid var(--color-border-subtle);
    border-top:   1px solid var(--color-border-subtle);
    border-bottom: none;
    transition: background-color var(--transition-interactive);
}

/* First row: rounded top */
.endpoint-row:first-of-type[b-rgqax3wqb7] {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

/* Last row: add bottom border + rounded bottom */
.endpoint-row:last-of-type[b-rgqax3wqb7] {
    border-bottom: 1px solid var(--color-border-subtle);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* Only one row: full card */
.endpoint-row:only-of-type[b-rgqax3wqb7] {
    border-bottom: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
}

.endpoint-row:hover[b-rgqax3wqb7] {
    background-color: var(--color-bg-hover);
}

.endpoint-row__label[b-rgqax3wqb7] {
    grid-area: label;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.endpoint-row__label .mud-icon-root[b-rgqax3wqb7] {
    color: var(--color-text-secondary);
    font-size: 1rem;
    flex-shrink: 0;
}

.endpoint-row__field[b-rgqax3wqb7] {
    grid-area: field;
    min-width: 0;
}

.endpoint-row__health[b-rgqax3wqb7] {
    grid-area: health;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: center;
}

/* ════════════════════════════════════════════════════════════════════
   SETTINGS GROUP — elevated card panels for form field groupings
   ════════════════════════════════════════════════════════════════════ */
.settings-group[b-rgqax3wqb7] {
    background-color: var(--color-surface-1);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-12);
}

.settings-group:last-child[b-rgqax3wqb7] {
    margin-bottom: 0;
}

/* Section label within a group (overline Typo via MudText) */
.settings-group__heading[b-rgqax3wqb7] {
    font-size: var(--text-xs) !important;
    font-weight: 600 !important;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin: 0 0 var(--space-6) 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Responsive 2-column grid for MudTextField / MudNumericField controls */
.settings-group__fields[b-rgqax3wqb7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--space-4) var(--space-6);
    align-items: start;
}

/* Toggle rows span the full grid width */
.settings-group__fields .setting-row[b-rgqax3wqb7] {
    grid-column: 1 / -1;
}

/* ════════════════════════════════════════════════════════════════════
   SETTING ROW — toggle / switch label + description pattern
   ════════════════════════════════════════════════════════════════════ */
.setting-row[b-rgqax3wqb7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-border-subtle);
}

.setting-row:last-child[b-rgqax3wqb7] {
    border-bottom: none;
    padding-bottom: 0;
}

.setting-row__info[b-rgqax3wqb7] {
    flex: 1;
    min-width: 0;
}

.setting-row__label[b-rgqax3wqb7] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    line-height: var(--leading-body);
}

.setting-row__desc[b-rgqax3wqb7] {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin-top: 2px;
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ════════════════════════════════════════════════════════════════════ */

/* md+: reveal side nav, hide mobile picker, cap content width */
@media (min-width: 768px) {
    .settings-nav[b-rgqax3wqb7] {
        display: flex;
    }

    .settings-mobile-picker[b-rgqax3wqb7] {
        display: none;
    }

    .settings-content[b-rgqax3wqb7] {
        max-width: 760px;
    }
}

/* xs: endpoint rows stack label above URL field */
@media (max-width: 700px) {
    .endpoint-row[b-rgqax3wqb7] {
        grid-template-columns: 1fr 40px;
        grid-template-areas:
            "label health"
            "field health";
        gap: var(--space-2) var(--space-3);
        padding: var(--space-3);
        min-height: 88px;
    }

    .endpoint-row__label[b-rgqax3wqb7] {
        grid-column: auto;
    }

    .settings-group__fields[b-rgqax3wqb7] {
        grid-template-columns: 1fr;
    }
}

/* ════════════════════════════════════════════════════════════════════
   DARK MODE OVERRIDES
   ════════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .settings-nav[b-rgqax3wqb7] {
    background-color: var(--color-bg-component);
    border-color: var(--color-border-default);
}

[data-theme="dark"] .settings-nav__group-label[b-rgqax3wqb7] {
    color: var(--color-text-secondary);
}

[data-theme="dark"] .settings-nav__item:hover[b-rgqax3wqb7] {
    background-color: var(--color-bg-hover);
}

[data-theme="dark"] .settings-group[b-rgqax3wqb7] {
    background-color: var(--color-bg-component);
    border-color: var(--color-border-default);
}

[data-theme="dark"] .settings-group__heading[b-rgqax3wqb7] {
    border-bottom-color: var(--color-border-subtle);
}

[data-theme="dark"] .endpoint-row[b-rgqax3wqb7] {
    background-color: var(--color-bg-component);
    border-color: var(--color-border-default);
    border-bottom-color: transparent;
}

[data-theme="dark"] .endpoint-row:last-of-type[b-rgqax3wqb7],
[data-theme="dark"] .endpoint-row:only-of-type[b-rgqax3wqb7] {
    border-bottom-color: var(--color-border-default);
}

[data-theme="dark"] .endpoint-row:hover[b-rgqax3wqb7] {
    background-color: var(--color-bg-hover);
}

[data-theme="dark"] .setting-row[b-rgqax3wqb7] {
    border-bottom-color: var(--color-border-subtle);
}

[data-theme="dark"] .settings-content__title[b-rgqax3wqb7] {
    color: var(--color-text-primary);
}

/* ── Reduced motion ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .settings-nav__item[b-rgqax3wqb7],
    .endpoint-row[b-rgqax3wqb7] {
        transition: none;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/Settings/IntegrationSettings.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   IntegrationSettings.razor.css — Integration Settings Page Styles
   Page Archetype: 6 — Settings Page (Nav + Content variant)
   Design contract: AlchemOS Positive Style Contract §10.6
   ════════════════════════════════════════════════════════════════════ */

/* Required: defeat global app.css background-color injection on MudText */
[b-s3x1vqa1w5] .mud-typography {
    background-color: transparent !important;
}

/* ── Settings Layout (Side nav + Content) ──────────────────────── */
.settings-layout[b-s3x1vqa1w5] {
    display: flex;
    gap: var(--space-8);
    min-height: 400px;
}

/* ── Settings Side Navigation ──────────────────────────────────── */
.settings-nav[b-s3x1vqa1w5] {
    display: none;
    flex-direction: column;
    width: 200px;
    flex-shrink: 0;
    background-color: var(--color-bg-subtle);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-6) var(--space-4);
    position: sticky;
    top: var(--space-6);
    align-self: flex-start;
}

.settings-nav__group-label[b-s3x1vqa1w5] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    padding: var(--space-3) var(--space-3) var(--space-1);
    margin-top: var(--space-2);
    text-align: left;
}

.settings-nav__group-label:first-child[b-s3x1vqa1w5] {
    margin-top: 0;
    padding-top: 0;
}

.settings-nav__item[b-s3x1vqa1w5] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-3);
    width: 100%;
    padding: 10px var(--space-3);
    border: none;
    background: transparent;
    border-radius: var(--radius-md);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background-color var(--transition-interactive), color var(--transition-interactive);
    text-align: left;
}

.settings-nav__item:hover[b-s3x1vqa1w5] {
    background-color: var(--color-bg-hover);
    color: var(--color-text-primary);
}

.settings-nav__item--active[b-s3x1vqa1w5] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
}

.settings-nav__item--active:hover[b-s3x1vqa1w5] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
}

/* ── Mobile Category Picker ────────────────────────────────────── */
.settings-mobile-picker[b-s3x1vqa1w5] {
    display: block;
    margin-bottom: var(--space-4);
}

/* ── Settings Content Area ─────────────────────────────────────── */
.settings-content[b-s3x1vqa1w5] {
    flex: 1;
    min-width: 0;
}

.settings-content__title[b-s3x1vqa1w5] {
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: var(--tracking-tight);
    margin: 0 0 var(--space-1) 0;
}

.settings-content__desc[b-s3x1vqa1w5] {
    color: var(--color-text-secondary);
    margin: 0 0 var(--space-6) 0;
    line-height: var(--leading-relaxed);
}

/* ── Settings Group ────────────────────────────────────────────── */
.settings-group[b-s3x1vqa1w5] {
    margin-bottom: var(--space-12);
    padding-bottom: var(--space-8);
    border-bottom: 1px solid var(--color-border-subtle);
}

.settings-group:last-child[b-s3x1vqa1w5] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.settings-group__heading[b-s3x1vqa1w5] {
    font-size: var(--text-xs) !important;
    font-weight: 600 !important;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin: 0 0 var(--space-6) 0;
    padding-bottom: 0;
    border-bottom: none;
}

.settings-group__fields[b-s3x1vqa1w5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Integration Card ──────────────────────────────────────────── */
.integration-card[b-s3x1vqa1w5] {
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    background-color: var(--color-bg-surface);
    overflow: hidden;
    transition: border-color var(--transition-interactive), box-shadow var(--transition-interactive);
    margin-bottom: var(--space-8);
}

.integration-card:last-child[b-s3x1vqa1w5] {
    margin-bottom: 0;
}

.integration-card:hover[b-s3x1vqa1w5] {
    border-color: var(--color-border-active, var(--slate-7));
}

.integration-card--active[b-s3x1vqa1w5] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 1px var(--color-accent-subtle);
}

.integration-card--disabled[b-s3x1vqa1w5] {
    opacity: 0.5;
    pointer-events: none;
}

/* Card header: flex row with provider badge, title block, and toggle */
.integration-card__header[b-s3x1vqa1w5] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
}

/* Card body: single-col field stack */
.integration-card__body[b-s3x1vqa1w5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-6);
    border-top: 1px solid var(--color-border-subtle);
    background-color: var(--color-bg-subtle);
}

/* Card body: 3-col responsive grid */
.integration-card__body--3col[b-s3x1vqa1w5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-4) var(--space-6);
    padding: var(--space-6);
    border-top: 1px solid var(--color-border-subtle);
    background-color: var(--color-bg-subtle);
}

.integration-card__footer[b-s3x1vqa1w5] {
    display: flex;
    flex-direction: column;
    padding: 0 var(--space-6);
    border-top: 1px solid var(--color-border-subtle);
    background-color: var(--color-bg-subtle);
}

@media (max-width: 600px) {
    .integration-card__body--3col[b-s3x1vqa1w5] {
        grid-template-columns: 1fr;
    }
}

/* ── Provider Badge ────────────────────────────────────────────── */
.provider-badge[b-s3x1vqa1w5] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
    color: #fff;
}

/* Provider badge colours use scale steps for consistent brand identity */
.provider-badge--thallo[b-s3x1vqa1w5] { background-color: var(--color-success-solid); }
.provider-badge--patch[b-s3x1vqa1w5]  { background-color: var(--color-info-solid);    }
.provider-badge--clov[b-s3x1vqa1w5]   { background-color: var(--slate-9);             }

/* ── Setting Row (toggle pattern: label left, control right) ─── */
.setting-row[b-s3x1vqa1w5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-content, 24px) 0;
    border-bottom: 1px solid var(--color-border-subtle);
}

.setting-row:last-child[b-s3x1vqa1w5] {
    border-bottom: none;
}

.setting-row__info[b-s3x1vqa1w5] {
    flex: 1;
    min-width: 0;
}

.setting-row__label[b-s3x1vqa1w5] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    line-height: var(--leading-body);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.setting-row__desc[b-s3x1vqa1w5] {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    line-height: var(--leading-relaxed);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Danger Zone ───────────────────────────────────────────────── */
.settings-danger-zone[b-s3x1vqa1w5] {
    margin-top: var(--space-8);
    padding: var(--space-6);
    border: 1px solid var(--error-200, #FECACA);
    border-radius: var(--radius-lg);
    background-color: var(--error-50, #FEF2F2);
}

.settings-danger-zone__heading[b-s3x1vqa1w5] {
    font-size: var(--text-xs) !important;
    font-weight: 600 !important;
    color: var(--color-error-text);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin: 0 0 var(--space-2) 0;
}

.setting-row--danger[b-s3x1vqa1w5] {
    border-bottom: none;
    padding: var(--space-4) 0 0 0;
}

.setting-row__label--danger[b-s3x1vqa1w5] {
    color: var(--color-error-text);
}

/* ── Responsive Breakpoints ────────────────────────────────────── */
/* sm: show side nav, hide mobile picker */
@media (min-width: 768px) {
    .settings-nav[b-s3x1vqa1w5] {
        display: flex;
    }

    .settings-mobile-picker[b-s3x1vqa1w5] {
        display: none;
    }

    .settings-content[b-s3x1vqa1w5] {
        max-width: 720px;
    }
}

/* ── Dark Mode ─────────────────────────────────────────────────── */
[data-theme="dark"] .integration-card[b-s3x1vqa1w5] {
    background-color: var(--color-bg-surface);
    border-color: var(--color-border-subtle);
}

[data-theme="dark"] .integration-card--active[b-s3x1vqa1w5] {
    border-color: var(--color-accent);
}

[data-theme="dark"] .integration-card__body[b-s3x1vqa1w5],
[data-theme="dark"] .integration-card__body--3col[b-s3x1vqa1w5],
[data-theme="dark"] .integration-card__footer[b-s3x1vqa1w5] {
    background-color: var(--color-bg-subtle);
}

[data-theme="dark"] .settings-nav[b-s3x1vqa1w5] {
    background-color: var(--color-bg-subtle);
    border-color: var(--color-border-subtle);
}

[data-theme="dark"] .settings-danger-zone[b-s3x1vqa1w5] {
    background-color: var(--color-error-bg);
    border-color: var(--color-error-border, var(--error-200));
}
/* _content/AlchemosPositive.Portal.Admin/Features/TenantManagement/TenantList.razor.rz.scp.css */
/* ── TenantList — scoped styles ────────────────────────────────────────────── */

/* Defeat global .mud-typography background cascade inside data grid rows */
[b-itd6myo5l4] .mud-typography {
    background-color: transparent !important;
}

/* ── Plan badge chips ──────────────────────────────────────────────────────── */
[b-itd6myo5l4] .plan-badge-enterprise {
    background-color: #7C3AED !important;
    color: #fff !important;
}

[b-itd6myo5l4] .plan-badge-professional {
    background-color: #0D9488 !important;
    color: #fff !important;
}

[b-itd6myo5l4] .plan-badge-starter {
    background-color: #64748B !important;
    color: #fff !important;
}
/* _content/AlchemosPositive.Portal.Admin/Features/VersionHistory/VersionHistory.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════════
   VersionHistory.razor.css — Rainy Morning Dew Misty theme
   §7.3.2 transparent bg fix | §0.2 Typo-first | Slate + Teal design system
   Page archetype: List / Data Grid with Filter Bar
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── §7.3.2 Transparent bg fix ─────────────────────────────────────────────── */
[b-udy69hurvy] .mud-typography {
    background-color: transparent !important;
}

/* ── Page root ──────────────────────────────────────────────────────────────── */
.vh-root[b-udy69hurvy] {
    animation: vhFadeIn-b-udy69hurvy var(--transition-reveal, 200ms) ease-out both;
    background:
        radial-gradient(ellipse 120% 50% at 65% 0%, rgba(180, 200, 230, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 80% 40% at 5% 85%, rgba(190, 215, 185, 0.11) 0%, transparent 55%);
}

@keyframes vhFadeIn-b-udy69hurvy {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .vh-root[b-udy69hurvy] { animation: none; }
}

/* ── Hero Banner — Spring Morning gradient (matching Calculators) ────────────── */
/* Removed custom .vh-hero class — now uses global spring-hero from app.css */

/* ── Hero icon ghost circle ─────────────────────────────────────────────────── */
.vh-hero__icon-wrap[b-udy69hurvy] {
    position: absolute;
    right: var(--space-8, 2rem);
    top: 50%;
    transform: translateY(-50%);
    width: 72px;
    height: 72px;
    background: rgba(255, 255, 255, 0.50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(180, 200, 210, 0.35);
    opacity: 0.70;
    pointer-events: none;
}

@media (max-width: 599px) {
    .vh-hero__icon-wrap[b-udy69hurvy] { display: none; }
}

/* NOTE: KPI cards use global classes pa-4 joy-card page-kpi-card + MudBlazor Color prop
   on MudText. Scoped CSS on MudBlazor components is not valid (no scope attr applied). */

/* ── KPI Row — flex container so 5 cards fill the full width evenly ─────────── */
.vh-kpi-row[b-udy69hurvy] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── Filter Bar (inner field wrappers — plain divs, scope attr applies) ────── */
.vh-filter-bar[b-udy69hurvy] {
    /* outer container is now MudPaper joy-card — see markup */
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

.vh-filter-field[b-udy69hurvy] {
    flex: 1 1 200px;
    min-width: 160px;
}

.vh-filter-field--sm[b-udy69hurvy] {
    flex: 1 1 150px;
    min-width: 130px;
    max-width: 200px;
}

.vh-filter-actions[b-udy69hurvy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    align-self: center;
}

/* ── Data Grid Card ─────────────────────────────────────────────────────────── */
/* Container uses joy-card + Style="overflow:hidden" — see markup */

/* ── DataGrid column headers ────────────────────────────────────────────────── */
[b-udy69hurvy] .mud-table-head .mud-table-cell {
    background-color: var(--teal-1, #F0FDFA) !important;
    color: var(--color-text-secondary, #3D4E5C) !important;
    font-weight: 600 !important;
    font-size: var(--text-xs, 0.75rem) !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid var(--color-border-subtle, var(--slate-6)) !important;
}

[b-udy69hurvy] .mud-table-cell {
    background-color: transparent !important;
    vertical-align: middle !important;
}

[b-udy69hurvy] .mud-table-body .mud-table-row:hover .mud-table-cell {
    background-color: rgba(204, 251, 241, 0.12) !important;
}

[b-udy69hurvy] .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid var(--color-border-subtle, var(--slate-6)) !important;
}

[b-udy69hurvy] .mud-table-cell .mud-input-root,
[b-udy69hurvy] .mud-table-cell .mud-input-outlined-border,
[b-udy69hurvy] .mud-table-cell fieldset {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Entity type icon box ────────────────────────────────────────────────────── */
.vh-entity-icon[b-udy69hurvy] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--color-accent-subtle, #CCFBF1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vh-entity-icon-svg[b-udy69hurvy] {
    color: var(--color-accent, #0F766E) !important;
    font-size: 18px !important;
}

/* ── 2-line cell typography ─────────────────────────────────────────────────── */
.vh-cell-primary[b-udy69hurvy] {
    font-size: var(--text-sm, 0.875rem);
    font-weight: 600;
    color: var(--color-text-primary, #0F1A25);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    line-height: 1.35;
}

.vh-cell-secondary[b-udy69hurvy] {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-secondary, #3D4E5C);
    white-space: nowrap;
    line-height: 1.4;
}

.vh-cell-truncate[b-udy69hurvy] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* ── Version number — monospace teal ───────────────────────────────────────── */
.vh-version-number[b-udy69hurvy] {
    font-family: 'Consolas', 'JetBrains Mono', 'Courier New', monospace;
    font-size: var(--text-sm, 0.875rem);
    font-weight: 700;
    color: var(--color-accent, #0F766E);
    white-space: nowrap;
    line-height: 1.35;
}

/* ── Author avatar ──────────────────────────────────────────────────────────── */
[b-udy69hurvy] .vh-author-avatar {
    background: var(--color-accent-subtle, #CCFBF1) !important;
    color: var(--color-accent, #0F766E) !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 0.75rem !important;
    flex-shrink: 0;
}

/* ── Semantic chip system ───────────────────────────────────────────────────── */
.vh-chip[b-udy69hurvy] {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: 9999px;
    white-space: nowrap;
    letter-spacing: 0.025em;
    line-height: 1.6;
    border: 1px solid transparent;
}

.vh-chip--accent[b-udy69hurvy]  { background: var(--color-accent-subtle, #CCFBF1);  color: var(--color-accent-text, #0C5E58);  border-color: var(--teal-3, #99F6E4); }
.vh-chip--success[b-udy69hurvy] { background: var(--color-success-bg, #F0FDF4);      color: var(--color-success-text, #15803D); border-color: var(--color-success-border, #BBF7D0); }
.vh-chip--warning[b-udy69hurvy] { background: var(--color-warning-bg, #FFFBEB);      color: var(--color-warning-text, #B45309); border-color: var(--color-warning-border, #FDE68A); }
.vh-chip--error[b-udy69hurvy]   { background: var(--color-error-bg, #FEF2F2);        color: var(--color-error-text, #B91C1C);   border-color: var(--color-error-border, #FECACA); }
.vh-chip--info[b-udy69hurvy]    { background: var(--color-info-bg, #F0F9FF);         color: var(--color-info-text, #0369A1);    border-color: var(--color-info-border, #BAE6FD); }
.vh-chip--neutral[b-udy69hurvy] { background: var(--color-bg-component, #EAEEF2);    color: var(--color-text-secondary, #3D4E5C); border-color: var(--color-border-subtle); }

/* ── Grid action buttons bar ────────────────────────────────────────────────── */
.grid-action-bar[b-udy69hurvy] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}

[b-udy69hurvy] .action-icon-btn {
    width: 32px !important;
    height: 32px !important;
    padding: 4px !important;
}

/* Sticky actions column on mobile — always visible ─────────────────────────── */
@media (max-width: 767px) {
    [b-udy69hurvy] .mud-table-cell:last-child,
    [b-udy69hurvy] .mud-table-head .mud-table-cell:last-child {
        position: sticky;
        right: 0;
        background: var(--color-surface-1, #FFFFFF) !important;
        z-index: 3;
        box-shadow: -2px 0 8px rgba(15, 23, 42, 0.06);
    }

    .grid-action-bar[b-udy69hurvy] { justify-content: flex-start; }
    .vh-cell-primary[b-udy69hurvy] { max-width: 140px; }
    .vh-cell-truncate[b-udy69hurvy] { max-width: 100px; }
}

/* ── Compare dialog panels ──────────────────────────────────────────────────── */
.vh-compare-panel[b-udy69hurvy] {
    background: var(--color-bg-subtle, #F4F6F8) !important;
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: var(--radius-md, 8px) !important;
}

.vh-compare-from[b-udy69hurvy] { color: var(--color-error-text, #B91C1C);   font-weight: 600; }
.vh-compare-to[b-udy69hurvy]   { color: var(--color-success-text, #15803D); font-weight: 600; }

.vh-compare-code[b-udy69hurvy] {
    font-family: 'Consolas', 'JetBrains Mono', 'Courier New', monospace;
    font-size: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--color-text-primary, #0F1A25);
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
}

/* ── Changes table ──────────────────────────────────────────────────────────── */
.vh-changes-table[b-udy69hurvy] {
    border-radius: var(--radius-md, 8px);
    overflow: hidden;
    border: 1px solid var(--color-border-subtle) !important;
}

[b-udy69hurvy] .vh-changes-table th {
    background: var(--color-bg-subtle, #F4F6F8) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: var(--color-text-secondary, #3D4E5C) !important;
    padding: 8px 12px !important;
}

[b-udy69hurvy] .vh-changes-table td {
    padding: 8px 12px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
}

.vh-field-name[b-udy69hurvy] { font-weight: 500; color: var(--color-text-primary, #0F1A25); font-size: var(--text-sm, 0.875rem); }

.vh-code-old[b-udy69hurvy] {
    color: var(--color-error-text, #B91C1C);
    font-family: 'Consolas', monospace;
    font-size: 0.8rem;
    background: var(--color-error-bg, #FEF2F2);
    padding: 1px 5px;
    border-radius: 4px;
}

.vh-code-new[b-udy69hurvy] {
    color: var(--color-success-text, #15803D);
    font-family: 'Consolas', monospace;
    font-size: 0.8rem;
    background: var(--color-success-bg, #F0FDF4);
    padding: 1px 5px;
    border-radius: 4px;
}

/* ── Detail labels ──────────────────────────────────────────────────────────── */
.vh-detail-label[b-udy69hurvy] {
    color: var(--color-text-secondary, #3D4E5C);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

/* ── Empty state ────────────────────────────────────────────────────────────── */
.vh-empty-state[b-udy69hurvy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.5rem 1rem;
    text-align: center;
}

.vh-empty-icon[b-udy69hurvy]  { font-size: 3rem !important; color: var(--color-text-secondary); opacity: 0.3; margin-bottom: 1rem; }
.vh-empty-title[b-udy69hurvy] { font-size: var(--text-lg, 1.25rem); font-weight: 600; color: var(--color-text-primary); margin-bottom: 0.5rem; }
.vh-empty-sub[b-udy69hurvy]   { font-size: var(--text-sm, 0.875rem); color: var(--color-text-secondary); max-width: 380px; }

/* ── Pagination ─────────────────────────────────────────────────────────────── */
[b-udy69hurvy] .mud-table-pagination {
    border-top: 1px solid var(--color-border-subtle) !important;
    background: var(--color-bg-subtle, #F4F6F8) !important;
}

/* ── DataGrid sort icon ─────────────────────────────────────────────────────── */
[b-udy69hurvy] .mud-table-sort-label .mud-icon-root {
    color: var(--color-text-secondary) !important;
}

/* ── (legacy class stubs — kept for build safety) ───────────────────────────── */
.version-hero-icon[b-udy69hurvy] { display: none; }
.stat-card[b-udy69hurvy] { display: none; }
.entity-card[b-udy69hurvy] { display: none; }
.empty-state[b-udy69hurvy] { display: none; }

/* ── Stat cards ──────────────────────────────────────────────────────────────── */
.stat-card[b-udy69hurvy] {
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--color-border-subtle);
    border-left-width: 4px;
    height: 100%;
    box-sizing: border-box;
    transition: transform 160ms ease-out, box-shadow 160ms ease-out;
}

.stat-card:hover[b-udy69hurvy] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 26, 37, 0.07);
}

.stat-card--neutral[b-udy69hurvy] { border-left-color: var(--slate-7); }
.stat-card--success[b-udy69hurvy] { border-left-color: var(--color-success-solid); }
.stat-card--warning[b-udy69hurvy] { border-left-color: var(--color-warning-solid); }
.stat-card--error[b-udy69hurvy]   { border-left-color: var(--color-error-solid); }

.stat-card__label[b-udy69hurvy] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
}

.stat-card__value[b-udy69hurvy] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-text-primary);
}

.stat-card__value--success[b-udy69hurvy] { color: var(--color-success-text); }
.stat-card__value--warning[b-udy69hurvy] { color: var(--color-warning-text); }
.stat-card__value--error[b-udy69hurvy]   { color: var(--color-error-text);   }

/* ── Filter bar ──────────────────────────────────────────────────────────────── */
.filter-bar[b-udy69hurvy] {
    padding: 1rem 1.25rem !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--color-border-subtle) !important;
    background-color: var(--color-surface-1) !important;
}

.filter-action-group[b-udy69hurvy] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.filter-apply-btn[b-udy69hurvy] {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    border-radius: var(--radius-md) !important;
    transition: background-color 120ms ease-out !important;
    flex: 1;
}

.filter-apply-btn:hover[b-udy69hurvy] {
    background-color: var(--color-accent-hover) !important;
}

/* Deep selector to override MudBlazor's default filled button background */
[b-udy69hurvy] .filter-apply-btn.mud-button-filled,
[b-udy69hurvy] .filter-apply-btn.mud-button-filled-default {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    border-radius: var(--radius-md) !important;
}

[b-udy69hurvy] .clear-filters-btn {
    color: var(--color-text-secondary) !important;
    border: 1px solid var(--color-border-default) !important;
    border-radius: var(--radius-md) !important;
    transition: all 120ms ease-out !important;
    flex-shrink: 0;
}

[b-udy69hurvy] .clear-filters-btn:hover {
    background-color: var(--color-bg-hover) !important;
    border-color: var(--color-border-strong) !important;
    color: var(--color-text-primary) !important;
}

/* ── Entity version cards ────────────────────────────────────────────────────── */
.entity-card[b-udy69hurvy] {
    padding: 1.25rem !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--color-border-subtle) !important;
    background-color: var(--color-surface-1) !important;
    transition: box-shadow 160ms ease-out;
}

.entity-card:hover[b-udy69hurvy] {
    box-shadow: 0 2px 10px rgba(15, 26, 37, 0.07);
}

.entity-type-icon[b-udy69hurvy] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: var(--color-accent-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.entity-icon-svg[b-udy69hurvy] {
    color: var(--color-accent) !important;
    font-size: 20px !important;
}

.entity-card__header[b-udy69hurvy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.entity-card__chips[b-udy69hurvy] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.entity-card__name[b-udy69hurvy] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 1.3;
}

.entity-card__id[b-udy69hurvy] {
    font-size: 0.72rem;
    color: var(--color-text-secondary);
    font-family: 'Consolas', ui-monospace, 'Cascadia Code', monospace;
    margin-top: 2px;
}

/* ── Version / status chips ──────────────────────────────────────────────────── */
.vh-chip[b-udy69hurvy] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 9999px;
    white-space: nowrap;
    line-height: 1.7;
}

.vh-chip--info[b-udy69hurvy]    { background: var(--color-info-bg);    color: var(--color-info-text);    }
.vh-chip--success[b-udy69hurvy] { background: var(--color-success-bg); color: var(--color-success-text); }
.vh-chip--warning[b-udy69hurvy] { background: var(--color-warning-bg); color: var(--color-warning-text); }
.vh-chip--error[b-udy69hurvy]   { background: var(--color-error-bg);   color: var(--color-error-text);   }
.vh-chip--neutral[b-udy69hurvy] { background: var(--slate-3);          color: var(--slate-11);           }

/* ── Version tag (monospace badge) ──────────────────────────────────────────── */
.version-tag[b-udy69hurvy] {
    font-family: 'Consolas', ui-monospace, monospace;
    font-size: var(--text-xs);
    font-weight: 600;
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
    border-radius: var(--radius-sm);
    padding: 2px 8px;
}

/* ── Timeline opposite column (version number + date) ───────────────────────── */
.version-number[b-udy69hurvy] {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--color-accent);
    font-family: 'Consolas', ui-monospace, monospace;
    letter-spacing: -0.01em;
}

.version-date[b-udy69hurvy] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    margin-top: 2px;
}

/* ── Timeline item content card ─────────────────────────────────────────────── */
.timeline-item-content[b-udy69hurvy] {
    background-color: var(--color-surface-1) !important;
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: var(--radius-md) !important;
    padding: 0.75rem 1rem !important;
}

/* ── Expansion panel overrides ───────────────────────────────────────────────── */
[b-udy69hurvy] .mud-expansion-panel {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

[b-udy69hurvy] .mud-expansion-panel-header {
    color: var(--color-text-secondary) !important;
    font-size: var(--text-sm) !important;
    font-weight: 500 !important;
    padding: 0.5rem 0 !important;
}

[b-udy69hurvy] .mud-expand-button {
    color: var(--color-text-secondary) !important;
}

/* ── Author avatar ───────────────────────────────────────────────────────────── */
[b-udy69hurvy] .author-avatar {
    background-color: var(--color-accent-subtle) !important;
    color: var(--color-accent-text) !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 0.72rem !important;
}

.author-name[b-udy69hurvy] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

/* ── Empty state ─────────────────────────────────────────────────────────────── */
.empty-state[b-udy69hurvy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.5rem 2rem;
}

.empty-state__icon[b-udy69hurvy] {
    font-size: 3.5rem !important;
    color: var(--slate-8) !important;
    opacity: 0.5;
    margin-bottom: 1rem;
}

.empty-state__title[b-udy69hurvy] {
    font-size: var(--text-lg) !important;
    font-weight: 600 !important;
    color: var(--color-text-primary) !important;
    margin-bottom: 0.5rem !important;
}

.empty-state__subtitle[b-udy69hurvy] {
    font-size: var(--text-sm) !important;
    color: var(--color-text-secondary) !important;
    max-width: 440px;
}

/* ── Responsive adjustments ──────────────────────────────────────────────────── */
@media (max-width: 599px) {
    .stat-card__value[b-udy69hurvy] {
        font-size: 1.35rem;
    }

    .entity-card[b-udy69hurvy] {
        padding: 0.875rem !important;
    }

    /* On mobile, let chips wrap below the title row */
    .entity-card__header[b-udy69hurvy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .entity-card__chips[b-udy69hurvy] {
        padding-left: 48px; /* align under name (icon 40px + gap 8px) */
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/WebsiteCMS/BlogPosts.razor.rz.scp.css */
/* ── BlogPosts — scoped styles (Archetype 3 — List Page) ──────────────────── */

/* ── Prevent spring-hero from getting painted bg on mud-typography ─ */
[b-0nyun7jzb3] .mud-typography {
    background-color: transparent !important;
}

/* ── Progress bar flush to card top ─────────────────────────────── */
.bp-progress[b-0nyun7jzb3] {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

/* ── Search field — no bottom margin inside filter bar ──────────── */
.bp-search-field[b-0nyun7jzb3] {
    margin-bottom: 0;
}

/* ── Filter placeholder keeps grid height consistent ────────────── */
.bp-filter-placeholder[b-0nyun7jzb3] {
    min-height: 56px;
}

/* ── Grid container ─────────────────────────────────────────────── */
[b-0nyun7jzb3] .bp-grid .mud-table-container {
    overflow-x: auto;
}

/* ── Column header styling ──────────────────────────────────────── */
[b-0nyun7jzb3] .bp-col-header {
    white-space: nowrap;
}

/* ── Actions column — fixed narrow width ────────────────────────── */
[b-0nyun7jzb3] .bp-actions-col {
    width: 88px;
    text-align: right;
}

/* ── Two-line row cell layout ───────────────────────────────────── */
.bp-row-cell[b-0nyun7jzb3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 6px 0;
    min-height: 52px;
    min-width: 0;
}

/* ── Author avatar circle ───────────────────────────────────────── */
.bp-row-avatar[b-0nyun7jzb3] {
    flex-shrink: 0;
    margin-top: 2px;
}

.bp-author-avatar[b-0nyun7jzb3] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

/* ── Row content block (two lines) ─────────────────────────────── */
.bp-row-content[b-0nyun7jzb3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
    gap: 3px;
}

/* Line 1: post title + status chip */
.bp-row-line1[b-0nyun7jzb3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
}

.bp-post-title[b-0nyun7jzb3] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 360px;
}

/* Line 2: slug + meta info + tags */
.bp-row-line2[b-0nyun7jzb3] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    overflow: hidden;
    min-width: 0;
}

.bp-slug[b-0nyun7jzb3] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

.bp-slug-mono[b-0nyun7jzb3] {
    font-family: var(--font-mono, 'ui-monospace', 'SFMono-Regular', 'Cascadia Code', monospace);
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    display: inline-block;
}

.bp-row-sep[b-0nyun7jzb3] {
    font-size: var(--text-xs);
    color: var(--color-border-default);
    margin: 0 1px;
}

.bp-row-meta[b-0nyun7jzb3] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

/* ── Status chips ────────────────────────────────────────────────── */
.bp-status-chip[b-0nyun7jzb3] {
    display: inline-block;
    border-radius: var(--radius-sm);
    padding: 1px 8px;
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
    flex-shrink: 0;
}

.bp-status-published[b-0nyun7jzb3] {
    background-color: var(--success-50);
    color: var(--color-success-text);
}

.bp-status-draft[b-0nyun7jzb3] {
    background-color: var(--warning-50);
    color: var(--color-warning-text);
}

.bp-status-archived[b-0nyun7jzb3] {
    background-color: var(--color-bg-component);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-subtle);
}

/* ── Tag chips inline in row ─────────────────────────────────────── */
.bp-tag-chip[b-0nyun7jzb3] {
    display: inline-block;
    border-radius: 999px;
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
    padding: 0px 7px;
    font-size: var(--text-xs);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
    border: 1px solid transparent;
}

/* ── Action buttons container ────────────────────────────────────── */
.bp-actions[b-0nyun7jzb3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}

/* Icon button style */
[b-0nyun7jzb3] .action-icon-btn {
    opacity: 0.6;
    transition: opacity var(--transition-interactive);
}

[b-0nyun7jzb3] .mud-table-row:hover .action-icon-btn {
    opacity: 1;
}

/* On mobile: always show action buttons (no hover needed) */
@media (max-width: 767px) {
    [b-0nyun7jzb3] .action-icon-btn {
        opacity: 1;
    }
}

/* ── Pager wrapper ───────────────────────────────────────────────── */
.bp-pager[b-0nyun7jzb3] {
    padding: 8px 16px;
    border-top: 1px solid var(--color-border-subtle);
}

/* ── Column hide utilities ───────────────────────────────────────── */
@media (max-width: 599px) {
    [b-0nyun7jzb3] .table-col-hide-xs {
        display: none !important;
    }

    .bp-post-title[b-0nyun7jzb3] {
        max-width: 200px;
    }

    .bp-slug-mono[b-0nyun7jzb3] {
        max-width: 140px;
    }
}

/* ── Dark mode ───────────────────────────────────────────────────── */
[data-theme="dark"] .bp-tag-chip[b-0nyun7jzb3] {
    background-color: var(--color-accent-subtle);
    color: var(--color-accent-text);
}

[data-theme="dark"] .bp-status-archived[b-0nyun7jzb3] {
    background-color: var(--color-bg-hover);
    border-color: var(--color-border-default);
}
/* _content/AlchemosPositive.Portal.Admin/Features/WebsiteCMS/CreateEditBlogPostDialog.razor.rz.scp.css */
/* ── Global MudBlazor overrides ─────────────────────────────────────── */
[b-zqyny6v6m9] .mud-typography {
    background-color: transparent !important;
}

/* ── Tabs ─────────────────────────────────────────────────────────────── */
.cebp-tabs[b-zqyny6v6m9]  .mud-tabs-panels {
    padding: 0;
}

.cebp-tabs[b-zqyny6v6m9]  .mud-tab {
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: none;
    min-width: 80px;
    padding: 8px 16px;
}

.cebp-tabs[b-zqyny6v6m9]  .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

/* ── Markdown textarea ───────────────────────────────────────────────── */
.cebp-markdown-field[b-zqyny6v6m9]  textarea {
    font-family: 'Cascadia Code', 'Fira Mono', 'Consolas', monospace !important;
    font-size: 0.8125rem !important;
    line-height: 1.6 !important;
    tab-size: 2;
}

/* ── Status badge in title ───────────────────────────────────────────── */
.cebp-status-badge[b-zqyny6v6m9] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.8;
}

.cebp-status-published[b-zqyny6v6m9] {
    background-color: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
    color: var(--mud-palette-success-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 30%, transparent);
}

.cebp-status-draft[b-zqyny6v6m9] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
    color: var(--mud-palette-warning-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 30%, transparent);
}

.cebp-status-archived[b-zqyny6v6m9] {
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
    color: var(--mud-palette-text-secondary);
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-secondary) 20%, transparent);
}

/* ── Publish toggle row ──────────────────────────────────────────────── */
.cebp-publish-row[b-zqyny6v6m9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--mud-default-borderradius);
    background-color: color-mix(in srgb, var(--mud-palette-surface) 60%, transparent);
    border: 1px solid var(--mud-palette-lines-default);
}

.cebp-publish-label[b-zqyny6v6m9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.cebp-publish-icon[b-zqyny6v6m9] {
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    font-size: 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* ── Responsive dialog sizing ────────────────────────────────────────── */
@media (max-width: 599px) {
    .cebp-tabs[b-zqyny6v6m9]  .mud-tab {
        padding: 6px 10px;
        font-size: 0.75rem;
        min-width: 60px;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/WebsiteCMS/EditPageContentDialog.razor.rz.scp.css */
/* ── EditPageContentDialog.razor.css ──────────────────────────── */

/* MudBlazor typography background reset */
[b-d883bfwjzt] .mud-typography {
    background-color: transparent !important;
}

/* Monospace JSON field */
[b-d883bfwjzt] .pc-dialog-json-field textarea,
[b-d883bfwjzt] .pc-dialog-json-field input {
    font-family: 'Roboto Mono', 'Consolas', 'Courier New', monospace;
    font-size: 0.8rem;
    line-height: 1.6;
}
/* _content/AlchemosPositive.Portal.Admin/Features/WebsiteCMS/PageContent.razor.rz.scp.css */
/* ── PageContent.razor.css ─────────────────────────────────── */
/* Archetype 3 — List Page (§10.3 Style Contract)              */

/* MudBlazor typography background reset */
[b-bd2ddigxmv] .mud-typography {
    background-color: transparent !important;
}

/* ── Hero Gradient (matching CalculatorList calcs-hero-misty) ─ */
.pc-hero-gradient[b-bd2ddigxmv] {
    background: linear-gradient(135deg, #E0F2F1 0%, #E8F5E9 30%, #FFF8E1 65%, #faf7f3 100%);
    border: 1px solid rgba(178, 223, 219, 0.50);
    border-radius: var(--radius-xl, 16px);
    padding: var(--space-8, 2rem) var(--space-content, 1.5rem);
}

[data-theme="dark"] .pc-hero-gradient[b-bd2ddigxmv] {
    background: linear-gradient(135deg, #0D2C2A 0%, #112C18 30%, #2C2A0D 65%, #302011 100%);
    border-color: rgba(45, 212, 191, 0.18);
}

/* ── Filter Bar (§14.4 — flex layout like CalculatorList) ──── */
.pc-filter-bar[b-bd2ddigxmv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.pc-filter-bar[b-bd2ddigxmv]  .mud-input-control,
.pc-filter-bar[b-bd2ddigxmv]  .mud-select {
    flex: 1 1 200px;
    min-width: 160px;
}

.pc-filter-bar[b-bd2ddigxmv]  .mud-button-root {
    flex: 0 0 auto;
    align-self: center;
    white-space: nowrap;
}

/* ── Table Card ─────────────────────────────────────────────── */
.pc-table-card[b-bd2ddigxmv] {
    overflow: hidden;
}

.pc-table-card[b-bd2ddigxmv]  .mud-table-cell {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: top;
}

/* ── Grid column headers ────────────────────────────────────── */
[b-bd2ddigxmv] .mud-table-head .mud-table-row .mud-table-cell {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* ── Two-line row cell ──────────────────────────────────────── */
.pc-row-cell[b-bd2ddigxmv] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 4px 0;
    min-width: 0;
}

.pc-row-icon[b-bd2ddigxmv] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding-top: 2px;
}

[b-bd2ddigxmv] .pc-section-avatar {
    width: 36px;
    height: 36px;
}

.pc-row-content[b-bd2ddigxmv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pc-row-line1[b-bd2ddigxmv] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: hidden;
    min-width: 0;
}

.pc-section-title[b-bd2ddigxmv] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-primary, var(--mud-palette-text-primary));
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-bd2ddigxmv] .pc-key-chip {
    font-family: 'Roboto Mono', 'Consolas', monospace !important;
    font-size: 0.7rem !important;
    height: 22px !important;
    flex-shrink: 0;
}

[b-bd2ddigxmv] .pc-json-badge {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    height: 20px !important;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.pc-row-line2[b-bd2ddigxmv] {
    display: flex;
    align-items: flex-start;
}

[b-bd2ddigxmv] .pc-headline {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
    font-size: 0.8rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Subtext cell ───────────────────────────────────────────── */
.pc-subtext-cell[b-bd2ddigxmv] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
    font-size: 0.8rem;
    line-height: 1.5;
}

/* ── Actions (visible on hover, always visible on mobile) ──── */
.pc-actions[b-bd2ddigxmv] {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: flex-end;
}

[b-bd2ddigxmv] .action-icon-btn {
    opacity: 0.45;
    transition: opacity 120ms cubic-bezier(0.4, 0, 0.2, 1),
                transform 120ms cubic-bezier(0.4, 0, 0.2, 1);
}

[b-bd2ddigxmv] .mud-table-row:hover .action-icon-btn,
[b-bd2ddigxmv] .mud-data-grid-row:hover .action-icon-btn,
[b-bd2ddigxmv] tr:hover .action-icon-btn {
    opacity: 1;
}

[b-bd2ddigxmv] .action-icon-btn:hover {
    transform: scale(1.12);
}

/* ── Loading state ──────────────────────────────────────────── */
.page-loading[b-bd2ddigxmv] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
}

/* ── Empty state ────────────────────────────────────────────── */
.page-empty-state[b-bd2ddigxmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

/* ── KPI cards same height ──────────────────────────────────── */
.page-kpi-card[b-bd2ddigxmv] {
    height: 100%;
}

/* ── Responsive: hide columns progressively ─────────────────── */
/* Hide on xs + sm (< 960px) */
[b-bd2ddigxmv] .table-col-hide-sm {
    display: table-cell;
}

/* Hide on xs only (< 600px) */
[b-bd2ddigxmv] .table-col-hide-xs {
    display: table-cell;
}

@media (max-width: 959px) {
    [b-bd2ddigxmv] .table-col-hide-sm {
        display: none !important;
    }
}

@media (max-width: 599px) {
    [b-bd2ddigxmv] .table-col-hide-xs {
        display: none !important;
    }

    .pc-section-title[b-bd2ddigxmv] {
        max-width: 120px;
    }

    [b-bd2ddigxmv] .pc-headline {
        max-width: 160px;
    }

    /* Hero stacks vertically on mobile */
    .pc-hero-gradient[b-bd2ddigxmv]  .spring-hero__body {
        flex-direction: column;
        align-items: flex-start;
    }

    .pc-hero-gradient[b-bd2ddigxmv]  .spring-hero__right {
        width: 100%;
        display: flex;
        gap: 8px;
    }

    /* Filter bar stacks */
    .pc-filter-bar[b-bd2ddigxmv] {
        flex-direction: column;
    }

    .pc-filter-bar[b-bd2ddigxmv]  .mud-input-control,
    .pc-filter-bar[b-bd2ddigxmv]  .mud-select {
        flex: 1 1 100%;
        min-width: 100%;
    }

    /* KPI cards: 2 per row */
    .page-kpi-card[b-bd2ddigxmv] {
        min-height: unset;
    }

    /* Reduce container padding for more table space */
    [b-bd2ddigxmv] .mud-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Table horizontal scroll on mobile */
    .pc-table-card[b-bd2ddigxmv] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Reduce cell padding on mobile */
    .pc-table-card[b-bd2ddigxmv]  .mud-table-cell {
        padding-left: 6px !important;
        padding-right: 4px !important;
    }

    /* Compact actions on mobile */
    .pc-actions[b-bd2ddigxmv] {
        gap: 0;
    }

    [b-bd2ddigxmv] .action-icon-btn {
        opacity: 1 !important;
        padding: 3px !important;
        min-width: 0 !important;
    }

    [b-bd2ddigxmv] .action-icon-btn svg {
        width: 18px !important;
        height: 18px !important;
    }

    /* Hide key chip on very small screens to save space */
    [b-bd2ddigxmv] .pc-key-chip {
        display: none !important;
    }

    /* Smaller avatar on mobile */
    [b-bd2ddigxmv] .pc-section-avatar {
        width: 28px;
        height: 28px;
    }

    .pc-row-cell[b-bd2ddigxmv] {
        gap: 8px;
    }
}

/* ── Dark mode refinements ──────────────────────────────────── */
:root[data-mud-theme="dark"][b-bd2ddigxmv]  .pc-section-avatar {
    opacity: 0.9;
}

/* ── Reduced motion ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    [b-bd2ddigxmv] .action-icon-btn {
        transition: none !important;
    }
}
/* _content/AlchemosPositive.Portal.Admin/Features/WebsiteCMS/WebsiteLeads.razor.rz.scp.css */
/* ── Global overrides ─────────────────────────────────────────────────── */
[b-5eyp1ff1sm] .mud-typography {
    background-color: transparent !important;
}

/* ── Progress bar ─────────────────────────────────────────────────────── */
.wl-progress[b-5eyp1ff1sm] {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

/* ── Grid wrapper ─────────────────────────────────────────────────────── */
.wl-grid[b-5eyp1ff1sm]  .mud-table-root {
    border: none;
}

/* ── Column headers ───────────────────────────────────────────────────── */
.wl-col-header[b-5eyp1ff1sm]  .mud-table-cell {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ── Two-line row cell ────────────────────────────────────────────────── */
.wl-row-cell[b-5eyp1ff1sm] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 0;
    min-width: 0;
}

.wl-row-avatar[b-5eyp1ff1sm] {
    flex-shrink: 0;
    margin-top: 2px;
}

.wl-avatar[b-5eyp1ff1sm] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    user-select: none;
    flex-shrink: 0;
}

.wl-avatar-dialog[b-5eyp1ff1sm] {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
}

.wl-row-content[b-5eyp1ff1sm] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

/* ── Line 1: Name + Type chip + Status chip ───────────────────────────── */
.wl-row-line1[b-5eyp1ff1sm] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-wrap: wrap;
    min-width: 0;
}

.wl-lead-name[b-5eyp1ff1sm] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-primary);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
}

/* ── Line 2: Email · Company · Job title ──────────────────────────────── */
.wl-row-line2[b-5eyp1ff1sm] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    flex-wrap: wrap;
    min-width: 0;
}

.wl-email[b-5eyp1ff1sm] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
}

.wl-company[b-5eyp1ff1sm] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
}

.wl-job-title[b-5eyp1ff1sm] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    font-style: italic;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: none;
}

.wl-row-sep[b-5eyp1ff1sm] {
    color: var(--color-border-default);
    font-size: 0.75rem;
    user-select: none;
}

/* ── Type chip ────────────────────────────────────────────────────────── */
.wl-type-chip[b-5eyp1ff1sm] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--color-accent-text);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
}

.wl-type-demorequest[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
    color: var(--color-warning-text, #B45309);
    border-color: color-mix(in srgb, var(--mud-palette-warning) 30%, transparent);
}

.wl-type-newsletter[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
    color: var(--color-info-text, #0369A1);
    border-color: color-mix(in srgb, var(--mud-palette-info) 30%, transparent);
}

/* ── Status chip ──────────────────────────────────────────────────────── */
.wl-status-chip[b-5eyp1ff1sm] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
}

.wl-status-new[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    color: var(--color-error-text, #B91C1C);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 25%, transparent);
}

.wl-status-contacted[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
    color: var(--color-warning-text, #B45309);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 25%, transparent);
}

.wl-status-demoscheduled[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
    color: var(--color-info-text, #0369A1);
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 25%, transparent);
}

.wl-status-converted[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
    color: var(--color-success-text, #15803D);
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 25%, transparent);
}

.wl-status-closed[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
    color: var(--color-text-secondary);
    border: 1px solid color-mix(in srgb, var(--mud-palette-text-secondary) 20%, transparent);
}

/* ── Actions column ───────────────────────────────────────────────────── */
.wl-actions-col[b-5eyp1ff1sm] {
    width: 88px;
}

.wl-actions[b-5eyp1ff1sm] {
    display: flex;
    align-items: center;
    gap: 2px;
}

/* Action buttons: subtle by default, full on row hover */
[b-5eyp1ff1sm] .action-icon-btn {
    opacity: 0.5;
    transition: opacity 120ms cubic-bezier(0.4, 0, 0.2, 1);
}

[b-5eyp1ff1sm] .mud-table-row:hover .action-icon-btn {
    opacity: 1;
}

/* ── Dates column (two lines) ─────────────────────────────────────────── */
.wl-date-cell[b-5eyp1ff1sm] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* ── Pager ────────────────────────────────────────────────────────────── */
.wl-pager[b-5eyp1ff1sm] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 16px;
    border-top: 1px solid var(--color-border-subtle);
}

/* ── Message box in details dialog ───────────────────────────────────── */
.wl-message-box[b-5eyp1ff1sm] {
    background-color: var(--color-bg-subtle, #F4F6F8) !important;
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-primary);
    font-size: 0.875rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* Always show action buttons on mobile */
    [b-5eyp1ff1sm] .action-icon-btn {
        opacity: 1 !important;
    }
}

@media (max-width: 599px) {
    /* Hide the Received column on xs */
    [b-5eyp1ff1sm] .table-col-hide-xs {
        display: none !important;
    }

    .wl-row-line1[b-5eyp1ff1sm] {
        gap: 4px;
    }
}

/* ── Dark mode ────────────────────────────────────────────────────────── */
[data-theme="dark"] .wl-message-box[b-5eyp1ff1sm] {
    background-color: var(--color-bg-hover, #22303F) !important;
    border-color: var(--color-border-default, #394D62) !important;
}

[data-theme="dark"] .wl-type-chip[b-5eyp1ff1sm] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

[data-theme="dark"] .wl-status-new[b-5eyp1ff1sm],
[data-theme="dark"] .wl-status-contacted[b-5eyp1ff1sm],
[data-theme="dark"] .wl-status-demoscheduled[b-5eyp1ff1sm],
[data-theme="dark"] .wl-status-converted[b-5eyp1ff1sm],
[data-theme="dark"] .wl-status-closed[b-5eyp1ff1sm] {
    filter: brightness(1.15);
}
/* _content/AlchemosPositive.Portal.Admin/Features/WorkflowRules/WorkflowRules.razor.rz.scp.css */
/* ── WorkflowRules — scoped styles ──────────────────────────────────────────
   Required: defeat the global .mud-typography { color: var(--color-text-primary) }
   cascade so that MudText inside MudDataGrid cells renders transparently against
   the row stripe background rather than the page background colour.
   ─────────────────────────────────────────────────────────────────────────── */
[b-a06p7jp4vo] .mud-typography {
    background-color: transparent !important;
}

/* Ensure MudAvatar inside the grid cell doesn't get a forced background */
[b-a06p7jp4vo] .mud-avatar {
    background-color: transparent;
}