/* /Components/Pages/Admin/Activations/Index.razor.rz.scp.css */
.activations-hero[b-kk8efvr6na] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.activations-hero h1[b-kk8efvr6na] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.activations-hero p[b-kk8efvr6na] {
    margin: 0;
    color: var(--g-text-muted);
}

.attention-badge[b-kk8efvr6na] {
    display: inline-flex;
    margin-top: 0.6rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: var(--g-hold-wash);
    color: var(--g-hold);
    font-weight: 600;
    font-size: 0.8rem;
}

.activations-kpis[b-kk8efvr6na] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.kpi-skeleton[b-kk8efvr6na] {
    height: 110px;
    border-radius: var(--g-radius-md);
    background: linear-gradient(90deg, var(--g-hold-wash), color-mix(in srgb, var(--g-hold) 40%, transparent), var(--g-hold-wash));
    background-size: 220% 100%;
    animation: pulse-b-kk8efvr6na 1.8s infinite;
}

.activations-grid[b-kk8efvr6na] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-card[b-kk8efvr6na] {
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-card-header[b-kk8efvr6na] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-card-header span[b-kk8efvr6na] {
    font-size: 0.8rem;
    color: var(--g-text-muted);
}

.distribution-list[b-kk8efvr6na] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.5rem 0 0;
}

.distribution-row[b-kk8efvr6na] {
    display: grid;
    grid-template-columns: 1fr 2fr auto;
    gap: 0.75rem;
    align-items: center;
}

.distribution-label[b-kk8efvr6na] {
    font-weight: 600;
}

.distribution-bar[b-kk8efvr6na] {
    background: var(--g-surface-2);
    border-radius: 999px;
    overflow: hidden;
    height: 8px;
}

.distribution-bar span[b-kk8efvr6na] {
    display: block;
    height: 100%;
    background: var(--g-accent);
}

.distribution-count[b-kk8efvr6na] {
    font-weight: 600;
}

.distribution-empty[b-kk8efvr6na] {
    color: var(--g-text-muted);
    padding: 1rem 0;
}

.timeline-list ul[b-kk8efvr6na] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.9rem;
}

.timeline-meta[b-kk8efvr6na] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: var(--g-text-muted);
}

.timeline-detail[b-kk8efvr6na] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-weight: 600;
}

.activations-controls[b-kk8efvr6na] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.control-group[b-kk8efvr6na] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-kk8efvr6na] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.control-group[b-kk8efvr6na]  input,
.control-group[b-kk8efvr6na]  select,
.control-group[b-kk8efvr6na]  .date-input {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.apply-group button[b-kk8efvr6na] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.activations-error[b-kk8efvr6na] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.activations-warning[b-kk8efvr6na] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    background: var(--g-hold-wash);
    border: 1px solid color-mix(in srgb, var(--g-hold) 40%, transparent);
    color: var(--g-hold);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.device-cell[b-kk8efvr6na] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.offline-warning[b-kk8efvr6na] {
    display: inline-flex;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--g-hold-wash);
    color: var(--g-hold);
    font-size: 0.7rem;
    font-weight: 600;
}

.row-actions[b-kk8efvr6na] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-kk8efvr6na] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.mono[b-kk8efvr6na] {
    font-family: "Courier New", monospace;
}

@keyframes pulse-b-kk8efvr6na {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@media (max-width: 720px) {
    .activations-hero[b-kk8efvr6na] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Activations/TokenDetailModal.razor.rz.scp.css */
.token-modal[b-ig37hkfdrx] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1200;
}

.token-modal.is-open[b-ig37hkfdrx] {
    display: flex;
}

.token-modal-backdrop[b-ig37hkfdrx] {
    position: absolute;
    inset: 0;
    background: rgba(11, 15, 20, 0.5);
}

.token-modal-card[b-ig37hkfdrx] {
    position: relative;
    z-index: 1;
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    box-shadow: var(--g-shadow-1);
    width: min(880px, 92vw);
    max-height: 88vh;
    overflow: auto;
    padding: 2rem;
}

.token-modal-empty[b-ig37hkfdrx] {
    padding: 2rem;
    text-align: center;
    color: var(--g-text-muted);
}

.token-modal-header[b-ig37hkfdrx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.token-modal-meta[b-ig37hkfdrx] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.token-modal-grid[b-ig37hkfdrx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.2rem;
    padding: 1.5rem;
    border-radius: var(--g-radius-md);
    background: var(--g-surface-2);
}

.token-label[b-ig37hkfdrx] {
    display: block;
    font-size: 0.78rem;
    color: var(--g-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.token-value[b-ig37hkfdrx] {
    display: block;
    margin-top: 0.35rem;
    font-weight: 600;
}

.token-modal-timeline[b-ig37hkfdrx] {
    margin-top: 1.5rem;
}

.token-modal-timeline ul[b-ig37hkfdrx] {
    margin: 0.6rem 0 0;
    padding-left: 1.2rem;
    color: var(--g-text-muted);
}

.token-modal-actions[b-ig37hkfdrx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.token-extend[b-ig37hkfdrx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.token-extend input[b-ig37hkfdrx] {
    width: 110px;
}

.token-action-buttons[b-ig37hkfdrx] {
    display: flex;
    gap: 0.75rem;
}

.token-modal-message[b-ig37hkfdrx] {
    margin-top: 1rem;
    color: var(--g-text-muted);
}
/* /Components/Pages/Admin/AuditLogs/Detail.razor.rz.scp.css */
.audit-detail-hero[b-llo8z912a8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    box-shadow: var(--g-shadow-1);
    margin-bottom: 1.5rem;
}

.audit-detail-hero h1[b-llo8z912a8] {
    margin: 0 0 0.5rem;
}

.audit-detail-meta[b-llo8z912a8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    color: var(--g-text-muted);
}

.audit-detail-actions button[b-llo8z912a8] {
    border: 1px solid var(--g-border);
    background: var(--g-surface-2);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.audit-detail-grid[b-llo8z912a8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.audit-detail-card[b-llo8z912a8] {
    background: var(--g-surface);
    border-radius: var(--g-radius-md);
    padding: 1rem;
    border: 1px solid var(--g-border);
}

.audit-detail-card h2[b-llo8z912a8] {
    margin-top: 0;
}

.audit-detail-list[b-llo8z912a8] {
    display: grid;
    gap: 0.75rem;
}

.detail-label[b-llo8z912a8] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.audit-detail-changes[b-llo8z912a8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.audit-detail-card pre[b-llo8z912a8] {
    background: var(--g-hold-wash);
    border-radius: var(--g-radius-sm);
    padding: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.85rem;
}

.audit-detail-loading[b-llo8z912a8],
.audit-detail-error[b-llo8z912a8] {
    padding: 1.5rem;
    background: var(--g-surface);
    border-radius: var(--g-radius-md);
    box-shadow: var(--g-shadow-1);
}

.audit-detail-error[b-llo8z912a8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.mono[b-llo8z912a8] {
    font-family: "Courier New", monospace;
}

@media (max-width: 720px) {
    .audit-detail-hero[b-llo8z912a8] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/AuditLogs/Index.razor.rz.scp.css */
.audit-logs-hero[b-gamngijk42] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.audit-logs-hero h1[b-gamngijk42] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.audit-logs-hero p[b-gamngijk42] {
    margin: 0;
    color: var(--g-text-muted);
}

.audit-logs-hero-actions[b-gamngijk42] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.audit-logs-hero-actions button[b-gamngijk42] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.audit-logs-hero-actions .primary[b-gamngijk42] {
    background: var(--g-accent);
    border-color: transparent;
    color: var(--g-surface);
}

.audit-logs-controls[b-gamngijk42] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.control-group[b-gamngijk42] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-gamngijk42] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-gamngijk42],
.control-group select[b-gamngijk42] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.date-range-group[b-gamngijk42] {
    align-self: end;
}

.apply-group button[b-gamngijk42] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.audit-logs-retention[b-gamngijk42] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    background: var(--g-surface-2);
    border: 1px dashed var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    color: var(--g-text-muted);
}

.audit-logs-retention a[b-gamngijk42] {
    font-weight: 600;
}

.audit-logs-error[b-gamngijk42] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.details-cell[b-gamngijk42] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.details-cell button[b-gamngijk42] {
    align-self: flex-start;
    border: 1px solid var(--g-border);
    background: var(--g-surface-2);
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.mono[b-gamngijk42] {
    font-family: "Courier New", monospace;
}

@media (max-width: 720px) {
    .audit-logs-hero[b-gamngijk42] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* Admin overview.
   The chart placeholder rules that used to live here are gone — the overview
   now renders real LineChart and PieChart components instead of the
   "Charts (Phase 2) — Coming soon" panel. */

.dashboard-hero[b-im5qd3n63m] {
    display: flex;
    align-items: flex-start;
    gap: var(--g-space-4);
    flex-wrap: wrap;
    margin-bottom: var(--g-space-4);
}

.dashboard-hero h1[b-im5qd3n63m] {
    margin: 0;
    font-size: var(--g-text-xl);
    font-weight: 640;
    letter-spacing: -0.025em;
}

.dashboard-hero p[b-im5qd3n63m] {
    margin: 2px 0 0;
    color: var(--g-text-muted);
    font-size: var(--g-text-base);
}

.dashboard-refresh[b-im5qd3n63m],
.dashboard-retry[b-im5qd3n63m] {
    margin-left: auto;
    font-family: var(--g-font-ui);
    font-size: var(--g-text-sm);
    font-weight: 560;
    padding: 7px 14px;
    border-radius: var(--g-radius-sm);
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.dashboard-refresh:hover:not(:disabled)[b-im5qd3n63m],
.dashboard-retry:hover:not(:disabled)[b-im5qd3n63m] {
    background: var(--g-surface-2);
}

.dashboard-refresh:disabled[b-im5qd3n63m] {
    opacity: 0.5;
    cursor: not-allowed;
}

.dashboard-error[b-im5qd3n63m] {
    display: flex;
    align-items: center;
    gap: var(--g-space-3);
    padding: var(--g-space-3) var(--g-space-4);
    margin-bottom: var(--g-space-4);
    border: 1px solid color-mix(in srgb, var(--g-alert) 30%, transparent);
    border-left-width: 2px;
    border-radius: var(--g-radius-sm);
    background: var(--g-alert-wash);
    color: var(--g-alert);
    font-size: var(--g-text-base);
}

.dashboard-retry[b-im5qd3n63m] {
    margin-left: auto;
}

/* ---------------------------------------------------------------------------
   KPI row
   --------------------------------------------------------------------------- */
.dashboard-kpis[b-im5qd3n63m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: var(--g-space-3);
    margin-bottom: var(--g-space-4);
}

.kpi-skeleton[b-im5qd3n63m],
.chart-skeleton[b-im5qd3n63m] {
    border-radius: var(--g-radius-md);
    background: linear-gradient(
        90deg,
        var(--g-surface-2) 0%,
        var(--g-surface-3) 50%,
        var(--g-surface-2) 100%
    );
    background-size: 200% 100%;
    animation: dashboard-shimmer-b-im5qd3n63m 1.4s ease-in-out infinite;
}

.kpi-skeleton[b-im5qd3n63m] { height: 92px; }
.chart-skeleton[b-im5qd3n63m] { height: 160px; }

@keyframes dashboard-shimmer-b-im5qd3n63m {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .kpi-skeleton[b-im5qd3n63m],
    .chart-skeleton[b-im5qd3n63m] {
        animation: none;
    }
}

/* ---------------------------------------------------------------------------
   Panels
   --------------------------------------------------------------------------- */
.dashboard-grid[b-im5qd3n63m] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--g-space-3);
    align-items: start;
}

.dashboard-card[b-im5qd3n63m] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    overflow: hidden;
    min-width: 0;
}

.dashboard-card-header[b-im5qd3n63m] {
    display: flex;
    align-items: center;
    gap: var(--g-space-2);
    padding: var(--g-space-3) var(--g-space-4);
    border-bottom: 1px solid var(--g-border);
}

.dashboard-card-header h2[b-im5qd3n63m] {
    margin: 0;
    font-size: var(--g-text-base);
    font-weight: 640;
    letter-spacing: -0.01em;
}

.dashboard-card-note[b-im5qd3n63m],
.dashboard-card-header span[b-im5qd3n63m] {
    margin-left: auto;
    font-family: var(--g-font-data);
    font-size: var(--g-text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--g-text-subtle);
}

.dashboard-card-body[b-im5qd3n63m] {
    padding: var(--g-space-4);
}

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

@media (max-width: 640px) {
    .dashboard-hero[b-im5qd3n63m] {
        gap: var(--g-space-3);
    }

    .dashboard-refresh[b-im5qd3n63m] {
        margin-left: 0;
    }
}
/* /Components/Pages/Admin/Devices/Index.razor.rz.scp.css */
.devices-hero[b-yokc13tj12] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.devices-hero h1[b-yokc13tj12] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.devices-hero p[b-yokc13tj12] {
    margin: 0;
    color: var(--g-text-muted);
}

.devices-controls[b-yokc13tj12] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.devices-establishment-actions[b-yokc13tj12] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.devices-establishment-actions button[b-yokc13tj12] {
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
}

.control-group[b-yokc13tj12] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-yokc13tj12] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-yokc13tj12],
.control-group select[b-yokc13tj12] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.apply-group button[b-yokc13tj12] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.devices-error[b-yokc13tj12] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.row-actions[b-yokc13tj12] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-yokc13tj12] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.mono[b-yokc13tj12] {
    font-family: "Courier New", monospace;
}

@media (max-width: 720px) {
    .devices-hero[b-yokc13tj12] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Devices/TransferDialog.razor.rz.scp.css */
.transfer-dialog[b-m8h8pnn2x2] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.transfer-dialog.is-open[b-m8h8pnn2x2] {
    display: flex;
}

.transfer-dialog-backdrop[b-m8h8pnn2x2] {
    position: absolute;
    inset: 0;
    background: rgba(11, 15, 20, 0.5);
}

.transfer-dialog-card[b-m8h8pnn2x2] {
    position: relative;
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    padding: 1.5rem;
    width: min(560px, 92vw);
    box-shadow: var(--g-shadow-1);
    display: grid;
    gap: 1rem;
}

.transfer-dialog-header[b-m8h8pnn2x2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.transfer-dialog-fields[b-m8h8pnn2x2] {
    display: grid;
    gap: 0.6rem;
}

.transfer-dialog-fields label[b-m8h8pnn2x2] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.transfer-dialog-fields select[b-m8h8pnn2x2],
.transfer-dialog-fields input[b-m8h8pnn2x2],
.transfer-dialog-fields textarea[b-m8h8pnn2x2] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.transfer-dialog-actions[b-m8h8pnn2x2] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Pages/Admin/ErrorReports/Index.razor.rz.scp.css */
.er-hero[b-oixsgywa8s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.er-hero h1[b-oixsgywa8s] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}

.er-hero p[b-oixsgywa8s] {
    margin: 0;
    color: var(--g-text-muted, var(--g-text-muted));
    font-size: 0.9rem;
}

.er-error[b-oixsgywa8s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--g-alert-wash, var(--g-alert-wash));
    border: 1px solid var(--g-alert, color-mix(in srgb, var(--g-alert) 40%, transparent));
    border-radius: 6px;
    color: var(--g-alert, var(--g-alert));
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.er-controls[b-oixsgywa8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: flex-end;
}

.er-control-group[b-oixsgywa8s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 180px;
}

.er-control-group label[b-oixsgywa8s] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--g-text-muted, var(--g-text-muted));
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.er-control-group input[b-oixsgywa8s],
.er-control-group select[b-oixsgywa8s] {
    height: 2.25rem;
    padding: 0 0.625rem;
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 6px;
    font-size: 0.875rem;
    background: var(--g-surface, var(--g-surface));
}

.er-id[b-oixsgywa8s] {
    font-size: 0.8rem;
    color: var(--g-text-muted, var(--g-text-muted));
    white-space: nowrap;
}

.er-message[b-oixsgywa8s] {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
}

.er-exception[b-oixsgywa8s] {
    font-size: 0.8rem;
    color: var(--g-alert, var(--g-alert));
}

.er-badge[b-oixsgywa8s] {
    display: inline-block;
    padding: 0.2em 0.6em;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--g-surface-2, var(--g-border));
    color: var(--g-text-muted, var(--g-text-muted));
}

.er-badge--ui[b-oixsgywa8s] { background: var(--g-accent-wash); color: var(--g-accent); }
.er-badge--api[b-oixsgywa8s] { background: var(--g-hold-wash); color: var(--g-hold); }
.er-badge--database[b-oixsgywa8s] { background: var(--g-accent-wash); color: var(--g-accent); }
.er-badge--network[b-oixsgywa8s] { background: var(--g-live-wash); color: var(--g-live); }
.er-badge--unknown[b-oixsgywa8s] { background: var(--g-surface-2); color: var(--g-text-muted); }

/* Detail overlay */
.er-detail-overlay[b-oixsgywa8s] {
    position: fixed;
    inset: 0;
    background: rgba(11, 15, 20, 0.5);
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.er-detail-panel[b-oixsgywa8s] {
    background: var(--g-surface, var(--g-surface));
    border-radius: 10px;
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 1.5rem;
    box-shadow: var(--g-shadow-2);
}

.er-detail-header[b-oixsgywa8s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.er-detail-header h2[b-oixsgywa8s] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.er-detail-close[b-oixsgywa8s] {
    background: transparent;
    border: none;
    font-size: 1.1rem;
    cursor: pointer;
    color: var(--g-text-muted, var(--g-text-muted));
    padding: 0.25rem 0.5rem;
}

.er-detail-grid[b-oixsgywa8s] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 0.5rem 1rem;
    margin-bottom: 1.25rem;
}

.er-detail-grid dt[b-oixsgywa8s] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--g-text-muted, var(--g-text-muted));
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-top: 0.125rem;
}

.er-detail-grid dd[b-oixsgywa8s] {
    font-size: 0.875rem;
    margin: 0;
    word-break: break-word;
}

.er-stacktrace[b-oixsgywa8s] {
    margin-top: 1rem;
}

.er-stacktrace h3[b-oixsgywa8s] {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    color: var(--g-text-muted, var(--g-text-muted));
}

.er-stacktrace pre[b-oixsgywa8s] {
    background: var(--g-surface-2, var(--g-surface-2));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.775rem;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 280px;
    overflow-y: auto;
    line-height: 1.5;
}

.er-detail-actions[b-oixsgywa8s] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--g-border, var(--g-border));
}

.er-resolve-note[b-oixsgywa8s] {
    flex: 1;
    height: 2.25rem;
    padding: 0 0.75rem;
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 6px;
    font-size: 0.875rem;
}
/* /Components/Pages/Admin/Establishments/Create.razor.rz.scp.css */
.est-form-hero[b-vrxo5i3ue7] {
    margin-bottom: 1.5rem;
}

.est-form-hero h1[b-vrxo5i3ue7] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.est-form-hero p[b-vrxo5i3ue7] {
    margin: 0;
    color: var(--g-text-muted);
}

.est-form-grid[b-vrxo5i3ue7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.form-card[b-vrxo5i3ue7] {
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-card h2[b-vrxo5i3ue7] {
    margin: 0;
    font-size: 1.2rem;
}

.form-field[b-vrxo5i3ue7] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field label[b-vrxo5i3ue7] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.form-field input[b-vrxo5i3ue7],
.form-field select[b-vrxo5i3ue7] {
    border: 1px solid var(--g-border);
    background: var(--g-surface-2);
    padding: 0.55rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.form-field.checkbox[b-vrxo5i3ue7] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.form-actions[b-vrxo5i3ue7] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.primary[b-vrxo5i3ue7] {
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    padding: 0.6rem 1.4rem;
    border-radius: 999px;
    font-weight: 600;
}

.ghost[b-vrxo5i3ue7] {
    border: 1px solid var(--g-border);
    background: transparent;
    padding: 0.6rem 1.2rem;
    border-radius: 999px;
}

.est-form-error[b-vrxo5i3ue7] {
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.est-form-success[b-vrxo5i3ue7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-live-wash);
    border: 1px solid color-mix(in srgb, var(--g-live) 40%, transparent);
    color: var(--g-live);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.est-form-success span[b-vrxo5i3ue7] {
    display: block;
    font-size: 0.85rem;
    color: var(--g-live, var(--g-live));
}

.est-form-success button[b-vrxo5i3ue7] {
    border: none;
    background: var(--g-live, var(--g-live));
    color: var(--g-surface);
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
}

@media (max-width: 640px) {
    .form-actions[b-vrxo5i3ue7] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Establishments/Edit.razor.rz.scp.css */
.est-form-hero[b-dnzcttrdau] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.est-form-hero h1[b-dnzcttrdau] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.est-form-hero p[b-dnzcttrdau] {
    margin: 0;
    color: var(--g-text-muted);
}

.est-loading[b-dnzcttrdau] {
    padding: 1rem 0;
    color: var(--g-text-muted);
}

.est-form-grid[b-dnzcttrdau] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.form-card[b-dnzcttrdau] {
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-card h2[b-dnzcttrdau] {
    margin: 0;
    font-size: 1.2rem;
}

.form-field[b-dnzcttrdau] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-field label[b-dnzcttrdau] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.form-field input[b-dnzcttrdau],
.form-field select[b-dnzcttrdau] {
    border: 1px solid var(--g-border);
    background: var(--g-surface-2);
    padding: 0.55rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.form-field.checkbox[b-dnzcttrdau] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.form-actions[b-dnzcttrdau] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.primary[b-dnzcttrdau] {
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    padding: 0.6rem 1.4rem;
    border-radius: 999px;
    font-weight: 600;
}

.ghost[b-dnzcttrdau] {
    border: 1px solid var(--g-border);
    background: transparent;
    padding: 0.6rem 1.2rem;
    border-radius: 999px;
}

.est-form-error[b-dnzcttrdau] {
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.est-form-success[b-dnzcttrdau] {
    background: var(--g-live-wash);
    border: 1px solid color-mix(in srgb, var(--g-live) 40%, transparent);
    color: var(--g-live);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

@media (max-width: 640px) {
    .est-form-hero[b-dnzcttrdau] {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-actions[b-dnzcttrdau] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Establishments/List.razor.rz.scp.css */
.establishments-hero[b-aq0k65ug15] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.establishments-hero h1[b-aq0k65ug15] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.establishments-hero p[b-aq0k65ug15] {
    margin: 0;
    color: var(--g-text-muted);
}

.primary[b-aq0k65ug15] {
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    padding: 0.6rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
}

.establishments-controls[b-aq0k65ug15] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.control-group[b-aq0k65ug15] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-aq0k65ug15] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-aq0k65ug15],
.control-group select[b-aq0k65ug15] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.establishments-error[b-aq0k65ug15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.est-name[b-aq0k65ug15] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pill[b-aq0k65ug15] {
    background: var(--g-hold-wash);
    color: var(--g-hold);
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.status[b-aq0k65ug15] {
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.status.active[b-aq0k65ug15] {
    background: var(--g-live-wash);
    color: var(--g-live, var(--g-live));
}

.status.inactive[b-aq0k65ug15] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
}

.row-actions[b-aq0k65ug15] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-aq0k65ug15] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.row-actions .ghost[b-aq0k65ug15] {
    background: transparent;
    color: var(--g-text-muted);
}

@media (max-width: 640px) {
    .establishments-hero[b-aq0k65ug15] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Health/Index.razor.rz.scp.css */
.health-hero[b-st58xnner9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.health-hero h1[b-st58xnner9] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.health-hero p[b-st58xnner9] {
    margin: 0;
    color: var(--g-text-muted);
}

.health-hero-actions[b-st58xnner9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.health-hero-actions button[b-st58xnner9] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.health-last-refresh[b-st58xnner9] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.health-last-refresh strong[b-st58xnner9] {
    font-size: 0.9rem;
    color: var(--g-text);
    text-transform: none;
    letter-spacing: normal;
}

.health-error[b-st58xnner9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.health-overview[b-st58xnner9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.health-alert[b-st58xnner9] {
    background: var(--g-hold-wash);
    border: 1px solid color-mix(in srgb, var(--g-hold) 40%, transparent);
    color: var(--g-hold);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.9rem;
}

.health-cards[b-st58xnner9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.health-section[b-st58xnner9] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--g-shadow-1);
}

.health-section-header[b-st58xnner9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.health-section-header h2[b-st58xnner9] {
    margin: 0;
    font-size: 1.2rem;
}

.health-section-header span[b-st58xnner9] {
    color: var(--g-text-muted);
    font-size: 0.85rem;
}

.health-checks-table[b-st58xnner9],
.health-failed-table[b-st58xnner9],
.health-jobs-table[b-st58xnner9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.health-checks-row[b-st58xnner9],
.health-failed-row[b-st58xnner9],
.health-jobs-row[b-st58xnner9] {
    display: grid;
    grid-template-columns: 1.2fr 0.6fr 1.6fr;
    gap: 1rem;
    align-items: center;
}

.health-checks-row.header[b-st58xnner9],
.health-failed-row.header[b-st58xnner9],
.health-jobs-row.header[b-st58xnner9] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.health-failed-row[b-st58xnner9] {
    grid-template-columns: 1.3fr 1.4fr 0.7fr 0.9fr auto;
}

.health-jobs-row[b-st58xnner9] {
    grid-template-columns: 1.4fr 0.6fr 1fr 0.9fr 0.9fr auto;
}

.health-job-error[b-st58xnner9] {
    font-size: 0.75rem;
    color: var(--g-hold);
    margin-top: 0.2rem;
}

.health-jobs-row button[b-st58xnner9],
.health-failed-row button[b-st58xnner9] {
    border: 1px solid var(--g-border);
    background: var(--g-surface-2);
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.health-stat-grid[b-st58xnner9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.health-stat-tile[b-st58xnner9] {
    background: var(--g-surface-2);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-sm);
    padding: 0.75rem 0.9rem;
}

.health-stat-tile h3[b-st58xnner9] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--g-text-muted);
}

.health-stat-tile p[b-st58xnner9] {
    margin: 0;
    font-weight: 600;
}

.health-stat-tile.highlight[b-st58xnner9] {
    border-left: 4px solid var(--g-accent);
}

.health-subsection[b-st58xnner9] {
    margin-top: 1rem;
}

.health-subsection-header[b-st58xnner9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.health-subsection-header h3[b-st58xnner9] {
    margin: 0;
}

.health-subsection-header span[b-st58xnner9] {
    color: var(--g-text-muted);
    font-size: 0.85rem;
}

.health-empty[b-st58xnner9] {
    color: var(--g-text-muted);
    font-size: 0.9rem;
    padding: 0.5rem 0;
}

@media (max-width: 900px) {
    .health-checks-row[b-st58xnner9],
    .health-failed-row[b-st58xnner9],
    .health-jobs-row[b-st58xnner9] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .health-jobs-row button[b-st58xnner9],
    .health-failed-row button[b-st58xnner9] {
        width: fit-content;
    }
}
/* /Components/Pages/Admin/Licenses/Detail.razor.rz.scp.css */
.license-detail-loading[b-c2wxt6vyfb] {
    padding: 1.5rem;
    color: var(--g-text-muted);
}

.license-detail-error[b-c2wxt6vyfb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.license-detail-hero[b-c2wxt6vyfb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.license-detail-hero h1[b-c2wxt6vyfb] {
    margin: 0 0 0.35rem;
    font-size: 1.8rem;
}

.license-detail-meta[b-c2wxt6vyfb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

.meta-pill[b-c2wxt6vyfb] {
    background: var(--g-accent-wash);
    color: var(--g-accent);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.meta-muted[b-c2wxt6vyfb] {
    color: var(--g-text-muted);
    font-size: 0.8rem;
}

.license-detail-actions[b-c2wxt6vyfb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.license-detail-actions button[b-c2wxt6vyfb] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    font-size: 0.8rem;
}

.license-detail-actions .ghost[b-c2wxt6vyfb] {
    background: transparent;
    color: var(--g-text-muted);
}

.license-detail-actions button[disabled][b-c2wxt6vyfb] {
    cursor: not-allowed;
    opacity: 0.6;
}

.license-detail-grid[b-c2wxt6vyfb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.detail-card[b-c2wxt6vyfb] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.25rem;
    box-shadow: var(--g-shadow-1);
}

.detail-card h2[b-c2wxt6vyfb] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.detail-grid[b-c2wxt6vyfb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.detail-label[b-c2wxt6vyfb] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.detail-value[b-c2wxt6vyfb] {
    display: block;
    margin-top: 0.2rem;
}

.mono[b-c2wxt6vyfb] {
    font-family: "Courier New", monospace;
}

.extend-row[b-c2wxt6vyfb] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.extend-row input[b-c2wxt6vyfb] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
    max-width: 120px;
}

.primary[b-c2wxt6vyfb] {
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.extend-message[b-c2wxt6vyfb] {
    margin-top: 0.75rem;
    color: var(--g-text-muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .license-detail-hero[b-c2wxt6vyfb] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Licenses/Generate.razor.rz.scp.css */
.license-generate-hero[b-ljgurqjt9r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.license-generate-hero h1[b-ljgurqjt9r] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.license-generate-hero p[b-ljgurqjt9r] {
    margin: 0;
    color: var(--g-text-muted);
}

.license-generate-grid[b-ljgurqjt9r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.license-card[b-ljgurqjt9r] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.25rem;
    box-shadow: var(--g-shadow-1);
}

.license-card h2[b-ljgurqjt9r] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.form-grid[b-ljgurqjt9r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.control-group[b-ljgurqjt9r] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-ljgurqjt9r] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-ljgurqjt9r],
.control-group select[b-ljgurqjt9r],
.control-group textarea[b-ljgurqjt9r] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.checkline label[b-ljgurqjt9r] {
    text-transform: none;
    letter-spacing: 0.02em;
    font-size: 0.85rem;
    color: var(--g-text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.help-text[b-ljgurqjt9r] {
    font-size: 0.75rem;
    color: var(--g-text-muted);
}

.actions-row[b-ljgurqjt9r] {
    margin-top: 1rem;
}

.primary[b-ljgurqjt9r] {
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    padding: 0.6rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
}

.ghost[b-ljgurqjt9r] {
    border: 1px solid var(--g-border);
    background: transparent;
    padding: 0.5rem 1rem;
    border-radius: 999px;
}

.inline-error[b-ljgurqjt9r] {
    margin-top: 0.75rem;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
}

.key-list[b-ljgurqjt9r] {
    display: grid;
    gap: 0.75rem;
}

.key-item[b-ljgurqjt9r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--g-border);
    padding: 0.75rem;
    border-radius: var(--g-radius-sm);
}

.key-value[b-ljgurqjt9r] {
    font-family: "Courier New", monospace;
    font-weight: 600;
}

.key-meta[b-ljgurqjt9r] {
    font-size: 0.75rem;
    color: var(--g-text-muted);
}

.muted[b-ljgurqjt9r] {
    color: var(--g-text-muted);
}

@media (max-width: 640px) {
    .license-generate-hero[b-ljgurqjt9r] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Licenses/List.razor.rz.scp.css */
.licenses-hero[b-acwmenlvpp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.licenses-hero h1[b-acwmenlvpp] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.licenses-hero p[b-acwmenlvpp] {
    margin: 0;
    color: var(--g-text-muted);
}

.licenses-controls[b-acwmenlvpp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.control-group[b-acwmenlvpp] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-acwmenlvpp] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-acwmenlvpp],
.control-group select[b-acwmenlvpp] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.apply-group button[b-acwmenlvpp] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.licenses-error[b-acwmenlvpp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.row-actions[b-acwmenlvpp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-acwmenlvpp] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.row-actions .ghost[b-acwmenlvpp] {
    background: transparent;
    color: var(--g-text-muted);
}

.row-actions button[disabled][b-acwmenlvpp] {
    cursor: not-allowed;
    opacity: 0.6;
}

.mono[b-acwmenlvpp] {
    font-family: "Courier New", monospace;
}

@media (max-width: 640px) {
    .licenses-hero[b-acwmenlvpp] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Licenses/QaKeys.razor.rz.scp.css */
.qa-keys-hero[b-hel5ewege0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.qa-keys-hero h1[b-hel5ewege0] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.qa-keys-hero p[b-hel5ewege0] {
    margin: 0;
    color: var(--g-text-muted);
}

.qa-warning[b-hel5ewege0] {
    background: var(--g-hold-wash);
    border: 1px solid color-mix(in srgb, var(--g-hold) 40%, transparent);
    color: var(--g-hold);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1.5rem;
}

.qa-grid[b-hel5ewege0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.qa-card[b-hel5ewege0] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.25rem;
    box-shadow: var(--g-shadow-1);
}

.qa-card h2[b-hel5ewege0] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.form-grid[b-hel5ewege0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.control-group[b-hel5ewege0] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-hel5ewege0] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-hel5ewege0],
.control-group select[b-hel5ewege0] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.actions-row[b-hel5ewege0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.primary[b-hel5ewege0] {
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    padding: 0.6rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
}

.ghost[b-hel5ewege0] {
    border: 1px solid var(--g-border);
    background: transparent;
    padding: 0.5rem 1rem;
    border-radius: 999px;
}

.inline-error[b-hel5ewege0] {
    margin-top: 0.75rem;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
}

.key-list[b-hel5ewege0] {
    display: grid;
    gap: 0.75rem;
}

.key-item[b-hel5ewege0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--g-border);
    padding: 0.75rem;
    border-radius: var(--g-radius-sm);
}

.key-value[b-hel5ewege0] {
    font-family: "Courier New", monospace;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.key-meta[b-hel5ewege0] {
    font-size: 0.75rem;
    color: var(--g-text-muted);
}

.muted[b-hel5ewege0] {
    color: var(--g-text-muted);
}

.qa-badge[b-hel5ewege0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: var(--g-alert-wash);
    color: var(--g-hold);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.qa-filters[b-hel5ewege0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.apply-group button[b-hel5ewege0] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.qa-error[b-hel5ewege0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.qa-success[b-hel5ewege0] {
    background: var(--g-live-wash);
    border: 1px solid color-mix(in srgb, var(--g-live) 40%, transparent);
    color: var(--g-live);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.row-actions[b-hel5ewege0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-hel5ewege0] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.row-actions .ghost[b-hel5ewege0] {
    background: transparent;
    color: var(--g-text-muted);
}

.mono[b-hel5ewege0] {
    font-family: "Courier New", monospace;
    font-weight: 600;
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
}

@media (max-width: 640px) {
    .qa-keys-hero[b-hel5ewege0] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Licenses/Trials.razor.rz.scp.css */
.trial-licenses-hero[b-nyhoti00gy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.trial-licenses-hero h1[b-nyhoti00gy] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.trial-licenses-hero p[b-nyhoti00gy] {
    margin: 0;
    color: var(--g-text-muted);
}

.trial-licenses-controls[b-nyhoti00gy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.trial-licenses-actions[b-nyhoti00gy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    margin-bottom: 1.5rem;
}

.control-group[b-nyhoti00gy] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-nyhoti00gy] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-nyhoti00gy],
.control-group select[b-nyhoti00gy] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.apply-group button[b-nyhoti00gy] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.trial-licenses-actions button[b-nyhoti00gy] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.trial-licenses-actions .primary[b-nyhoti00gy] {
    background: var(--g-accent);
    color: var(--g-accent-ink);
    border-color: transparent;
}

.trial-licenses-actions .ghost[b-nyhoti00gy] {
    background: transparent;
    color: var(--g-text-muted);
}

.trial-licenses-error[b-nyhoti00gy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.row-actions[b-nyhoti00gy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-nyhoti00gy] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.row-actions .ghost[b-nyhoti00gy] {
    background: transparent;
    color: var(--g-text-muted);
}

.row-actions button[disabled][b-nyhoti00gy] {
    cursor: not-allowed;
    opacity: 0.6;
}

.mono[b-nyhoti00gy] {
    font-family: "Courier New", monospace;
}

@media (max-width: 640px) {
    .trial-licenses-hero[b-nyhoti00gy] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Payments/Index.razor.rz.scp.css */
.payments-hero[b-atb37ph05b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.payments-hero h1[b-atb37ph05b] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.payments-hero p[b-atb37ph05b] {
    margin: 0;
    color: var(--g-text-muted);
}

.payments-kpis[b-atb37ph05b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.kpi-skeleton[b-atb37ph05b] {
    height: 110px;
    border-radius: var(--g-radius-md);
    background: linear-gradient(90deg, var(--g-hold-wash), color-mix(in srgb, var(--g-hold) 40%, transparent), var(--g-hold-wash));
    background-size: 220% 100%;
    animation: pulse 1.8s infinite;
}

.payments-controls[b-atb37ph05b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.control-group[b-atb37ph05b] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-atb37ph05b] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.control-group[b-atb37ph05b]  input,
.control-group[b-atb37ph05b]  select,
.control-group[b-atb37ph05b]  .date-input {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.apply-group button[b-atb37ph05b] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.payments-error[b-atb37ph05b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}
/* /Components/Pages/Admin/Plans/Edit.razor.rz.scp.css */
.plan-form-container[b-sg2oj7hnrv] {
    max-width: 800px;
    margin: 0 auto;
    padding: 24px;
}

.form-header[b-sg2oj7hnrv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.form-header h1[b-sg2oj7hnrv] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
}

.form-section[b-sg2oj7hnrv] {
    background: white;
    border: 1px solid var(--g-border);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

.form-section h2[b-sg2oj7hnrv] {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--g-text);
}

.form-group[b-sg2oj7hnrv] {
    margin-bottom: 20px;
}

.form-group label[b-sg2oj7hnrv] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: var(--g-text-muted);
}

.form-group small[b-sg2oj7hnrv] {
    display: block;
    margin-top: 4px;
    color: var(--g-text-muted);
    font-size: 13px;
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.plan-form-container[b-sg2oj7hnrv]  .form-control {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--g-border-strong);
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.plan-form-container[b-sg2oj7hnrv]  .form-control:focus {
    outline: none;
    border-color: var(--g-accent);
    box-shadow: 0 0 0 3px var(--g-focus-ring);
}

.form-row[b-sg2oj7hnrv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.checkbox-group[b-sg2oj7hnrv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkbox-group label[b-sg2oj7hnrv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: normal;
}

.form-actions[b-sg2oj7hnrv] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
}

.btn-primary[b-sg2oj7hnrv] {
    background: var(--g-accent);
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.btn-primary:hover:not(:disabled)[b-sg2oj7hnrv] {
    background: var(--g-accent-hover);
}

.btn-primary:disabled[b-sg2oj7hnrv] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-secondary[b-sg2oj7hnrv] {
    background: white;
    color: var(--g-text-muted);
    border: 1px solid var(--g-border-strong);
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-sg2oj7hnrv] {
    background: var(--g-surface-2);
}

.error-message[b-sg2oj7hnrv] {
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    color: var(--g-alert);
}
/* /Components/Pages/Admin/Plans/Index.razor.rz.scp.css */
.plans-hero[b-j4pnht77jy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.plans-hero h1[b-j4pnht77jy] {
    margin: 0 0 8px 0;
    font-size: 32px;
    font-weight: 700;
}

.plans-hero p[b-j4pnht77jy] {
    margin: 0;
    color: var(--g-text-muted);
}

.plans-grid[b-j4pnht77jy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.plan-card[b-j4pnht77jy] {
    background: white;
    border: 1px solid var(--g-border);
    border-radius: 12px;
    padding: 24px;
    transition: all 0.2s ease;
}

.plan-card:hover[b-j4pnht77jy] {
    box-shadow: var(--g-shadow-1);
}

.plan-card.inactive[b-j4pnht77jy] {
    opacity: 0.6;
    background: var(--g-surface-2);
}

.plan-header[b-j4pnht77jy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.plan-header h3[b-j4pnht77jy] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.featured-badge[b-j4pnht77jy] {
    display: inline-block;
    background: var(--g-accent);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
}

.plan-actions[b-j4pnht77jy] {
    display: flex;
    gap: 8px;
}

.icon-btn[b-j4pnht77jy] {
    background: transparent;
    border: 1px solid var(--g-border);
    border-radius: 6px;
    padding: 6px;
    cursor: pointer;
    color: var(--g-text-muted);
    transition: all 0.2s ease;
}

.icon-btn:hover[b-j4pnht77jy] {
    background: var(--g-surface-2);
    color: var(--g-text);
}

.delete-btn:hover[b-j4pnht77jy] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
    border-color: var(--g-alert-wash);
}

.plan-description[b-j4pnht77jy] {
    color: var(--g-text-muted);
    font-size: 14px;
    margin: 0 0 16px 0;
    min-height: 40px;
}

.plan-price[b-j4pnht77jy] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    padding: 16px 0;
    border-top: 1px solid var(--g-border);
    border-bottom: 1px solid var(--g-border);
    margin-bottom: 16px;
}

.plan-price .currency[b-j4pnht77jy] {
    font-size: 20px;
    font-weight: 600;
    color: var(--g-text);
}

.plan-price .amount[b-j4pnht77jy] {
    font-size: 32px;
    font-weight: 700;
    color: var(--g-text);
}

.plan-price .duration[b-j4pnht77jy] {
    color: var(--g-text-muted);
    font-size: 14px;
}

.plan-info[b-j4pnht77jy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-item[b-j4pnht77jy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.info-item .label[b-j4pnht77jy] {
    color: var(--g-text-muted);
    font-weight: 500;
}

.info-item .value[b-j4pnht77jy] {
    color: var(--g-text);
    font-weight: 600;
}

.status-badge[b-j4pnht77jy] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
}

.status-badge.active[b-j4pnht77jy] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.status-badge.inactive[b-j4pnht77jy] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
}

.error-message[b-j4pnht77jy] {
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.error-message span[b-j4pnht77jy] {
    color: var(--g-alert);
}

.loading-container[b-j4pnht77jy] {
    text-align: center;
    padding: 48px;
    color: var(--g-text-muted);
}

.empty-state[b-j4pnht77jy] {
    text-align: center;
    padding: 64px 24px;
}

.empty-state p[b-j4pnht77jy] {
    color: var(--g-text-muted);
    margin-bottom: 24px;
}

.primary[b-j4pnht77jy] {
    background: var(--g-accent);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.primary:hover[b-j4pnht77jy] {
    background: var(--g-accent-hover);
}
/* /Components/Pages/Admin/Reports/Index.razor.rz.scp.css */
.reports-page[b-3td9z2gyhz] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.reports-header[b-3td9z2gyhz] {
    margin-bottom: 2rem;
}

.reports-header h1[b-3td9z2gyhz] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.reports-header p[b-3td9z2gyhz] {
    color: var(--g-text-muted, var(--g-text-muted));
}

.loading-state[b-3td9z2gyhz], .error-state[b-3td9z2gyhz] {
    padding: 2rem;
    text-align: center;
    background: var(--g-surface, var(--g-surface));
    border-radius: 8px;
    margin: 2rem 0;
}

.error-state[b-3td9z2gyhz] {
    color: var(--g-alert, var(--g-alert));
}

.retry-btn[b-3td9z2gyhz] {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background: var(--g-accent, var(--g-accent));
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.metrics-grid[b-3td9z2gyhz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.charts-section[b-3td9z2gyhz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.chart-card[b-3td9z2gyhz] {
    background: var(--g-surface, var(--g-surface));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 8px;
    padding: 1.5rem;
}

.chart-card h3[b-3td9z2gyhz] {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.simple-line-chart[b-3td9z2gyhz] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    height: 200px;
    padding: 1rem 0;
}

.chart-bar[b-3td9z2gyhz] {
    flex: 1;
    background: var(--g-accent, var(--g-accent));
    border-radius: 4px 4px 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 20px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.chart-bar:hover[b-3td9z2gyhz] {
    opacity: 1;
}

.bar-label[b-3td9z2gyhz] {
    position: absolute;
    bottom: -25px;
    font-size: 0.75rem;
    color: var(--g-text-muted, var(--g-text-muted));
    white-space: nowrap;
}

.bar-value[b-3td9z2gyhz] {
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.no-data[b-3td9z2gyhz] {
    text-align: center;
    padding: 3rem;
    color: var(--g-text-muted, var(--g-text-muted));
}

.quick-links[b-3td9z2gyhz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.link-card[b-3td9z2gyhz] {
    padding: 1rem;
    background: var(--g-surface-2, var(--g-surface-2));
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}

.link-card:hover[b-3td9z2gyhz] {
    background: var(--g-border, var(--g-border));
}

.link-card strong[b-3td9z2gyhz] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--g-accent, var(--g-accent));
}

.link-card p[b-3td9z2gyhz] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--g-text-muted, var(--g-text-muted));
}
/* /Components/Pages/Admin/Reports/Licenses.razor.rz.scp.css */
.license-report-page[b-j2vs65x1ak] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.report-header[b-j2vs65x1ak] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.report-header h1[b-j2vs65x1ak] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.report-header p[b-j2vs65x1ak] {
    color: var(--g-text-muted, var(--g-text-muted));
}

.back-link[b-j2vs65x1ak] {
    padding: 0.5rem 1rem;
    color: var(--g-accent, var(--g-accent));
    text-decoration: none;
    border: 1px solid var(--g-accent, var(--g-accent));
    border-radius: 4px;
    transition: background 0.2s;
}

.back-link:hover[b-j2vs65x1ak] {
    background: var(--g-accent, var(--g-accent));
    color: white;
}

.loading-state[b-j2vs65x1ak], .error-state[b-j2vs65x1ak] {
    padding: 2rem;
    text-align: center;
    background: var(--g-surface, var(--g-surface));
    border-radius: 8px;
    margin: 2rem 0;
}

.error-state[b-j2vs65x1ak] {
    color: var(--g-alert, var(--g-alert));
}

.retry-btn[b-j2vs65x1ak] {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background: var(--g-accent, var(--g-accent));
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.license-summary[b-j2vs65x1ak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.summary-card[b-j2vs65x1ak] {
    background: var(--g-surface, var(--g-surface));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 8px;
    padding: 1.5rem;
}

.summary-card h3[b-j2vs65x1ak] {
    font-size: 0.875rem;
    color: var(--g-text-muted, var(--g-text-muted));
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.summary-value[b-j2vs65x1ak] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--g-text, var(--g-text));
}

.expiration-forecast[b-j2vs65x1ak] {
    margin: 2rem 0;
}

.forecast-card[b-j2vs65x1ak] {
    background: var(--g-surface, var(--g-surface));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 8px;
    padding: 1.5rem;
}

.forecast-card h3[b-j2vs65x1ak] {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.forecast-grid[b-j2vs65x1ak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.forecast-item[b-j2vs65x1ak] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--g-surface-2, var(--g-surface-2));
    border-radius: 6px;
}

.forecast-label[b-j2vs65x1ak] {
    font-size: 0.875rem;
    color: var(--g-text-muted, var(--g-text-muted));
}

.forecast-value[b-j2vs65x1ak] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--g-accent, var(--g-accent));
}

.license-details[b-j2vs65x1ak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.detail-card[b-j2vs65x1ak] {
    background: var(--g-surface, var(--g-surface));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 8px;
    padding: 1.5rem;
}

.detail-card h3[b-j2vs65x1ak] {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.type-list[b-j2vs65x1ak] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.type-item[b-j2vs65x1ak] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.type-header[b-j2vs65x1ak] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.type-name[b-j2vs65x1ak] {
    font-weight: 500;
}

.type-count[b-j2vs65x1ak] {
    color: var(--g-text-muted, var(--g-text-muted));
}

.type-bar[b-j2vs65x1ak] {
    height: 8px;
    background: var(--g-border, var(--g-border));
    border-radius: 4px;
    overflow: hidden;
}

.bar-fill[b-j2vs65x1ak] {
    height: 100%;
    background: var(--g-accent, var(--g-accent));
    transition: width 0.3s;
}

.type-percent[b-j2vs65x1ak] {
    font-size: 0.875rem;
    color: var(--g-text-muted, var(--g-text-muted));
}

.trend-chart[b-j2vs65x1ak] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    height: 250px;
    padding: 1rem 0;
}

.trend-bar[b-j2vs65x1ak] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position: relative;
}

.bar[b-j2vs65x1ak] {
    width: 100%;
    background: var(--g-accent, var(--g-accent));
    border-radius: 4px 4px 0 0;
    min-height: 20px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.bar:hover[b-j2vs65x1ak] {
    opacity: 1;
}

.trend-label[b-j2vs65x1ak] {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--g-text-muted, var(--g-text-muted));
    white-space: nowrap;
}

.trend-value[b-j2vs65x1ak] {
    position: absolute;
    top: -20px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--g-text, var(--g-text));
}

.no-data[b-j2vs65x1ak] {
    text-align: center;
    padding: 2rem;
    color: var(--g-text-muted, var(--g-text-muted));
}
/* /Components/Pages/Admin/Reports/Revenue.razor.rz.scp.css */
.revenue-report-page[b-2nf6ebps09] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.report-header[b-2nf6ebps09] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.report-header h1[b-2nf6ebps09] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.report-header p[b-2nf6ebps09] {
    color: var(--g-text-muted, var(--g-text-muted));
}

.back-link[b-2nf6ebps09] {
    padding: 0.5rem 1rem;
    color: var(--g-accent, var(--g-accent));
    text-decoration: none;
    border: 1px solid var(--g-accent, var(--g-accent));
    border-radius: 4px;
    transition: background 0.2s;
}

.back-link:hover[b-2nf6ebps09] {
    background: var(--g-accent, var(--g-accent));
    color: white;
}

.loading-state[b-2nf6ebps09], .error-state[b-2nf6ebps09] {
    padding: 2rem;
    text-align: center;
    background: var(--g-surface, var(--g-surface));
    border-radius: 8px;
    margin: 2rem 0;
}

.error-state[b-2nf6ebps09] {
    color: var(--g-alert, var(--g-alert));
}

.retry-btn[b-2nf6ebps09] {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background: var(--g-accent, var(--g-accent));
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.revenue-summary[b-2nf6ebps09] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.summary-card[b-2nf6ebps09] {
    background: var(--g-surface, var(--g-surface));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 8px;
    padding: 1.5rem;
}

.summary-card h3[b-2nf6ebps09] {
    font-size: 0.875rem;
    color: var(--g-text-muted, var(--g-text-muted));
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.summary-value[b-2nf6ebps09] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--g-text, var(--g-text));
    margin-bottom: 0.25rem;
}

.summary-detail[b-2nf6ebps09] {
    font-size: 0.875rem;
    color: var(--g-text-muted, var(--g-text-muted));
}

.revenue-details[b-2nf6ebps09] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.detail-card[b-2nf6ebps09] {
    background: var(--g-surface, var(--g-surface));
    border: 1px solid var(--g-border, var(--g-border));
    border-radius: 8px;
    padding: 1.5rem;
}

.detail-card h3[b-2nf6ebps09] {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.data-table[b-2nf6ebps09] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-2nf6ebps09],
.data-table td[b-2nf6ebps09] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--g-border, var(--g-border));
}

.data-table th[b-2nf6ebps09] {
    font-weight: 600;
    color: var(--g-text-muted, var(--g-text-muted));
    font-size: 0.875rem;
}

.data-table tbody tr:hover[b-2nf6ebps09] {
    background: var(--g-surface-2, var(--g-surface-2));
}

.period-chart[b-2nf6ebps09] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    height: 250px;
    padding: 1rem 0;
}

.period-bar[b-2nf6ebps09] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position: relative;
}

.bar[b-2nf6ebps09] {
    width: 100%;
    background: var(--g-live, var(--g-live));
    border-radius: 4px 4px 0 0;
    min-height: 20px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.bar:hover[b-2nf6ebps09] {
    opacity: 1;
}

.period-label[b-2nf6ebps09] {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--g-text-muted, var(--g-text-muted));
}

.period-value[b-2nf6ebps09] {
    position: absolute;
    top: -20px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--g-text, var(--g-text));
}

.no-data[b-2nf6ebps09] {
    text-align: center;
    padding: 2rem;
    color: var(--g-text-muted, var(--g-text-muted));
}
/* /Components/Pages/Admin/Search.razor.rz.scp.css */
.search-page[b-99oro08al2] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.search-page-header[b-99oro08al2] {
    margin-bottom: 24px;
}

.search-page-header h1[b-99oro08al2] {
    font-size: 28px;
    font-weight: 700;
    color: var(--g-text);
    margin: 0 0 8px 0;
}

.search-page-query[b-99oro08al2] {
    font-size: 14px;
    color: var(--g-text-muted);
    margin: 0;
}

.search-page-loading[b-99oro08al2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    color: var(--g-text-muted);
}

.search-page-spinner[b-99oro08al2] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--g-border);
    border-top-color: var(--g-accent);
    border-radius: 50%;
    animation: spin-b-99oro08al2 0.8s linear infinite;
    margin-bottom: 16px;
}

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

.search-page-empty[b-99oro08al2] {
    text-align: center;
    padding: 80px 20px;
}

.search-page-empty-icon[b-99oro08al2] {
    font-size: 64px;
    display: block;
    margin-bottom: 16px;
    opacity: 0.4;
}

.search-page-empty h2[b-99oro08al2] {
    font-size: 24px;
    font-weight: 600;
    color: var(--g-text);
    margin: 0 0 8px 0;
}

.search-page-empty p[b-99oro08al2] {
    font-size: 14px;
    color: var(--g-text-muted);
    margin: 0;
}

.search-page-tabs[b-99oro08al2] {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid var(--g-border);
    margin-bottom: 24px;
    overflow-x: auto;
}

.search-page-tab[b-99oro08al2] {
    padding: 12px 20px;
    border: none;
    background: none;
    color: var(--g-text-muted);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    white-space: nowrap;
}

.search-page-tab:hover[b-99oro08al2] {
    color: var(--g-accent);
}

.search-page-tab.active[b-99oro08al2] {
    color: var(--g-accent);
    border-bottom-color: var(--g-accent);
}

.search-page-results[b-99oro08al2] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.search-page-category[b-99oro08al2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.search-page-category-title[b-99oro08al2] {
    font-size: 18px;
    font-weight: 600;
    color: var(--g-text);
    margin: 0 0 8px 0;
}

.search-result-card[b-99oro08al2] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: white;
    border: 1px solid var(--g-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.search-result-card:hover[b-99oro08al2] {
    border-color: var(--g-accent);
    box-shadow: 0 2px 8px var(--g-accent-wash);
}

.search-result-icon[b-99oro08al2] {
    font-size: 32px;
    flex-shrink: 0;
}

.search-result-content[b-99oro08al2] {
    flex: 1;
    min-width: 0;
}

.search-result-title[b-99oro08al2] {
    font-size: 16px;
    font-weight: 600;
    color: var(--g-text);
    margin: 0 0 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-result-title mark[b-99oro08al2] {
    background-color: var(--g-hold-wash);
    color: var(--g-hold);
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 700;
}

.search-result-description[b-99oro08al2] {
    font-size: 14px;
    color: var(--g-text-muted);
    margin: 0 0 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-result-category[b-99oro08al2] {
    display: inline-block;
    padding: 4px 8px;
    background-color: var(--g-surface-2);
    color: var(--g-text-muted);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

.search-result-arrow[b-99oro08al2] {
    font-size: 20px;
    color: var(--g-text-subtle);
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .search-page[b-99oro08al2] {
        padding: 16px;
    }

    .search-page-header h1[b-99oro08al2] {
        font-size: 24px;
    }

    .search-result-card[b-99oro08al2] {
        padding: 12px;
    }

    .search-result-icon[b-99oro08al2] {
        font-size: 24px;
    }
}
/* /Components/Pages/Admin/Staff/Detail.razor.rz.scp.css */
.roles-list[b-jvhe5pyn3u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.role-badge[b-jvhe5pyn3u] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: var(--g-accent-wash);
    color: var(--g-accent);
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

.activation-codes-table[b-jvhe5pyn3u] {
    margin-top: 1rem;
    overflow-x: auto;
}

.activation-codes-table table[b-jvhe5pyn3u] {
    width: 100%;
    border-collapse: collapse;
}

.activation-codes-table th[b-jvhe5pyn3u],
.activation-codes-table td[b-jvhe5pyn3u] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--g-border);
}

.activation-codes-table th[b-jvhe5pyn3u] {
    font-weight: 600;
    background-color: var(--g-surface-2);
}

.activation-codes-table .mono[b-jvhe5pyn3u] {
    font-family: 'Courier New', monospace;
    font-size: 0.875rem;
}

.stats-grid[b-jvhe5pyn3u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.status.blocked[b-jvhe5pyn3u] {
    background-color: var(--g-alert-wash);
    color: var(--g-alert);
}

.status.deactivated[b-jvhe5pyn3u] {
    background-color: var(--g-surface-2);
    color: var(--g-text-muted);
}

.admin-users-success[b-jvhe5pyn3u] {
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: var(--g-live-wash);
    color: var(--g-live);
    border-radius: 4px;
    border-left: 4px solid var(--g-live);
}
/* /Components/Pages/Admin/Users/Create.razor.rz.scp.css */
.admin-user-form-hero[b-clsaozq9me] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-user-form-hero h1[b-clsaozq9me] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.admin-user-form-hero p[b-clsaozq9me] {
    margin: 0;
    color: var(--g-text-muted);
}

.admin-user-form-grid[b-clsaozq9me] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-card[b-clsaozq9me] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 1.25rem;
    border-radius: var(--g-radius-md);
}

.form-card h2[b-clsaozq9me] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.form-field[b-clsaozq9me] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.9rem;
}

.form-field label[b-clsaozq9me] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.form-field input[b-clsaozq9me],
.form-field select[b-clsaozq9me] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.55rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.form-field.checkbox[b-clsaozq9me] {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

.form-actions[b-clsaozq9me] {
    display: flex;
    gap: 0.75rem;
}

.form-hint[b-clsaozq9me] {
    margin: 0;
    color: var(--g-text-muted);
    font-size: 0.9rem;
}

.admin-user-form-error[b-clsaozq9me] {
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.admin-user-form-success[b-clsaozq9me] {
    background: var(--g-live-wash);
    border: 1px solid color-mix(in srgb, var(--g-live) 40%, transparent);
    color: var(--g-live);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

@media (max-width: 720px) {
    .admin-user-form-hero[b-clsaozq9me] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Users/Edit.razor.rz.scp.css */
.admin-user-form-hero[b-0xoh9b74aj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-user-form-hero h1[b-0xoh9b74aj] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.admin-user-form-hero p[b-0xoh9b74aj] {
    margin: 0;
    color: var(--g-text-muted);
}

.admin-user-form-grid[b-0xoh9b74aj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-card[b-0xoh9b74aj] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 1.25rem;
    border-radius: var(--g-radius-md);
}

.form-card h2[b-0xoh9b74aj] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.form-field[b-0xoh9b74aj] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.9rem;
}

.form-field label[b-0xoh9b74aj] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.form-field input[b-0xoh9b74aj],
.form-field select[b-0xoh9b74aj] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.55rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.form-actions[b-0xoh9b74aj] {
    display: flex;
    gap: 0.75rem;
}

.form-hint[b-0xoh9b74aj] {
    display: block;
    margin-top: 0.25rem;
    color: var(--g-text-muted);
    font-size: 0.85rem;
}

.admin-user-form-error[b-0xoh9b74aj] {
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.admin-user-form-success[b-0xoh9b74aj] {
    background: var(--g-live-wash);
    border: 1px solid color-mix(in srgb, var(--g-live) 40%, transparent);
    color: var(--g-live);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.admin-user-form-loading[b-0xoh9b74aj] {
    color: var(--g-text-muted);
    padding: 1rem 0;
}

@media (max-width: 720px) {
    .admin-user-form-hero[b-0xoh9b74aj] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Users/List.razor.rz.scp.css */
.admin-users-hero[b-ct1zoe0n5e] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-users-hero h1[b-ct1zoe0n5e] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.admin-users-hero p[b-ct1zoe0n5e] {
    margin: 0;
    color: var(--g-text-muted);
}

.admin-users-controls[b-ct1zoe0n5e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.control-group[b-ct1zoe0n5e] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.control-group label[b-ct1zoe0n5e] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.control-group input[b-ct1zoe0n5e],
.control-group select[b-ct1zoe0n5e] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.admin-users-error[b-ct1zoe0n5e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.status[b-ct1zoe0n5e] {
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status.active[b-ct1zoe0n5e] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.status.inactive[b-ct1zoe0n5e] {
    background: var(--g-surface-2);
    color: var(--g-text-muted);
}

.row-actions[b-ct1zoe0n5e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-actions button[b-ct1zoe0n5e] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

@media (max-width: 720px) {
    .admin-users-hero[b-ct1zoe0n5e] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/Users/Profile.razor.rz.scp.css */
.admin-profile-hero[b-2mzm27zxls] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-profile-hero h1[b-2mzm27zxls] {
    margin: 0 0 0.35rem;
    font-size: 2rem;
}

.admin-profile-hero p[b-2mzm27zxls] {
    margin: 0;
    color: var(--g-text-muted);
}

.admin-profile-grid[b-2mzm27zxls] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.form-card[b-2mzm27zxls] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 1.25rem;
    border-radius: var(--g-radius-md);
}

.form-card h2[b-2mzm27zxls] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.form-field[b-2mzm27zxls] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.9rem;
}

.form-field label[b-2mzm27zxls] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

.form-field input[b-2mzm27zxls] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.55rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.form-actions[b-2mzm27zxls] {
    display: flex;
    gap: 0.75rem;
}

.admin-profile-error[b-2mzm27zxls] {
    background: var(--g-alert-wash);
    border: 1px solid color-mix(in srgb, var(--g-alert) 40%, transparent);
    color: var(--g-alert);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.admin-profile-success[b-2mzm27zxls] {
    background: var(--g-live-wash);
    border: 1px solid color-mix(in srgb, var(--g-live) 40%, transparent);
    color: var(--g-live);
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    margin-bottom: 1rem;
}

.admin-profile-loading[b-2mzm27zxls] {
    color: var(--g-text-muted);
    padding: 1rem 0;
}

.profile-avatar[b-2mzm27zxls] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: var(--g-surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 1rem;
}

.profile-avatar img[b-2mzm27zxls] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-avatar-fallback[b-2mzm27zxls] {
    font-weight: 600;
    color: var(--g-text-muted);
}

@media (max-width: 720px) {
    .admin-profile-hero[b-2mzm27zxls] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Customer/Dashboard.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

/* ── Layout ─────────────────────────────────── */
.db-container[b-xlqc2c0y53] {
    max-width: 1100px;
}

.db-title[b-xlqc2c0y53] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--g-text);
    margin: 0 0 1.75rem 0;
}

.db-loading[b-xlqc2c0y53] {
    color: var(--g-text-muted);
    font-size: 0.95rem;
}

.db-error[b-xlqc2c0y53] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
    border: 1px solid var(--g-alert-wash);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    font-size: 0.95rem;
}

.db-grid[b-xlqc2c0y53] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

/* ── Card ───────────────────────────────────── */
.db-card[b-xlqc2c0y53] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
}

.db-card--full[b-xlqc2c0y53] {
    margin-bottom: 1.25rem;
}

.db-card-heading[b-xlqc2c0y53] {
    margin: 0 0 1.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--g-text);
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--g-accent);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Fields ─────────────────────────────────── */
.db-field[b-xlqc2c0y53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--g-border);
}

.db-field:last-child[b-xlqc2c0y53] {
    border-bottom: none;
}

.db-field--stack[b-xlqc2c0y53] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.db-label[b-xlqc2c0y53] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--g-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.db-value[b-xlqc2c0y53] {
    font-size: 0.95rem;
    color: var(--g-text);
    font-weight: 500;
}

/* ── Badge ──────────────────────────────────── */
.db-badge[b-xlqc2c0y53] {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: capitalize;
}

.db-badge--active[b-xlqc2c0y53] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.db-badge--trial[b-xlqc2c0y53] {
    background: var(--g-hold-wash);
    color: var(--g-hold);
}

.db-badge--inactive[b-xlqc2c0y53], .db-badge--expired[b-xlqc2c0y53] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
}

/* ── Establishment Key ──────────────────────── */
.db-key-row[b-xlqc2c0y53] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
}

.db-key-value[b-xlqc2c0y53] {
    flex: 1;
    font-family: "Consolas", "Monaco", "Courier New", monospace;
    font-size: 0.82rem;
    color: var(--g-text);
    background: var(--g-surface-2);
    border: 1px solid var(--g-border);
    border-radius: 6px;
    padding: 0.4rem 0.65rem;
    word-break: break-all;
}

.db-copy-btn[b-xlqc2c0y53] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.85rem;
    background: var(--g-accent);
    color: var(--g-surface);
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    white-space: nowrap;
}

.db-copy-btn:hover[b-xlqc2c0y53] {
    background: var(--g-accent-hover);
}

.db-copy-btn:active[b-xlqc2c0y53] {
    opacity: 0.8;
}

/* ── Stats ──────────────────────────────────── */
.db-stat[b-xlqc2c0y53] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
}

.db-stat:last-child[b-xlqc2c0y53] {
    margin-bottom: 0;
}

.db-stat-value[b-xlqc2c0y53] {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--g-accent);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.db-stat-value--danger[b-xlqc2c0y53] {
    color: var(--g-alert);
}

.db-stat-label[b-xlqc2c0y53] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--g-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Activity ───────────────────────────────── */
.db-activity-list[b-xlqc2c0y53] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.db-activity-item[b-xlqc2c0y53] {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--g-surface-2);
    border: 1px solid var(--g-border);
    border-radius: 6px;
}

.db-activity-time[b-xlqc2c0y53] {
    font-size: 0.82rem;
    color: var(--g-text-muted);
    font-variant-numeric: tabular-nums;
}

.db-activity-desc[b-xlqc2c0y53] {
    font-size: 0.9rem;
    color: var(--g-text);
}

.db-activity-type[b-xlqc2c0y53] {
    font-size: 0.8rem;
    color: var(--g-text-muted);
    font-style: italic;
}
/* /Components/Pages/Customer/Inventory/Index.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.import-hub-shell[b-09d9543uy0] {
    display: grid;
    gap: 1.5rem;
    max-width: 1080px;
}

.import-hub-header h1[b-09d9543uy0] {
    margin: 0;
    color: var(--g-text, var(--g-text));
    font-size: clamp(2rem, 3vw, 2.4rem);
}

.import-hub-header p[b-09d9543uy0] {
    margin: 0.6rem 0 0;
    max-width: 720px;
    color: var(--g-text-muted, var(--g-text-muted));
    line-height: 1.6;
}

.import-hub-grid[b-09d9543uy0] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.import-hub-card[b-09d9543uy0] {
    display: grid;
    gap: 0.9rem;
    padding: 1.35rem;
    border: 1px solid var(--g-border, var(--g-border-strong));
    border-radius: 20px;
    background: var(--g-surface, var(--g-surface));
    box-shadow: 0 18px 40px var(--g-border);
}

.import-hub-card h2[b-09d9543uy0] {
    margin: 0;
    color: var(--g-text, var(--g-text));
    font-size: 1.2rem;
}

.import-hub-card p[b-09d9543uy0] {
    margin: 0;
    color: var(--g-text-muted, var(--g-text-muted));
    line-height: 1.55;
}

.import-hub-link[b-09d9543uy0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.7rem 1rem;
    border-radius: 12px;
    background: var(--g-accent, var(--g-live));
    color: var(--g-surface);
    text-decoration: none;
    font-weight: 600;
}

.import-hub-link:hover[b-09d9543uy0],
.import-hub-link:focus-visible[b-09d9543uy0] {
    color: var(--g-surface);
    text-decoration: none;
    filter: brightness(1.03);
}

.import-hub-link:focus-visible[b-09d9543uy0] {
    outline: 3px solid var(--g-focus-ring, var(--g-live-wash));
    outline-offset: 3px;
}

@@media (max-width: 640px) {
    .import-hub-card[b-09d9543uy0] {
        border-radius: 16px;
    }
}
/* /Components/Pages/Customer/Inventory/StockDiscounts.razor.rz.scp.css */
.disc-shell[b-6scdyl202l] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.disc-header h1[b-6scdyl202l] {
    margin: 0 0 0.25rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.disc-header p[b-6scdyl202l] {
    margin: 0;
    max-width: 48rem;
    color: var(--g-text-muted, #64748b);
    font-size: 0.875rem;
}

.disc-grid[b-6scdyl202l] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(20rem, 1fr);
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 60rem) {
    .disc-grid[b-6scdyl202l] {
        grid-template-columns: 1fr;
    }
}

.disc-card[b-6scdyl202l] {
    background: var(--g-surface, #fff);
    border: 1px solid var(--g-border, #e2e8f0);
    border-radius: 0.75rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.disc-card h2[b-6scdyl202l] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.disc-hint[b-6scdyl202l] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--g-text-muted, #64748b);
}

.disc-empty[b-6scdyl202l] {
    padding: 1.5rem;
    text-align: center;
    color: var(--g-text-muted, #64748b);
    font-size: 0.875rem;
}

.disc-table-wrap[b-6scdyl202l] {
    overflow-x: auto;
}

.disc-table[b-6scdyl202l] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.disc-table th[b-6scdyl202l],
.disc-table td[b-6scdyl202l] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--g-border, #e2e8f0);
    white-space: nowrap;
}

.disc-table th[b-6scdyl202l] {
    font-weight: 600;
    color: var(--g-text-muted, #64748b);
}

.disc-actions button[b-6scdyl202l] {
    padding: 0.25rem 0.6rem;
    border-radius: 0.25rem;
    border: 1px solid var(--g-border, #e2e8f0);
    background: transparent;
    font-size: 0.75rem;
    cursor: pointer;
}

.disc-actions button.danger[b-6scdyl202l] {
    color: #b91c1c;
    border-color: #fecaca;
}

.disc-field[b-6scdyl202l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.disc-field label[b-6scdyl202l] {
    min-width: 7.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.disc-field input[b-6scdyl202l],
.disc-field select[b-6scdyl202l] {
    flex: 1;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--g-border, #e2e8f0);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    min-width: 0;
}

.disc-picker[b-6scdyl202l] {
    max-height: 14rem;
    overflow-y: auto;
    border: 1px solid var(--g-border, #e2e8f0);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.disc-check[b-6scdyl202l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
}

.disc-primary[b-6scdyl202l] {
    align-self: flex-start;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    background: var(--g-primary, #2563eb);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

.disc-primary:disabled[b-6scdyl202l] {
    opacity: 0.6;
    cursor: not-allowed;
}

.disc-alert[b-6scdyl202l] {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.disc-alert.success[b-6scdyl202l] {
    background: #ecfdf5;
    color: #065f46;
}

.disc-alert.error[b-6scdyl202l] {
    background: #fef2f2;
    color: #991b1b;
}
/* /Components/Pages/Customer/Inventory/StockGroups.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.sgg-shell[b-nlhq1se5wh] {
    max-width: 1080px;
    display: grid;
    gap: 1.25rem;
}

.sgg-header[b-nlhq1se5wh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}

.sgg-header h1[b-nlhq1se5wh] {
    margin: 0;
    font-size: 2rem;
    color: var(--g-text);
}

.sgg-header p[b-nlhq1se5wh] {
    margin: 0.35rem 0 0;
    color: var(--g-text-muted);
}

.sgg-grid[b-nlhq1se5wh] {
    display: grid;
    gap: 1.25rem;
    align-items: start;
}

.sgg-card[b-nlhq1se5wh] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 18px;
    box-shadow: var(--g-shadow-1);
    padding: 1.25rem;
}

.sgg-list-card[b-nlhq1se5wh] {
    grid-column: 1 / -1;
}

.sgg-input[b-nlhq1se5wh],
.sgg-select[b-nlhq1se5wh] {
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--g-border);
    border-radius: 12px;
    font-size: 0.95rem;
    background: var(--g-surface);
    color: var(--g-text);
}

.sgg-primary[b-nlhq1se5wh],
.sgg-secondary[b-nlhq1se5wh],
.sgg-ghost[b-nlhq1se5wh],
.sgg-link[b-nlhq1se5wh] {
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.sgg-primary[b-nlhq1se5wh] {
    padding: 0.8rem 1.1rem;
    background: var(--g-accent);
    color: var(--g-surface);
    box-shadow: 0 12px 24px var(--g-accent-wash);
}

.sgg-secondary[b-nlhq1se5wh],
.sgg-ghost[b-nlhq1se5wh] {
    padding: 0.8rem 1rem;
    background: var(--g-surface-2);
    color: var(--g-text);
}

.sgg-link[b-nlhq1se5wh] {
    padding: 0;
    background: transparent;
    color: var(--g-accent);
}

.sgg-link.danger[b-nlhq1se5wh] {
    color: var(--g-alert);
}

.sgg-primary:hover:not(:disabled)[b-nlhq1se5wh],
.sgg-secondary:hover:not(:disabled)[b-nlhq1se5wh],
.sgg-ghost:hover:not(:disabled)[b-nlhq1se5wh] {
    transform: translateY(-1px);
}

.sgg-primary:disabled[b-nlhq1se5wh],
.sgg-secondary:disabled[b-nlhq1se5wh],
.sgg-ghost:disabled[b-nlhq1se5wh] {
    opacity: 0.6;
    cursor: not-allowed;
}

.sgg-alert[b-nlhq1se5wh] {
    padding: 0.9rem 1rem;
    border-radius: 14px;
    font-weight: 500;
}

.sgg-alert.success[b-nlhq1se5wh] {
    background: var(--g-live-wash);
    border: 1px solid var(--g-live-wash);
    color: var(--g-live);
}

.sgg-alert.error[b-nlhq1se5wh] {
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    color: var(--g-alert);
}

.sgg-alert.info[b-nlhq1se5wh] {
    background: var(--g-accent-wash);
    border: 1px solid var(--g-accent-wash);
    color: var(--g-accent);
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.sgg-alert.info a[b-nlhq1se5wh] {
    color: var(--g-accent);
    font-weight: 700;
    text-decoration: underline;
    margin-left: auto;
    white-space: nowrap;
}

.sgg-empty[b-nlhq1se5wh] {
    padding: 2.25rem 1rem;
    text-align: center;
    color: var(--g-text-muted);
}

.sgg-table-wrap[b-nlhq1se5wh] {
    overflow-x: auto;
}

.sgg-table[b-nlhq1se5wh] {
    width: 100%;
    border-collapse: collapse;
}

.sgg-table th[b-nlhq1se5wh],
.sgg-table td[b-nlhq1se5wh] {
    padding: 0.9rem 0.65rem;
    border-bottom: 1px solid var(--g-border);
    vertical-align: middle;
    text-align: left;
    font-size: 0.92rem;
    color: var(--g-text);
}

.sgg-table th[b-nlhq1se5wh] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--g-text-muted);
}

.sgg-status[b-nlhq1se5wh] {
    display: inline-flex;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.sgg-status.active[b-nlhq1se5wh] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.sgg-status.inactive[b-nlhq1se5wh] {
    background: var(--g-hold-wash);
    color: var(--g-hold);
}

.sgg-actions-cell[b-nlhq1se5wh] {
    width: 1%;
    white-space: nowrap;
}

.sgg-pager[b-nlhq1se5wh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    color: var(--g-text-muted);
    font-size: 0.9rem;
}

.sgg-pager-actions[b-nlhq1se5wh] {
    display: flex;
    gap: 0.5rem;
}

.sgg-modal[b-nlhq1se5wh] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    z-index: 1100;
}

.sgg-modal.is-open[b-nlhq1se5wh] {
    display: flex;
}

.sgg-modal-backdrop[b-nlhq1se5wh] {
    position: absolute;
    inset: 0;
    background: rgba(11, 15, 20, 0.5);
    backdrop-filter: blur(4px);
}

.sgg-modal-card[b-nlhq1se5wh] {
    position: relative;
    width: min(540px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    z-index: 1;
}

.sgg-modal-header-actions[b-nlhq1se5wh] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.sgg-editor-header[b-nlhq1se5wh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.sgg-editor-header h2[b-nlhq1se5wh] {
    margin: 0;
    color: var(--g-text);
}

.sgg-editor-header p[b-nlhq1se5wh],
.sgg-muted[b-nlhq1se5wh] {
    margin: 0.35rem 0 0;
    color: var(--g-text-muted);
}

.sgg-form-grid[b-nlhq1se5wh] {
    display: grid;
    gap: 0.85rem;
}

.sgg-field[b-nlhq1se5wh] {
    display: grid;
    gap: 0.4rem;
}

.sgg-field label[b-nlhq1se5wh] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--g-text-muted);
}

.sgg-field-full[b-nlhq1se5wh] {
    grid-column: 1 / -1;
}

.sgg-checkbox-label[b-nlhq1se5wh] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.9rem;
    color: var(--g-text);
    cursor: pointer;
    padding-top: 0.5rem;
}

.sgg-validation[b-nlhq1se5wh] {
    margin: 1rem 0;
    color: var(--g-alert);
    font-size: 0.9rem;
}

.sgg-form-actions[b-nlhq1se5wh] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

@@media (max-width: 820px) {
    .sgg-header[b-nlhq1se5wh],
    .sgg-pager[b-nlhq1se5wh],
    .sgg-editor-header[b-nlhq1se5wh] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Customer/Inventory/Stocks.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.stocks-shell[b-g6u0yg8kmo] {
    max-width: 1280px;
    display: grid;
    gap: 1.25rem;
}

.stocks-header[b-g6u0yg8kmo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}

.stocks-header h1[b-g6u0yg8kmo] {
    margin: 0;
    font-size: 2rem;
    color: var(--g-text);
}

.stocks-header p[b-g6u0yg8kmo] {
    margin: 0.35rem 0 0;
    color: var(--g-text-muted);
}

.stocks-grid[b-g6u0yg8kmo] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(320px, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.stocks-card[b-g6u0yg8kmo] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 18px;
    box-shadow: var(--g-shadow-1);
    padding: 1.25rem;
}

.stocks-list-card[b-g6u0yg8kmo] {
    grid-column: 1 / -1;
}

.stocks-toolbar[b-g6u0yg8kmo] {
    display: grid;
    grid-template-columns: minmax(220px, 1.8fr) minmax(140px, 0.9fr) auto auto;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.stocks-shell[b-g6u0yg8kmo]  .stocks-input,
.stocks-shell[b-g6u0yg8kmo]  .stocks-select {
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--g-border);
    border-radius: 12px;
    font-size: 0.95rem;
    background: var(--g-surface);
    color: var(--g-text);
}

.stocks-shell[b-g6u0yg8kmo]  .stocks-input[readonly] {
    background: var(--g-surface-2);
    color: var(--g-text-muted);
}

.stocks-primary[b-g6u0yg8kmo],
.stocks-secondary[b-g6u0yg8kmo],
.stocks-ghost[b-g6u0yg8kmo],
.stocks-link[b-g6u0yg8kmo] {
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.stocks-primary[b-g6u0yg8kmo] {
    padding: 0.8rem 1.1rem;
    background: var(--g-accent);
    color: var(--g-surface);
    box-shadow: 0 12px 24px var(--g-accent-wash);
}

.stocks-secondary[b-g6u0yg8kmo],
.stocks-ghost[b-g6u0yg8kmo] {
    padding: 0.8rem 1rem;
    background: var(--g-surface-2);
    color: var(--g-text);
}

.stocks-link[b-g6u0yg8kmo] {
    padding: 0;
    background: transparent;
    color: var(--g-accent);
}

.stocks-link.danger[b-g6u0yg8kmo] {
    color: var(--g-alert);
}

.stocks-primary:hover:not(:disabled)[b-g6u0yg8kmo],
.stocks-secondary:hover:not(:disabled)[b-g6u0yg8kmo],
.stocks-ghost:hover:not(:disabled)[b-g6u0yg8kmo] {
    transform: translateY(-1px);
}

.stocks-primary:disabled[b-g6u0yg8kmo],
.stocks-secondary:disabled[b-g6u0yg8kmo],
.stocks-ghost:disabled[b-g6u0yg8kmo] {
    opacity: 0.6;
    cursor: not-allowed;
}

.stocks-alert[b-g6u0yg8kmo] {
    padding: 0.9rem 1rem;
    border-radius: 14px;
    font-weight: 500;
}

.stocks-alert.success[b-g6u0yg8kmo] {
    background: var(--g-live-wash);
    border: 1px solid var(--g-live-wash);
    color: var(--g-live);
}

.stocks-alert.error[b-g6u0yg8kmo] {
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    color: var(--g-alert);
}

.stocks-alert.info[b-g6u0yg8kmo] {
    background: var(--g-accent-wash);
    border: 1px solid var(--g-accent-wash);
    color: var(--g-accent);
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.stocks-alert.info a[b-g6u0yg8kmo] {
    color: var(--g-accent);
    font-weight: 700;
    text-decoration: underline;
    margin-left: auto;
    white-space: nowrap;
}

.stocks-empty[b-g6u0yg8kmo] {
    padding: 2.25rem 1rem;
    text-align: center;
    color: var(--g-text-muted);
}

.stocks-table-wrap[b-g6u0yg8kmo] {
    overflow-x: auto;
}

.stocks-table[b-g6u0yg8kmo] {
    width: 100%;
    border-collapse: collapse;
}

.stocks-table th[b-g6u0yg8kmo],
.stocks-table td[b-g6u0yg8kmo] {
    padding: 0.9rem 0.65rem;
    border-bottom: 1px solid var(--g-border);
    vertical-align: top;
    text-align: left;
    font-size: 0.92rem;
    color: var(--g-text);
}

.stocks-table th[b-g6u0yg8kmo] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--g-text-muted);
}

.stocks-name-cell[b-g6u0yg8kmo] {
    display: grid;
    gap: 0.25rem;
}

.stocks-name-cell span[b-g6u0yg8kmo] {
    color: var(--g-text-muted);
    font-size: 0.82rem;
}

.stocks-status[b-g6u0yg8kmo] {
    display: inline-flex;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.stocks-status.active[b-g6u0yg8kmo] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.stocks-status.inactive[b-g6u0yg8kmo] {
    background: var(--g-hold-wash);
    color: var(--g-hold);
}

.stocks-status.notavailable[b-g6u0yg8kmo],
.stocks-status.disabled[b-g6u0yg8kmo] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
}

.stocks-actions-cell[b-g6u0yg8kmo] {
    width: 1%;
    white-space: nowrap;
}

.stocks-pager[b-g6u0yg8kmo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    color: var(--g-text-muted);
    font-size: 0.9rem;
}

.stocks-pager-actions[b-g6u0yg8kmo] {
    display: flex;
    gap: 0.5rem;
}

.stocks-modal[b-g6u0yg8kmo] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    z-index: 1100;
}

.stocks-modal.is-open[b-g6u0yg8kmo] {
    display: flex;
}

.stocks-modal-backdrop[b-g6u0yg8kmo] {
    position: absolute;
    inset: 0;
    background: rgba(11, 15, 20, 0.5);
    backdrop-filter: blur(4px);
}

.stocks-modal-card[b-g6u0yg8kmo] {
    position: relative;
    width: min(820px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    z-index: 1;
}

.stocks-modal-header-actions[b-g6u0yg8kmo] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stocks-editor-header[b-g6u0yg8kmo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.stocks-editor-header h2[b-g6u0yg8kmo] {
    margin: 0;
    color: var(--g-text);
}

.stocks-editor-header p[b-g6u0yg8kmo],
.stocks-muted[b-g6u0yg8kmo] {
    margin: 0.35rem 0 0;
    color: var(--g-text-muted);
}

.stocks-form-grid[b-g6u0yg8kmo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.stocks-field[b-g6u0yg8kmo] {
    display: grid;
    gap: 0.4rem;
}

.stocks-field label[b-g6u0yg8kmo] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--g-text-muted);
}

.stocks-field-full[b-g6u0yg8kmo] {
    grid-column: 1 / -1;
}

.stocks-field-checkbox[b-g6u0yg8kmo] {
    grid-column: 1 / -1;
    padding-top: 0.5rem;
}

.stocks-checkbox-label[b-g6u0yg8kmo] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.9rem;
    color: var(--g-text);
    cursor: pointer;
}

.stocks-validation[b-g6u0yg8kmo] {
    margin: 1rem 0;
    color: var(--g-alert);
    font-size: 0.9rem;
}

.stocks-form-actions[b-g6u0yg8kmo] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

@@media (max-width: 1100px) {
    .stocks-grid[b-g6u0yg8kmo] {
        grid-template-columns: 1fr;
    }
}

@@media (max-width: 820px) {
    .stocks-header[b-g6u0yg8kmo],
    .stocks-pager[b-g6u0yg8kmo],
    .stocks-editor-header[b-g6u0yg8kmo] {
        flex-direction: column;
        align-items: stretch;
    }

    .stocks-toolbar[b-g6u0yg8kmo],
    .stocks-form-grid[b-g6u0yg8kmo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Customer/Licenses.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.licenses-container[b-l38ep0cnaj] {
    max-width: 900px;
}

.page-title[b-l38ep0cnaj] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--g-text);
}

.subtitle[b-l38ep0cnaj] {
    color: var(--g-text-muted);
    margin-bottom: 2rem;
}

.license-section[b-l38ep0cnaj] {
    margin-bottom: 2.5rem;
}

.section-heading[b-l38ep0cnaj] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--g-text);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--g-border);
}

.table-wrapper[b-l38ep0cnaj] {
    overflow-x: auto;
}

.license-table[b-l38ep0cnaj] {
    width: 100%;
    border-collapse: collapse;
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--g-shadow-1);
}

.license-table th[b-l38ep0cnaj],
.license-table td[b-l38ep0cnaj] {
    text-align: left;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    color: var(--g-text);
    border-bottom: 1px solid var(--g-border);
    white-space: nowrap;
}

.license-table th[b-l38ep0cnaj] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--g-text-muted);
    font-weight: 600;
    background: var(--g-surface-2);
}

.license-table tbody tr:last-child td[b-l38ep0cnaj] {
    border-bottom: none;
}

.table-key[b-l38ep0cnaj] {
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    color: var(--g-text);
}

.table-actions[b-l38ep0cnaj] {
    text-align: right;
}

.btn-copy-sm[b-l38ep0cnaj] {
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
}

.empty-state-inline[b-l38ep0cnaj] {
    padding: 1.5rem;
    text-align: left;
    background: var(--g-surface-2);
    border: 1px dashed var(--g-border);
    border-radius: 8px;
    margin-bottom: 2.5rem;
}

.license-card[b-l38ep0cnaj] {
    background: var(--g-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--g-shadow-1);
    border: 1px solid var(--g-border);
}

.license-header[b-l38ep0cnaj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.license-header h3[b-l38ep0cnaj] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    color: var(--g-text);
}

.badge[b-l38ep0cnaj] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-trial[b-l38ep0cnaj] {
    background: var(--g-hold-wash);
    color: var(--g-hold);
}

.badge-active[b-l38ep0cnaj] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.badge-expired[b-l38ep0cnaj], .badge-revoked[b-l38ep0cnaj] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
}

.btn-copy[b-l38ep0cnaj] {
    padding: 0.5rem 1rem;
    background: var(--g-accent);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.2s;
}

.btn-copy:hover[b-l38ep0cnaj] {
    background: var(--g-accent-hover);
}

.license-key[b-l38ep0cnaj] {
    background: var(--g-surface-2);
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    border: 1px solid var(--g-border);
}

.license-key code[b-l38ep0cnaj] {
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    color: var(--g-text);
    word-break: break-all;
}

.license-details[b-l38ep0cnaj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--g-border);
}

.detail label[b-l38ep0cnaj] {
    display: block;
    font-size: 0.85rem;
    color: var(--g-text-muted);
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.detail span[b-l38ep0cnaj] {
    font-size: 0.95rem;
    color: var(--g-text);
}

.devices-section h4[b-l38ep0cnaj] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    color: var(--g-text);
}

.devices-list[b-l38ep0cnaj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.device-item[b-l38ep0cnaj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--g-surface-2);
    border-radius: 6px;
    border: 1px solid var(--g-border);
}

.device-name[b-l38ep0cnaj] {
    font-weight: 500;
    color: var(--g-text);
    margin-bottom: 0.25rem;
}

.device-meta[b-l38ep0cnaj] {
    font-size: 0.85rem;
    color: var(--g-text-muted);
}

.device-actions[b-l38ep0cnaj] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.status-active[b-l38ep0cnaj] {
    color: var(--g-live);
    font-size: 0.875rem;
    font-weight: 500;
}

.status-inactive[b-l38ep0cnaj] {
    color: var(--g-text-muted);
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-deactivate[b-l38ep0cnaj] {
    padding: 0.4rem 0.875rem;
    background: var(--g-surface);
    border: 1px solid var(--g-alert);
    color: var(--g-alert);
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.btn-deactivate:hover[b-l38ep0cnaj] {
    background: var(--g-alert);
    color: white;
}

.empty-state[b-l38ep0cnaj] {
    text-align: center;
    padding: 3rem;
    color: var(--g-text-muted);
}

.alert[b-l38ep0cnaj] {
    padding: 1rem;
    border-radius: 6px;
    margin-top: 1rem;
}

.alert-success[b-l38ep0cnaj] {
    background: var(--g-live-wash);
    color: var(--g-live);
    border: 1px solid var(--g-live-wash);
}

.alert-danger[b-l38ep0cnaj] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
    border: 1px solid var(--g-alert-wash);
}
/* /Components/Pages/Customer/Pricing/TaxAndDeductions.razor.rz.scp.css */
.tax-shell[b-v4jkhz9s2o] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 68rem;
}

.tax-header h1[b-v4jkhz9s2o] {
    margin: 0 0 0.25rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.tax-header p[b-v4jkhz9s2o] {
    margin: 0;
    color: var(--g-text-muted, #64748b);
    font-size: 0.875rem;
}

.tax-card[b-v4jkhz9s2o] {
    background: var(--g-surface, #fff);
    border: 1px solid var(--g-border, #e2e8f0);
    border-radius: 0.75rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tax-card h2[b-v4jkhz9s2o] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.tax-hint[b-v4jkhz9s2o],
.tax-summary[b-v4jkhz9s2o] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--g-text-muted, #64748b);
}

.tax-summary[b-v4jkhz9s2o] {
    font-style: italic;
}

.tax-check[b-v4jkhz9s2o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.tax-field[b-v4jkhz9s2o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tax-field label[b-v4jkhz9s2o] {
    min-width: 6rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.tax-field input[b-v4jkhz9s2o],
.tax-field select[b-v4jkhz9s2o] {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--g-border, #e2e8f0);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    min-width: 12rem;
}

.tax-field input:disabled[b-v4jkhz9s2o],
.tax-field select:disabled[b-v4jkhz9s2o] {
    background: var(--g-surface-muted, #f1f5f9);
    color: var(--g-text-muted, #94a3b8);
}

.tax-primary[b-v4jkhz9s2o],
.tax-secondary[b-v4jkhz9s2o] {
    align-self: flex-start;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
}

.tax-primary[b-v4jkhz9s2o] {
    background: var(--g-primary, #2563eb);
    color: #fff;
}

.tax-secondary[b-v4jkhz9s2o] {
    background: transparent;
    border-color: var(--g-border, #e2e8f0);
    color: inherit;
}

.tax-primary:disabled[b-v4jkhz9s2o],
.tax-secondary:disabled[b-v4jkhz9s2o] {
    opacity: 0.6;
    cursor: not-allowed;
}

.tax-alert[b-v4jkhz9s2o] {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.tax-alert.success[b-v4jkhz9s2o] {
    background: #ecfdf5;
    color: #065f46;
}

.tax-alert.error[b-v4jkhz9s2o] {
    background: #fef2f2;
    color: #991b1b;
}

.tax-empty[b-v4jkhz9s2o] {
    padding: 1.5rem;
    text-align: center;
    color: var(--g-text-muted, #64748b);
    font-size: 0.875rem;
}

.tax-table-wrap[b-v4jkhz9s2o] {
    overflow-x: auto;
}

.tax-table[b-v4jkhz9s2o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.tax-table th[b-v4jkhz9s2o],
.tax-table td[b-v4jkhz9s2o] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--g-border, #e2e8f0);
}

.tax-table th[b-v4jkhz9s2o] {
    font-weight: 600;
    color: var(--g-text-muted, #64748b);
}

.tax-actions[b-v4jkhz9s2o] {
    display: flex;
    gap: 0.5rem;
}

.tax-actions button[b-v4jkhz9s2o] {
    padding: 0.25rem 0.6rem;
    border-radius: 0.25rem;
    border: 1px solid var(--g-border, #e2e8f0);
    background: transparent;
    font-size: 0.75rem;
    cursor: pointer;
}

.tax-actions button.danger[b-v4jkhz9s2o] {
    color: #b91c1c;
    border-color: #fecaca;
}

.tax-add-row[b-v4jkhz9s2o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.tax-add-row input[b-v4jkhz9s2o],
.tax-add-row select[b-v4jkhz9s2o] {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--g-border, #e2e8f0);
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.tax-add-row input[type="text"][b-v4jkhz9s2o] {
    flex: 1 1 16rem;
}
/* /Components/Pages/Customer/Settings.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.settings-shell[b-y6x51gpajf] {
    max-width: 1180px;
}

.settings-hero[b-y6x51gpajf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.75rem;
    padding: 1.35rem 1.5rem;
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    background: linear-gradient(135deg, var(--g-accent-wash), var(--g-surface));
    box-shadow: var(--g-shadow-1);
}

.page-title[b-y6x51gpajf] {
    margin: 0 0 0.4rem;
    font-size: 2rem;
    color: var(--g-text);
}

.subtitle[b-y6x51gpajf] {
    margin: 0;
    color: var(--g-text-muted);
    font-size: 0.98rem;
    line-height: 1.5;
}

.settings-hero-note[b-y6x51gpajf] {
    max-width: 22rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--g-accent-wash);
    border-radius: 14px;
    background: var(--g-surface);
    color: var(--g-text);
    font-size: 0.92rem;
    line-height: 1.5;
}

.settings-grid[b-y6x51gpajf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.settings-card[b-y6x51gpajf] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
}

.settings-card h3[b-y6x51gpajf] {
    margin: 0 0 0.8rem;
    font-size: 1.25rem;
    color: var(--g-text);
    border-bottom: 2px solid var(--g-accent);
    padding-bottom: 0.75rem;
}

.settings-card-intro[b-y6x51gpajf] {
    margin: 0 0 1.25rem;
    color: var(--g-text-muted);
    font-size: 0.92rem;
    line-height: 1.5;
}

.form-group[b-y6x51gpajf] {
    margin-bottom: 1.25rem;
}

.form-group label[b-y6x51gpajf] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--g-text);
    font-size: 0.92rem;
}

.field-hint[b-y6x51gpajf] {
    margin-top: 0.45rem;
    color: var(--g-text-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.settings-shell[b-y6x51gpajf]  .form-control {
    width: 100%;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--g-border);
    border-radius: 12px;
    background: var(--g-surface-2);
    color: var(--g-text);
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.settings-shell[b-y6x51gpajf]  .form-control:focus {
    outline: none;
    border-color: var(--g-accent);
    background: var(--g-surface);
    box-shadow: 0 0 0 4px var(--g-focus-ring);
}

.btn[b-y6x51gpajf] {
    padding: 0.8rem 1.35rem;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.2s ease, box-shadow 0.2s ease;
    font-size: 0.96rem;
}

.btn-primary[b-y6x51gpajf] {
    background: var(--g-accent);
    color: var(--g-surface);
    box-shadow: 0 10px 18px var(--g-accent-wash);
}

.btn-primary:hover:not(:disabled)[b-y6x51gpajf] {
    background: var(--g-accent-hover);
    transform: translateY(-1px);
}

.btn:disabled[b-y6x51gpajf] {
    opacity: 0.65;
    cursor: not-allowed;
    box-shadow: none;
}

.alert[b-y6x51gpajf] {
    padding: 0.9rem 1rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    font-size: 0.92rem;
}

.alert-success[b-y6x51gpajf] {
    background: var(--g-accent-wash);
    color: var(--g-accent-hover);
    border: 1px solid var(--g-accent-wash);
}

.alert-danger[b-y6x51gpajf] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
    border: 1px solid var(--g-alert-wash);
}

@@media (max-width: 900px) {
    .settings-hero[b-y6x51gpajf] {
        flex-direction: column;
    }

    .settings-hero-note[b-y6x51gpajf] {
        max-width: none;
    }
}

@@media (max-width: 640px) {
    .settings-grid[b-y6x51gpajf] {
        grid-template-columns: 1fr;
    }

    .settings-card[b-y6x51gpajf] {
        padding: 1.25rem;
    }
}
/* /Components/Pages/Customer/Subscription.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.subscription-container[b-s13reahmis] {
    max-width: 1100px;
}

.page-title[b-s13reahmis] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--g-text);
}

.subtitle[b-s13reahmis] {
    color: var(--g-text-muted);
    margin-bottom: 2rem;
}

.card[b-s13reahmis] {
    background: var(--g-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--g-shadow-1);
    border: 1px solid var(--g-border);
}

.card h3[b-s13reahmis] {
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
    color: var(--g-text);
}

.card p[b-s13reahmis] {
    color: var(--g-text-muted);
    margin-bottom: 1rem;
}

.current-plan-card[b-s13reahmis] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.plan-name[b-s13reahmis] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--g-text);
    margin-bottom: 0.35rem;
}

.status-text[b-s13reahmis] {
    margin-bottom: 0;
}

.status-metrics[b-s13reahmis] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.status-chip[b-s13reahmis] {
    padding: 0.6rem 0.85rem;
    border-radius: 999px;
    background: var(--g-surface-2);
    color: var(--g-text);
    font-size: 0.9rem;
    font-weight: 600;
}

.status-chip-accent[b-s13reahmis] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.info-card[b-s13reahmis] {
    background: var(--g-surface-2);
    border: 1px solid var(--g-border);
}

.plan-section[b-s13reahmis] {
    margin-bottom: 1.5rem;
}

.section-header[b-s13reahmis] {
    margin-bottom: 1rem;
}

.section-header h2[b-s13reahmis] {
    margin: 0 0 0.35rem 0;
    font-size: 1.4rem;
    color: var(--g-text);
}

.section-header p[b-s13reahmis] {
    margin: 0;
    color: var(--g-text-muted);
}

.pricing-grid[b-s13reahmis] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.btn[b-s13reahmis] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-primary[b-s13reahmis] {
    background: var(--g-live);
    color: white;
}

.btn-primary:hover[b-s13reahmis] {
    background: var(--g-live);
}

@@media (max-width: 768px) {
    .current-plan-card[b-s13reahmis] {
        flex-direction: column;
    }

    .status-metrics[b-s13reahmis] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Customer/Support.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.support-shell[b-ry0wqqs0tl] {
    max-width: 1200px;
}

.support-hero[b-ry0wqqs0tl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.75rem;
    padding: 1.5rem;
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-lg);
    background: linear-gradient(135deg, var(--g-accent-wash), var(--g-surface));
    box-shadow: var(--g-shadow-1);
}

.support-eyebrow[b-ry0wqqs0tl] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: var(--g-surface);
    color: var(--g-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.9rem;
}

.page-title[b-ry0wqqs0tl] {
    margin: 0 0 0.45rem;
    font-size: 2rem;
    color: var(--g-text);
}

.subtitle[b-ry0wqqs0tl] {
    margin: 0;
    max-width: 52rem;
    color: var(--g-text-muted);
    font-size: 0.98rem;
    line-height: 1.6;
}

.support-hero-note[b-ry0wqqs0tl] {
    max-width: 24rem;
    padding: 1.05rem 1.1rem;
    border: 1px solid var(--g-accent-wash);
    border-radius: 18px;
    background: var(--g-surface);
}

.support-hero-note h2[b-ry0wqqs0tl] {
    margin: 0 0 0.55rem;
    font-size: 1.05rem;
    color: var(--g-text);
}

.support-hero-note p[b-ry0wqqs0tl] {
    margin: 0 0 0.85rem;
    color: var(--g-text-muted);
    line-height: 1.55;
    font-size: 0.92rem;
}

.support-link-inline[b-ry0wqqs0tl] {
    color: var(--g-accent);
    text-decoration: none;
    font-weight: 600;
}

.support-grid[b-ry0wqqs0tl] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 1.5rem;
}

.support-card[b-ry0wqqs0tl] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
}

.support-card-form[b-ry0wqqs0tl] {
    grid-row: span 2;
}

.support-card-header[b-ry0wqqs0tl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

.support-card-header.compact[b-ry0wqqs0tl] {
    margin-bottom: 1rem;
}

.support-card-header h2[b-ry0wqqs0tl] {
    margin: 0 0 0.45rem;
    font-size: 1.3rem;
    color: var(--g-text);
}

.support-card-header p[b-ry0wqqs0tl] {
    margin: 0;
    color: var(--g-text-muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.support-badge[b-ry0wqqs0tl] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: var(--g-surface-2);
    color: var(--g-accent);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.support-form-group[b-ry0wqqs0tl] {
    margin-bottom: 1.2rem;
}

.support-form-group label[b-ry0wqqs0tl] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--g-text);
    font-size: 0.92rem;
    font-weight: 600;
}

/* ::deep, and it has to be.
   The subject, message and reply-to fields are <InputText>/<InputTextArea>, and a
   child component renders its own <input>/<textarea> — those elements never receive
   THIS component's scope attribute. Written plainly, `.support-input` compiles to
   `.support-input[b-…]` and matches nothing at all, which is why the form rendered
   as three raw browser controls while every label and card around them was styled.
   `::deep` anchors the rule on `.support-form-group`, which is this component's own
   markup and does carry the attribute, and lets it reach the child's element. */
.support-form-group[b-ry0wqqs0tl]  .support-input {
    width: 100%;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--g-border);
    border-radius: 14px;
    background: var(--g-surface-2);
    color: var(--g-text);
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    font-family: inherit;
}

.support-form-group[b-ry0wqqs0tl]  .support-textarea {
    min-height: 10rem;
    resize: vertical;
}

.support-form-group[b-ry0wqqs0tl]  .support-input:focus {
    outline: none;
    border-color: var(--g-accent);
    background: var(--g-surface);
    box-shadow: 0 0 0 4px var(--g-focus-ring);
}

/* Blazor stamps validation state straight onto the same child-rendered element. */
.support-form-group[b-ry0wqqs0tl]  .support-input.invalid {
    border-color: var(--g-alert);
}

.support-submit[b-ry0wqqs0tl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 12rem;
    padding: 0.85rem 1.5rem;
    border: none;
    border-radius: 14px;
    background: var(--g-accent);
    color: var(--g-surface);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s, opacity 0.2s;
    font-size: 1rem;
}

.support-submit:hover:not(:disabled)[b-ry0wqqs0tl] {
    background: var(--g-accent-hover);
    transform: translateY(-1px);
}

.support-submit:disabled[b-ry0wqqs0tl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.support-alert[b-ry0wqqs0tl] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    border: 1px solid transparent;
    line-height: 1.55;
}

.support-alert.success[b-ry0wqqs0tl] {
    background: var(--g-live-wash);
    color: var(--g-live);
    border-color: var(--g-live-wash);
}

.support-alert.error[b-ry0wqqs0tl] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
    border-color: var(--g-alert-wash);
}

.support-faq-list[b-ry0wqqs0tl] {
    display: grid;
    gap: 1rem;
}

.support-faq-item[b-ry0wqqs0tl] {
    padding-top: 1rem;
    border-top: 1px solid var(--g-border);
}

.support-faq-item:first-child[b-ry0wqqs0tl] {
    padding-top: 0;
    border-top: none;
}

.support-faq-item h3[b-ry0wqqs0tl] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: var(--g-text);
    font-weight: 600;
}

.support-faq-item p[b-ry0wqqs0tl] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--g-text-muted);
    line-height: 1.6;
}

.support-doc-grid[b-ry0wqqs0tl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.support-doc-link[b-ry0wqqs0tl] {
    display: block;
    padding: 1rem 1.05rem;
    border: 1px solid var(--g-border);
    border-radius: 18px;
    background: linear-gradient(180deg, var(--g-surface-2), var(--g-surface));
    text-decoration: none;
    transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.support-doc-link:hover[b-ry0wqqs0tl] {
    transform: translateY(-2px);
    border-color: var(--g-accent-wash);
    box-shadow: 0 18px 32px var(--g-border);
}

.support-doc-kicker[b-ry0wqqs0tl] {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--g-accent);
}

.support-doc-link strong[b-ry0wqqs0tl] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--g-text);
    font-size: 1rem;
}

.support-doc-link p[b-ry0wqqs0tl] {
    margin: 0 0 0.9rem;
    color: var(--g-text-muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.support-doc-cta[b-ry0wqqs0tl],
.support-contact-list a[b-ry0wqqs0tl],
.support-shortcuts a[b-ry0wqqs0tl],
.support-link-inline[b-ry0wqqs0tl] {
    color: var(--g-accent);
    text-decoration: none;
    font-weight: 600;
}

.support-doc-cta[b-ry0wqqs0tl],
.support-contact-list span[b-ry0wqqs0tl],
.support-shortcuts a[b-ry0wqqs0tl] {
    font-size: 0.92rem;
}

.support-contact-list[b-ry0wqqs0tl] {
    display: grid;
    gap: 1rem;
}

.support-contact-method[b-ry0wqqs0tl] {
    padding-top: 1rem;
    border-top: 1px solid var(--g-border);
}

.support-contact-method:first-child[b-ry0wqqs0tl] {
    padding-top: 0;
    border-top: none;
}

.support-contact-label[b-ry0wqqs0tl] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--g-text);
    font-size: 0.92rem;
    font-weight: 700;
}

.support-contact-method span:not(.support-contact-label)[b-ry0wqqs0tl] {
    color: var(--g-text-muted);
    line-height: 1.55;
}

.support-shortcuts[b-ry0wqqs0tl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.support-doc-cta:hover[b-ry0wqqs0tl],
.support-contact-list a:hover[b-ry0wqqs0tl],
.support-shortcuts a:hover[b-ry0wqqs0tl],
.support-link-inline:hover[b-ry0wqqs0tl] {
    text-decoration: underline;
}

@@media (max-width: 1024px) {
    .support-hero[b-ry0wqqs0tl] {
        flex-direction: column;
    }

    .support-hero-note[b-ry0wqqs0tl] {
        max-width: none;
    }

    .support-grid[b-ry0wqqs0tl] {
        grid-template-columns: 1fr;
    }

    .support-card-form[b-ry0wqqs0tl] {
        grid-row: auto;
    }
}

@@media (max-width: 640px) {
    .support-card[b-ry0wqqs0tl],
    .support-hero[b-ry0wqqs0tl] {
        padding: 1.2rem;
    }

    .support-card-header[b-ry0wqqs0tl] {
        flex-direction: column;
    }

    .support-submit[b-ry0wqqs0tl] {
        width: 100%;
    }
}
/* /Components/Pages/Customer/Users.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.users-shell[b-f1p1ru37z0] {
    max-width: 1280px;
    display: grid;
    gap: 1.25rem;
}

.users-header[b-f1p1ru37z0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}

.users-header h1[b-f1p1ru37z0] {
    margin: 0;
    font-size: 2rem;
    color: var(--g-text);
}

.users-header p[b-f1p1ru37z0] {
    margin: 0.35rem 0 0;
    color: var(--g-text-muted);
}

.users-grid[b-f1p1ru37z0] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(320px, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.users-card[b-f1p1ru37z0] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 18px;
    box-shadow: var(--g-shadow-1);
    padding: 1.25rem;
}

.users-list-card[b-f1p1ru37z0] {
    grid-column: 1 / -1;
}

.users-toolbar[b-f1p1ru37z0] {
    display: grid;
    grid-template-columns: minmax(220px, 1.8fr) repeat(2, minmax(140px, 0.9fr)) auto auto;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.users-shell[b-f1p1ru37z0]  .users-input,
.users-shell[b-f1p1ru37z0]  .users-select {
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--g-border);
    border-radius: 12px;
    font-size: 0.95rem;
    background: var(--g-surface);
    color: var(--g-text);
}

.users-primary[b-f1p1ru37z0],
.users-secondary[b-f1p1ru37z0],
.users-ghost[b-f1p1ru37z0],
.users-link[b-f1p1ru37z0] {
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.users-primary[b-f1p1ru37z0] {
    padding: 0.8rem 1.1rem;
    background: var(--g-accent);
    color: var(--g-surface);
    box-shadow: 0 12px 24px var(--g-accent-wash);
}

.users-secondary[b-f1p1ru37z0],
.users-ghost[b-f1p1ru37z0] {
    padding: 0.8rem 1rem;
    background: var(--g-surface-2);
    color: var(--g-text);
}

.users-link[b-f1p1ru37z0] {
    padding: 0;
    background: transparent;
    color: var(--g-accent);
}

.users-link.danger[b-f1p1ru37z0] {
    color: var(--g-alert);
}

.users-primary:hover:not(:disabled)[b-f1p1ru37z0],
.users-secondary:hover:not(:disabled)[b-f1p1ru37z0],
.users-ghost:hover:not(:disabled)[b-f1p1ru37z0] {
    transform: translateY(-1px);
}

.users-primary:disabled[b-f1p1ru37z0],
.users-secondary:disabled[b-f1p1ru37z0],
.users-ghost:disabled[b-f1p1ru37z0] {
    opacity: 0.6;
    cursor: not-allowed;
}

.users-alert[b-f1p1ru37z0] {
    padding: 0.9rem 1rem;
    border-radius: 14px;
    font-weight: 500;
}

.users-alert.success[b-f1p1ru37z0] {
    background: var(--g-live-wash);
    border: 1px solid var(--g-live-wash);
    color: var(--g-live);
}

.users-alert.error[b-f1p1ru37z0] {
    background: var(--g-alert-wash);
    border: 1px solid var(--g-alert-wash);
    color: var(--g-alert);
}

.users-empty[b-f1p1ru37z0] {
    padding: 2.25rem 1rem;
    text-align: center;
    color: var(--g-text-muted);
}

.users-table-wrap[b-f1p1ru37z0] {
    overflow-x: auto;
}

.users-table[b-f1p1ru37z0] {
    width: 100%;
    border-collapse: collapse;
}

.users-table th[b-f1p1ru37z0],
.users-table td[b-f1p1ru37z0] {
    padding: 0.9rem 0.65rem;
    border-bottom: 1px solid var(--g-border);
    vertical-align: top;
    text-align: left;
    font-size: 0.92rem;
    color: var(--g-text);
}

.users-table th[b-f1p1ru37z0] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--g-text-muted);
}

.users-name-cell[b-f1p1ru37z0] {
    display: grid;
    gap: 0.25rem;
}

.users-name-cell span[b-f1p1ru37z0] {
    color: var(--g-text-muted);
    font-size: 0.82rem;
}

.users-status[b-f1p1ru37z0] {
    display: inline-flex;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.users-status.active[b-f1p1ru37z0] {
    background: var(--g-live-wash);
    color: var(--g-live);
}

.users-status.inactive[b-f1p1ru37z0] {
    background: var(--g-hold-wash);
    color: var(--g-hold);
}

.users-status.deactivated[b-f1p1ru37z0],
.users-status.blocked[b-f1p1ru37z0] {
    background: var(--g-alert-wash);
    color: var(--g-alert);
}

.users-actions-cell[b-f1p1ru37z0] {
    width: 1%;
    white-space: nowrap;
}

.users-pager[b-f1p1ru37z0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    color: var(--g-text-muted);
    font-size: 0.9rem;
}

.users-pager-actions[b-f1p1ru37z0] {
    display: flex;
    gap: 0.5rem;
}

.users-modal[b-f1p1ru37z0] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    z-index: 1100;
}

.users-modal.is-open[b-f1p1ru37z0] {
    display: flex;
}

.users-modal-backdrop[b-f1p1ru37z0] {
    position: absolute;
    inset: 0;
    background: rgba(11, 15, 20, 0.5);
    backdrop-filter: blur(4px);
}

.users-modal-card[b-f1p1ru37z0] {
    position: relative;
    width: min(760px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
    z-index: 1;
}

.users-modal-header-actions[b-f1p1ru37z0] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.users-editor-header[b-f1p1ru37z0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.users-editor-header h2[b-f1p1ru37z0] {
    margin: 0;
    color: var(--g-text);
}

.users-editor-header p[b-f1p1ru37z0],
.users-muted[b-f1p1ru37z0] {
    margin: 0.35rem 0 0;
    color: var(--g-text-muted);
}

.users-form-grid[b-f1p1ru37z0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.users-field[b-f1p1ru37z0] {
    display: grid;
    gap: 0.4rem;
}

.users-field label[b-f1p1ru37z0],
.users-role-list h3[b-f1p1ru37z0] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--g-text-muted);
}

.users-field-full[b-f1p1ru37z0] {
    grid-column: 1 / -1;
}

.users-validation[b-f1p1ru37z0] {
    margin: 1rem 0;
    color: var(--g-alert);
    font-size: 0.9rem;
}

.users-role-list[b-f1p1ru37z0] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--g-border);
}

.users-role-options[b-f1p1ru37z0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.users-role-option[b-f1p1ru37z0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--g-text);
}

.users-form-actions[b-f1p1ru37z0] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

@@media (max-width: 1100px) {
    .users-grid[b-f1p1ru37z0] {
        grid-template-columns: 1fr;
    }
}

@@media (max-width: 820px) {
    .users-header[b-f1p1ru37z0],
    .users-pager[b-f1p1ru37z0],
    .users-editor-header[b-f1p1ru37z0] {
        flex-direction: column;
        align-items: stretch;
    }

    .users-toolbar[b-f1p1ru37z0],
    .users-form-grid[b-f1p1ru37z0] {
        grid-template-columns: 1fr;
    }

    .users-role-options[b-f1p1ru37z0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-py1p44uqnb] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 2rem;
}

.error-container[b-py1p44uqnb] {
    background: white;
    border-radius: 1rem;
    padding: 3rem 2rem;
    max-width: 600px;
    width: 100%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.error-icon[b-py1p44uqnb] {
    font-size: 5rem;
    margin-bottom: 1.5rem;
    animation: pulse-b-py1p44uqnb 2s ease-in-out infinite;
}

@keyframes pulse-b-py1p44uqnb {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.error-heading[b-py1p44uqnb] {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 1rem 0;
}

.error-description[b-py1p44uqnb] {
    font-size: 1.125rem;
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 2rem 0;
}

.error-reference[b-py1p44uqnb] {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 2rem;
    text-align: left;
}

.error-reference strong[b-py1p44uqnb] {
    display: block;
    margin-bottom: 0.5rem;
    color: #374151;
    font-size: 0.875rem;
}

.error-reference code[b-py1p44uqnb] {
    font-family: 'Courier New', monospace;
    background-color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #d1d5db;
    display: inline-block;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    word-break: break-all;
}

.reference-note[b-py1p44uqnb] {
    margin: 0.75rem 0 0 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.error-actions[b-py1p44uqnb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.btn[b-py1p44uqnb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    text-decoration: none;
}

.btn-primary[b-py1p44uqnb] {
    background-color: var(--g-accent);
    color: white;
}

.btn-primary:hover[b-py1p44uqnb] {
    background-color: var(--g-accent-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.btn-secondary[b-py1p44uqnb] {
    background-color: #6b7280;
    color: white;
}

.btn-secondary:hover[b-py1p44uqnb] {
    background-color: #4b5563;
    transform: translateY(-1px);
}

.btn-outline[b-py1p44uqnb] {
    background-color: transparent;
    color: #374151;
    border: 2px solid #d1d5db;
}

.btn-outline:hover[b-py1p44uqnb] {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

.btn-icon[b-py1p44uqnb] {
    font-size: 1.25rem;
}

.error-dev-info[b-py1p44uqnb] {
    text-align: left;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.error-dev-info summary[b-py1p44uqnb] {
    cursor: pointer;
    font-weight: 600;
    color: #374151;
    padding: 0.5rem;
    user-select: none;
}

.error-dev-info summary:hover[b-py1p44uqnb] {
    color: #1f2937;
}

.dev-content[b-py1p44uqnb] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #f9fafb;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.6;
}

.dev-content p[b-py1p44uqnb] {
    margin: 0 0 0.75rem 0;
}

.dev-content p:last-child[b-py1p44uqnb] {
    margin-bottom: 0;
}

.dev-warning[b-py1p44uqnb] {
    background-color: #fef3c7;
    border: 1px solid #fbbf24;
    padding: 0.75rem;
    border-radius: 0.375rem;
    color: #92400e;
}

@media (min-width: 640px) {
    .error-actions[b-py1p44uqnb] {
        flex-direction: row;
        justify-content: center;
    }

    .btn[b-py1p44uqnb] {
        flex: 0 0 auto;
    }
}
/* /Components/Pages/HowItWorks.razor.rz.scp.css */
/* ── Detailed steps layout ────────────────────────── */
.hiw-steps[b-85t3r1293j] {
    display: grid;
    gap: 2rem;
    max-width: 820px;
    margin: 2rem auto 0;
}

.hiw-step[b-85t3r1293j] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-lg);
    padding: 2rem;
    box-shadow: var(--g-shadow-1);
}

.hiw-step-number[b-85t3r1293j] {
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--g-accent);
    color: var(--g-surface);
    font-size: 1.15rem;
    font-weight: 800;
    box-shadow: var(--g-shadow-1);
}

.hiw-step-body[b-85t3r1293j] {
    flex: 1;
    min-width: 0;
}

.hiw-step-body h3[b-85t3r1293j] {
    margin: 0 0 0.35rem;
    font-size: 1.3rem;
}

.hiw-step-summary[b-85t3r1293j] {
    margin: 0 0 1rem;
    color: var(--g-text-muted);
    font-size: 0.95rem;
}

.hiw-step-details[b-85t3r1293j] {
    display: grid;
    gap: 0.85rem;
}

.hiw-detail[b-85t3r1293j] {
    display: grid;
    gap: 0.2rem;
}

.hiw-detail strong[b-85t3r1293j] {
    font-size: 0.88rem;
    color: var(--g-text);
}

.hiw-detail span[b-85t3r1293j] {
    font-size: 0.88rem;
    color: var(--g-text-muted);
    line-height: 1.55;
}

/* ── Capabilities cards ──────────────────────────── */
.hiw-capabilities[b-85t3r1293j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    margin-top: 0.5rem;
}

.hiw-cap-card[b-85t3r1293j] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.hiw-cap-card:hover[b-85t3r1293j] {
    transform: translateY(-2px);
    box-shadow: var(--g-shadow-2);
}

.hiw-cap-highlight[b-85t3r1293j] {
    border-color: var(--g-accent);
    background: linear-gradient(135deg, var(--g-accent-wash), var(--g-surface));
}

.hiw-cap-phase[b-85t3r1293j] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--g-accent);
    margin-bottom: 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--g-border);
}

.hiw-cap-list[b-85t3r1293j] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.6rem;
}

.hiw-cap-list li[b-85t3r1293j] {
    padding-left: 1.3rem;
    position: relative;
    font-size: 0.9rem;
    color: var(--g-text-muted);
    line-height: 1.5;
}

.hiw-cap-list li[b-85t3r1293j]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--g-accent);
    opacity: 0.6;
}

/* ── FAQ ──────────────────────────────────────────── */
.hiw-faq[b-85t3r1293j] {
    max-width: 740px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

.hiw-faq-item[b-85t3r1293j] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 1.25rem 1.5rem;
    transition: box-shadow 0.2s;
}

.hiw-faq-item:hover[b-85t3r1293j] {
    box-shadow: var(--g-shadow-1);
}

.hiw-faq-item h3[b-85t3r1293j] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    color: var(--g-text);
}

.hiw-faq-item p[b-85t3r1293j] {
    margin: 0;
    font-size: 0.92rem;
    color: var(--g-text-muted);
    line-height: 1.6;
}

/* ── Responsive ───────────────────────────────────── */
@@media (max-width: 768px) {
    .hiw-step[b-85t3r1293j] {
        flex-direction: column;
        align-items: stretch;
        padding: 1.5rem;
    }

    .hiw-step-number[b-85t3r1293j] {
        width: 2.6rem;
        height: 2.6rem;
        font-size: 1rem;
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* .section-header and .final-cta are owned by marketing.css.
   They used to be redefined here too, and the scoped copies won — Blazor
   compiles scoped rules to `[b-v4m6b1iamw]` attribute selectors, which outrank
   a plain class no matter what order the sheets load in. So this file quietly
   held the pre-redesign look: a centred 48px heading, and a gradient CTA panel.

   The gradient one was the visible bug. It set `color: white` on the panel, but
   marketing.css targets the paragraph directly with `.final-cta p { color:
   var(--g-text-muted) }` — and a direct rule always beats an inherited value,
   whatever the parent's specificity. Dark muted text on a blue gradient, plus a
   .public-btn-outline whose near-black label is meant for a light ground.

   .billing-toggle / .toggle-btn / .save-badge went with them: no markup in
   Pricing.razor has used those classes since the billing switch was removed. */

.pricing-grid[b-v4m6b1iamw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin: 48px 0;
}

.comparison-section[b-v4m6b1iamw] {
    margin: 64px 0;
}

.comparison-section h2[b-v4m6b1iamw] {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 32px 0;
}

.faq-section[b-v4m6b1iamw] {
    margin: 64px 0;
}

.faq-section h2[b-v4m6b1iamw] {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 48px 0;
}

.faq-grid[b-v4m6b1iamw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 32px;
}

.faq-item h3[b-v4m6b1iamw] {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: var(--g-text);
}

.faq-item p[b-v4m6b1iamw] {
    color: var(--g-text-muted);
    margin: 0;
    line-height: 1.6;
}

.loading-container[b-v4m6b1iamw] {
    text-align: center;
    padding: 64px 24px;
    color: var(--g-text-muted);
}

@media (max-width: 768px) {
    /* No .section-header override here — marketing.css sizes it with a clamp()
       that already handles this width. A fixed px value would win and undo it. */
    .pricing-grid[b-v4m6b1iamw] {
        grid-template-columns: 1fr;
    }

    .faq-grid[b-v4m6b1iamw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Public/ActivateEmployee.razor.rz.scp.css */
.activation-card[b-4xd1i2pv1b] {
    text-align: left;
}

.activation-status[b-4xd1i2pv1b] {
    margin: 0 0 1rem;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    background: #f3f6fb;
    color: #22344d;
    font-size: 0.95rem;
}

.activation-status.success[b-4xd1i2pv1b] {
    background: #e8f7ef;
    color: #116530;
}

.activation-status.error[b-4xd1i2pv1b] {
    background: #fff2f0;
    color: #b42318;
}

.activation-footer[b-4xd1i2pv1b] {
    margin-top: 1rem;
}
/* /Components/Pages/Public/Download.razor.rz.scp.css */
/* ===========================
   Download Page
   =========================== */

.download-hero[b-awracrlfg9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
}

.download-hero h1[b-awracrlfg9] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 1rem;
    color: var(--g-text);
}

.download-hero p[b-awracrlfg9] {
    font-size: 1.05rem;
    color: var(--g-text-muted);
    line-height: 1.7;
    margin: 0 0 1.5rem;
}

.release-meta[b-awracrlfg9] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1.25rem;
    font-size: 0.82rem;
    color: var(--g-text-muted);
}

/* Responsive */
@media (max-width: 768px) {
    .download-hero[b-awracrlfg9] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}
/* /Components/Pages/Public/Industries/Industries.razor.rz.scp.css */
/* ===========================
   Industries Page
   =========================== */

.industries-grid[b-b4mnc64gas] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 28px;
    margin-top: 48px;
}

.industry-card[b-b4mnc64gas] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 2rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
}

.industry-card:hover[b-b4mnc64gas] {
    transform: translateY(-4px);
    box-shadow: var(--g-shadow-1);
}

.industry-icon[b-b4mnc64gas] {
    width: 56px;
    height: 56px;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--g-accent-wash);
}

.industry-icon svg[b-b4mnc64gas] {
    width: 28px;
    height: 28px;
}

.industry-card h2[b-b4mnc64gas] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
    color: var(--g-text);
    font-family: var(--g-font-ui);
}

.industry-summary[b-b4mnc64gas] {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--g-text-muted);
    margin: 0 0 1.5rem;
}

.industry-card h3[b-b4mnc64gas] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--g-accent);
    margin: 0 0 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--g-border);
}

.industry-card h3:first-of-type[b-b4mnc64gas] {
    border-top: none;
    padding-top: 0;
}

.industry-card ul[b-b4mnc64gas] {
    margin: 0 0 1.25rem;
    padding-left: 1.25rem;
    display: grid;
    gap: 6px;
}

.industry-card ul:last-child[b-b4mnc64gas] {
    margin-bottom: 0;
}

.industry-card li[b-b4mnc64gas] {
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--g-text-muted);
    padding-left: 0.35rem;
}

.industry-card li[b-b4mnc64gas]::marker {
    color: var(--g-accent);
}

.industry-card .hero-actions[b-b4mnc64gas] {
    margin-top: auto;
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.industry-card .hero-actions .public-btn[b-b4mnc64gas] {
    width: 100%;
    justify-content: center;
    padding: 10px 20px;
    font-size: 0.9rem;
}

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

    .industry-card[b-b4mnc64gas] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/Public/PublicInfoPages.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.info-hero[b-4mxaqgflee] {
    display: grid;
    gap: 2rem;
    align-items: start;
}

.info-summary-panel[b-4mxaqgflee] {
    height: fit-content;
}

.info-grid[b-4mxaqgflee] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.info-card[b-4mxaqgflee] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 24px;
    padding: 1.5rem;
    box-shadow: var(--g-shadow-1);
}

.info-card h2[b-4mxaqgflee] {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    color: var(--g-surface);
}

.info-card p[b-4mxaqgflee] {
    margin: 0;
    color: var(--g-text-muted);
}

.info-card .public-list[b-4mxaqgflee] {
    margin-top: 1rem;
    margin-bottom: 0;
}

.info-resources[b-4mxaqgflee] {
    display: grid;
    gap: 1.5rem;
    align-items: start;
}

.resource-list[b-4mxaqgflee] {
    display: grid;
    gap: 1rem;
}

.resource-card[b-4mxaqgflee] {
    display: block;
    padding: 1.25rem 1.5rem;
    border-radius: 20px;
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    box-shadow: var(--g-shadow-1);
    color: inherit;
    text-decoration: none;
}

.resource-card strong[b-4mxaqgflee] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--g-surface);
}

.resource-card span[b-4mxaqgflee] {
    color: var(--g-text-muted);
}

.resource-card:hover[b-4mxaqgflee] {
    transform: translateY(-1px);
    box-shadow: var(--g-shadow-2);
}

@@media (min-width: 900px) {
    .info-hero[b-4mxaqgflee] {
        grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.9fr);
    }

    .info-resources[b-4mxaqgflee] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    }
}
/* /Components/Pages/Public/Signup.razor.rz.scp.css */
/* ===========================
   Signup Page — overrides only
   (base .form-field, .form-hint, .form-actions, .ghost are global in public.css)
   =========================== */

/* Multi-section form card used by the wizard steps */
[b-n0tl1dn3d2] .form-card {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 2rem;
    margin-bottom: 1.5rem;
}

[b-n0tl1dn3d2] .form-card h2 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
    color: var(--g-text);
}

[b-n0tl1dn3d2] .form-field.checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-n0tl1dn3d2] .selected-plan-summary {
    border: 1px solid var(--g-border);
    border-radius: 14px;
    background: var(--g-surface-2);
    padding: 1rem 1.1rem;
}

[b-n0tl1dn3d2] .selected-plan-summary-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

[b-n0tl1dn3d2] .selected-plan-summary-title-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

[b-n0tl1dn3d2] .selected-plan-summary-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--g-text);
}

[b-n0tl1dn3d2] .selected-plan-summary-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: var(--g-accent);
    color: var(--g-surface);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[b-n0tl1dn3d2] .selected-plan-summary-price {
    margin-top: 0.45rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--g-text);
}

[b-n0tl1dn3d2] .selected-plan-summary-description {
    margin: 0.4rem 0 0;
    color: var(--g-text-muted);
}

[b-n0tl1dn3d2] .selected-plan-summary-billing {
    margin-top: 0.3rem;
    color: var(--g-text-muted);
    font-size: 0.9rem;
    font-weight: 600;
}

[b-n0tl1dn3d2] .selected-plan-summary-features {
    margin: 0.85rem 0 0;
    padding-left: 1.15rem;
    color: var(--g-text);
}

[b-n0tl1dn3d2] .selected-plan-summary-features li + li {
    margin-top: 0.35rem;
}

.form-field.checkbox[b-n0tl1dn3d2]  input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    margin: 0;
    align-self: center;
    border: 1.5px solid var(--g-border);
    border-radius: 4px;
    background: var(--g-surface-2);
    cursor: pointer;
    flex: 0 0 16px;
    position: relative;
    box-sizing: border-box;
}

.form-field.checkbox[b-n0tl1dn3d2]  input[type="checkbox"]:checked {
    background: var(--g-accent);
    border-color: var(--g-accent);
}

.form-field.checkbox[b-n0tl1dn3d2]  input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: 2px solid var(--g-surface);
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
/* /Components/Pages/Public/SignupSuccess.razor.rz.scp.css */
/* ===========================
   Signup Success Page
   =========================== */

/* Two-column layout: hero copy + license panel */
.public-page[b-1ik9nvzxw6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
}

@media (max-width: 768px) {
    .public-page[b-1ik9nvzxw6] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

.license-key[b-1ik9nvzxw6] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.license-key input[b-1ik9nvzxw6] {
    flex: 1;
    padding: 0.65rem 0.85rem;
    font-family: "SF Mono", "Fira Code", monospace;
    font-size: 0.9rem;
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-sm);
    background: var(--g-surface-2);
    color: var(--g-text);
}

.license-key button[b-1ik9nvzxw6] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

.field-hint[b-1ik9nvzxw6] {
    font-size: 0.82rem;
    color: var(--g-text-muted);
}
/* /Components/Shared/ActivityFeed.razor.rz.scp.css */
.activity-list[b-pn0enc0ryv] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.9rem;
}

.activity-list li[b-pn0enc0ryv] {
    border-bottom: 1px dashed var(--g-border);
    padding-bottom: 0.75rem;
}

.activity-list li:last-child[b-pn0enc0ryv] {
    border-bottom: none;
}

.activity-meta[b-pn0enc0ryv] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.activity-type[b-pn0enc0ryv] {
    font-weight: 600;
}

.activity-link[b-pn0enc0ryv] {
    color: var(--g-text);
    text-decoration: none;
    font-weight: 500;
}

.activity-error[b-pn0enc0ryv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fbe9e7;
    border: 1px solid #f0b3a7;
    color: #7a2a19;
    padding: 0.6rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.activity-error button[b-pn0enc0ryv] {
    border: none;
    background: #7a2a19;
    color: #fff;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
}

.activity-skeleton[b-pn0enc0ryv] {
    height: 48px;
    border-radius: var(--g-radius-sm);
    background: linear-gradient(120deg, #e6effb 20%, #f7fbff 50%, #e6effb 80%);
    background-size: 200% 100%;
    animation: shimmer-b-pn0enc0ryv 1.6s infinite;
}

@keyframes shimmer-b-pn0enc0ryv {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
/* /Components/Shared/BulkActionBar.razor.rz.scp.css */
.bulk-action-bar[b-4x3szjudzy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 0.75rem 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.bulk-action-summary[b-4x3szjudzy] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.bulk-action-controls[b-4x3szjudzy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.bulk-action-extend[b-4x3szjudzy] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.bulk-action-extend label[b-4x3szjudzy] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.bulk-action-extend input[b-4x3szjudzy] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.4rem 0.6rem;
    border-radius: var(--g-radius-sm);
    width: 90px;
}

.bulk-action-controls button[b-4x3szjudzy] {
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
}
/* /Components/Shared/ButtonCombo.razor.rz.scp.css */
.button-combo[b-2iu8y26g5t] {
    position: relative;
    display: inline-block;
    overflow: visible;
}

.button-combo.is-open[b-2iu8y26g5t] {
    z-index: 10000;
}

.button-combo-trigger[b-2iu8y26g5t] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    min-width: 8.5rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid #d9e3ef;
    border-radius: 12px;
    background: #fff;
    color: #10213a;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(16, 33, 58, 0.08);
    transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.button-combo-trigger:hover[b-2iu8y26g5t] {
    background: #f6f9fd;
    box-shadow: 0 12px 26px rgba(16, 33, 58, 0.12);
    transform: translateY(-1px);
}

.button-combo-trigger:focus-visible[b-2iu8y26g5t] {
    outline: 2px solid #0b5ed7;
    outline-offset: 2px;
}

.button-combo-chevron[b-2iu8y26g5t] {
    color: #6b809d;
    font-size: 0.72rem;
}

.button-combo-overlay[b-2iu8y26g5t] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

.button-combo-menu[b-2iu8y26g5t] {
    position: fixed;
    top: var(--button-combo-menu-top, 0);
    left: var(--button-combo-menu-left, 0);
    z-index: 10001;
    display: grid;
    gap: 0.2rem;
    min-width: 12rem;
    max-width: min(18rem, calc(100vw - 1rem));
    max-height: min(var(--button-combo-menu-max-height, 24rem), calc(100vh - 1rem));
    padding: 0.35rem;
    border: 1px solid #d9e3ef;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
    box-shadow: 0 16px 30px rgba(16, 33, 58, 0.12);
    overflow-y: auto;
}

.button-combo-menu.is-positioning[b-2iu8y26g5t] {
    visibility: hidden;
    pointer-events: none;
}

.button-combo-menu.is-positioned[b-2iu8y26g5t] {
    visibility: visible;
}

.button-combo-menu.is-dropdown[b-2iu8y26g5t] {
    transform-origin: top right;
}

.button-combo-menu.is-dropup[b-2iu8y26g5t] {
    transform-origin: bottom right;
}
/* /Components/Shared/ButtonComboItem.razor.rz.scp.css */
.button-combo-item[b-x9lzlkimlf] {
    width: 100%;
    padding: 0.7rem 0.8rem;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #0b5ed7;
    cursor: pointer;
    text-align: left;
    font-size: 0.88rem;
    font-weight: 600;
    transition: background 0.15s ease, color 0.15s ease;
}

.button-combo-item:hover:not(:disabled)[b-x9lzlkimlf] {
    background: #eef4fb;
}

.button-combo-item:focus-visible[b-x9lzlkimlf] {
    outline: 2px solid #0b5ed7;
    outline-offset: 2px;
}

.button-combo-item.danger[b-x9lzlkimlf] {
    color: #b42318;
}

.button-combo-item.danger:hover:not(:disabled)[b-x9lzlkimlf] {
    background: #fff2f0;
}

.button-combo-item:disabled[b-x9lzlkimlf] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
.confirm-dialog[b-e63i5tdpcx] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.confirm-dialog.is-open[b-e63i5tdpcx] {
    display: flex;
}

.confirm-dialog-backdrop[b-e63i5tdpcx] {
    position: absolute;
    inset: 0;
    background: rgba(15, 17, 12, 0.55);
}

.confirm-dialog-card[b-e63i5tdpcx] {
    position: relative;
    background: var(--g-surface);
    padding: 1.5rem;
    border-radius: var(--g-radius-md);
    box-shadow: var(--g-shadow-1);
    max-width: 420px;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.confirm-dialog-card h3[b-e63i5tdpcx] {
    margin: 0;
    font-size: 1.2rem;
}

.confirm-dialog-card p[b-e63i5tdpcx] {
    margin: 0;
    color: var(--g-text-muted);
}

.confirm-dialog-actions[b-e63i5tdpcx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.confirm-dialog-actions button[b-e63i5tdpcx] {
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    border: 1px solid var(--g-border);
    background: var(--g-surface);
}

.confirm-accept[b-e63i5tdpcx] {
    background: var(--g-accent);
    border-color: transparent;
    color: #fff;
}
/* /Components/Shared/DataTable.razor.rz.scp.css */
/* DataTable — now built on the .g-table primitive vocabulary.
   ResponsiveTable, which duplicated this component with a different API and
   had zero call sites, was deleted alongside this rewrite. */

.data-table[b-6lq3k7sn8x] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    overflow: hidden;
}

.data-table table[b-6lq3k7sn8x] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--g-text-base);
}

.data-table th[b-6lq3k7sn8x] {
    text-align: left;
    font-family: var(--g-font-data);
    font-size: var(--g-text-xs);
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--g-text-subtle);
    font-weight: 500;
    padding: 10px 14px;
    border-bottom: 1px solid var(--g-border);
    background: var(--g-surface-2);
    white-space: nowrap;
}

.data-table td[b-6lq3k7sn8x] {
    padding: 11px 14px;
    border-bottom: 1px solid var(--g-border);
    color: var(--g-text-muted);
    vertical-align: middle;
}

.data-table tbody tr:last-child td[b-6lq3k7sn8x] {
    border-bottom: 0;
}

.data-table tbody tr:hover td[b-6lq3k7sn8x] {
    background: var(--g-surface-2);
}

/* Horizontal scroll stays inside the component so the page never scrolls
   sideways on narrow viewports. */
.data-table[b-6lq3k7sn8x] {
    overflow-x: auto;
}

.data-table-empty[b-6lq3k7sn8x] {
    text-align: center;
    padding: var(--g-space-7) var(--g-space-4);
    color: var(--g-text-subtle);
    font-size: var(--g-text-base);
}

.data-table-skeleton[b-6lq3k7sn8x] {
    height: 14px;
    border-radius: var(--g-radius-sm);
    background: linear-gradient(
        90deg,
        var(--g-surface-2) 0%,
        var(--g-surface-3) 50%,
        var(--g-surface-2) 100%
    );
    background-size: 200% 100%;
    animation: g-shimmer-b-6lq3k7sn8x 1.4s ease-in-out infinite;
}

@keyframes g-shimmer-b-6lq3k7sn8x {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .data-table-skeleton[b-6lq3k7sn8x] {
        animation: none;
    }
}

/* Pager */
.data-table-pager[b-6lq3k7sn8x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--g-space-3);
    padding: var(--g-space-2) var(--g-space-4);
    border-top: 1px solid var(--g-border);
    background: var(--g-surface-2);
    font-family: var(--g-font-data);
    font-variant-numeric: tabular-nums;
    font-size: var(--g-text-sm);
    color: var(--g-text-muted);
}

.data-table-pager button[b-6lq3k7sn8x] {
    font-family: var(--g-font-ui);
    font-size: var(--g-text-sm);
    font-weight: 560;
    padding: 5px 11px;
    border-radius: var(--g-radius-sm);
    border: 1px solid var(--g-border-strong);
    background: var(--g-surface);
    color: var(--g-text);
    cursor: pointer;
}

.data-table-pager button:hover:not(:disabled)[b-6lq3k7sn8x] {
    background: var(--g-surface-3);
}

.data-table-pager button:disabled[b-6lq3k7sn8x] {
    opacity: 0.45;
    cursor: not-allowed;
}
/* /Components/Shared/DateRangePicker.razor.rz.scp.css */
.date-range-picker[b-i6zkmh6c90] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
}

.date-range-field[b-i6zkmh6c90] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.date-range-field label[b-i6zkmh6c90] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--g-text-muted);
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.date-range-field[b-i6zkmh6c90]  .date-input {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    color: var(--g-text);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.date-range-field[b-i6zkmh6c90]  .date-input:focus {
    border-color: var(--g-accent);
    box-shadow: 0 0 0 3px var(--g-focus-ring);
    outline: none;
}
/* /Components/Shared/DateRangeSelector.razor.rz.scp.css */
.date-range-selector[b-kv6wmu88mo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: var(--g-surface, #fff);
    border-radius: 8px;
    border: 1px solid var(--g-border, #ddd);
}

.preset-buttons[b-kv6wmu88mo] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.preset-btn[b-kv6wmu88mo] {
    padding: 0.5rem 1rem;
    background: var(--g-surface, #fff);
    border: 1px solid var(--g-border, #ddd);
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.preset-btn:hover[b-kv6wmu88mo] {
    background: var(--g-surface-2, #f5f5f5);
}

.preset-btn.active[b-kv6wmu88mo] {
    background: var(--g-accent, #0078d4);
    color: white;
    border-color: var(--g-accent, #0078d4);
}

.custom-range[b-kv6wmu88mo] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.date-field[b-kv6wmu88mo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.date-field label[b-kv6wmu88mo] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--g-text-muted, #666);
}

/* ::deep — these inputs are rendered by Blazor's Input* components, so the element never
   carries this component's scope attribute and an unprefixed rule matches nothing. */
.custom-range[b-kv6wmu88mo]  .date-input {
    padding: 0.5rem;
    border: 1px solid var(--g-border, #ddd);
    border-radius: 4px;
    font-size: 0.875rem;
}

.apply-btn[b-kv6wmu88mo] {
    padding: 0.5rem 1rem;
    background: var(--g-accent, #0078d4);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.2s;
}

.apply-btn:hover[b-kv6wmu88mo] {
    background: var(--g-accent-hover, #006cbd);
}
/* /Components/Shared/ErrorBoundaryContent.razor.rz.scp.css */
.error-boundary-content[b-3187c1h5q2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    min-height: 400px;
}

.error-icon[b-3187c1h5q2] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.error-title[b-3187c1h5q2] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.75rem 0;
}

.error-message[b-3187c1h5q2] {
    font-size: 1rem;
    color: #6b7280;
    max-width: 600px;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

.error-reference[b-3187c1h5q2] {
    background-color: #f9fafb;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.error-reference code[b-3187c1h5q2] {
    font-family: 'Courier New', monospace;
    background-color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid #e5e7eb;
}

.error-actions[b-3187c1h5q2] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.btn[b-3187c1h5q2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    text-decoration: none;
}

.btn-primary[b-3187c1h5q2] {
    background-color: var(--g-accent);
    color: white;
}

.btn-primary:hover[b-3187c1h5q2] {
    background-color: var(--g-accent-hover);
}

.btn-secondary[b-3187c1h5q2] {
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.btn-secondary:hover[b-3187c1h5q2] {
    background-color: #e5e7eb;
}

.btn-icon[b-3187c1h5q2] {
    font-size: 1.125rem;
}

.error-details[b-3187c1h5q2] {
    width: 100%;
    max-width: 800px;
    text-align: left;
    margin-top: 1rem;
}

.error-details summary[b-3187c1h5q2] {
    cursor: pointer;
    padding: 0.75rem;
    background-color: #f9fafb;
    border-radius: 0.375rem;
    font-weight: 500;
    user-select: none;
}

.error-details summary:hover[b-3187c1h5q2] {
    background-color: #f3f4f6;
}

.error-details pre[b-3187c1h5q2] {
    margin-top: 0.75rem;
    padding: 1rem;
    background-color: #1f2937;
    color: #f9fafb;
    border-radius: 0.375rem;
    overflow-x: auto;
    font-size: 0.8rem;
    line-height: 1.5;
}
/* /Components/Shared/FeatureComparisonTable.razor.rz.scp.css */
/* ===========================
   FeatureComparisonTable Component
   =========================== */

.comparison-table[b-y0zo4bhgt1] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.comparison-table table[b-y0zo4bhgt1] {
    width: 100%;
    border-collapse: collapse;
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    overflow: hidden;
}

.comparison-table thead[b-y0zo4bhgt1] {
    background: var(--g-surface-2);
}

.comparison-table th[b-y0zo4bhgt1] {
    padding: 1rem 1.25rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--g-text);
    border-bottom: 2px solid var(--g-border);
}

.feature-column[b-y0zo4bhgt1] {
    text-align: left !important;
    min-width: 200px;
}

.plan-column[b-y0zo4bhgt1] {
    min-width: 120px;
}

.comparison-table td[b-y0zo4bhgt1] {
    padding: 0.85rem 1.25rem;
    text-align: center;
    font-size: 0.88rem;
    color: var(--g-text);
    border-bottom: 1px solid var(--g-border);
}

.feature-name[b-y0zo4bhgt1] {
    text-align: left !important;
    font-weight: 500;
    color: var(--g-text-muted);
}

.feature-value[b-y0zo4bhgt1] {
    font-weight: 500;
}

.comparison-table tbody tr:hover[b-y0zo4bhgt1] {
    background: var(--g-accent-wash);
}

/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.comparison-table[b-y0zo4bhgt1] {
    overflow-x: auto;
    margin: 32px 0;
}

table[b-y0zo4bhgt1] {
    width: 100%;
    border-collapse: collapse;
    background: var(--g-surface, white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

thead[b-y0zo4bhgt1] {
    background: var(--g-surface-2, var(--g-surface-2));
}

th[b-y0zo4bhgt1] {
    padding: 16px;
    text-align: left;
    font-weight: 600;
    color: var(--g-text, var(--g-text));
    border-bottom: 2px solid var(--g-border, var(--g-border));
}

.feature-column[b-y0zo4bhgt1] {
    width: 30%;
    min-width: 200px;
}

.plan-column[b-y0zo4bhgt1] {
    text-align: center;
}

tbody tr[b-y0zo4bhgt1] {
    border-bottom: 1px solid var(--g-border, var(--g-border));
}

tbody tr:hover[b-y0zo4bhgt1] {
    background: var(--g-surface-2, var(--g-surface-2));
}

.section-header td[b-y0zo4bhgt1] {
    padding: 12px 16px;
    font-weight: 700;
    color: var(--g-text, var(--g-text));
    background: var(--g-surface-2, var(--g-surface-2));
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

td[b-y0zo4bhgt1] {
    padding: 16px;
    color: var(--g-text, inherit);
}

.feature-name[b-y0zo4bhgt1] {
    font-weight: 500;
    color: var(--g-text-muted, var(--g-text-muted));
}

.feature-value[b-y0zo4bhgt1] {
    text-align: center;
    color: var(--g-text-muted, var(--g-text-muted));
}

.check-icon[b-y0zo4bhgt1] {
    display: inline-block;
    vertical-align: middle;
}

@@media (max-width: 768px) {
    .comparison-table[b-y0zo4bhgt1] {
        overflow-x: scroll;
    }

    table[b-y0zo4bhgt1] {
        min-width: 600px;
    }
}
/* /Components/Shared/FormValidation.razor.rz.scp.css */
.form-validation[b-kfx7cfhyaq] {
    margin-bottom: 1rem;
}

.validation-summary[b-kfx7cfhyaq] {
    padding: 1rem;
    border-radius: 0.375rem;
    margin-bottom: 1.5rem;
}

.validation-summary-errors[b-kfx7cfhyaq] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.validation-summary-title[b-kfx7cfhyaq] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
}

.validation-summary-list[b-kfx7cfhyaq] {
    margin: 0;
    padding-left: 1.25rem;
    list-style-type: disc;
}

.validation-summary-list li[b-kfx7cfhyaq] {
    margin-bottom: 0.25rem;
}

.validation-summary-list li:last-child[b-kfx7cfhyaq] {
    margin-bottom: 0;
}

[b-kfx7cfhyaq] .validation-message {
    display: block;
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

[b-kfx7cfhyaq] .field-validation-error {
    display: block;
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

[b-kfx7cfhyaq] .field-validation-valid {
    display: none;
}

[b-kfx7cfhyaq] .input-validation-error {
    border-color: #dc2626 !important;
}

[b-kfx7cfhyaq] .input-validation-error:focus {
    outline-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}
/* /Components/Shared/FormWizard.razor.rz.scp.css */
/* ===========================
   FormWizard Component
   =========================== */

.wizard[b-i4indq1syo] {
    max-width: 720px;
    margin: 0 auto;
}

.wizard-header[b-i4indq1syo] {
    margin-bottom: 2rem;
}

.wizard-header p.section-eyebrow[b-i4indq1syo] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--g-accent);
    margin: 0 0 0.25rem;
    font-weight: 600;
}

.wizard-header h2[b-i4indq1syo] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1rem;
    color: var(--g-text);
}

.wizard-progress[b-i4indq1syo] {
    height: 6px;
    border-radius: 3px;
    background: var(--g-border);
    overflow: hidden;
}

.wizard-progress-bar[b-i4indq1syo] {
    height: 100%;
    background: var(--g-accent);
    border-radius: 3px;
    transition: width 0.35s ease;
}

/* Step navigation buttons */
.wizard-steps[b-i4indq1syo] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.wizard-step[b-i4indq1syo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-sm);
    background: var(--g-surface);
    color: var(--g-text-muted);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wizard-step:disabled[b-i4indq1syo] {
    cursor: not-allowed;
    opacity: 0.5;
}

.wizard-step.is-active[b-i4indq1syo] {
    border-color: var(--g-accent);
    color: var(--g-accent);
    background: var(--g-accent-wash);
    font-weight: 600;
}

.wizard-step.is-complete[b-i4indq1syo] {
    border-color: var(--g-accent);
    color: var(--g-accent);
    opacity: 0.75;
}

.wizard-index[b-i4indq1syo] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: 0.8rem;
}

/* Form body */
.wizard-body[b-i4indq1syo] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 2rem;
    box-shadow: var(--g-shadow-1);
}

/* Form cards inside wizard */
.wizard-body .form-card[b-i4indq1syo] {
    margin-bottom: 1.5rem;
}

.wizard-body .form-card h2[b-i4indq1syo] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
    color: var(--g-text);
}

.wizard-body .form-field[b-i4indq1syo] {
    margin-bottom: 1rem;
}

.wizard-body .form-field label[b-i4indq1syo] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--g-text);
    margin-bottom: 0.35rem;
}

.wizard-body .form-field input:not([type="checkbox"])[b-i4indq1syo],
.wizard-body .form-field select[b-i4indq1syo],
.wizard-body .form-field textarea[b-i4indq1syo] {
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-sm);
    background: var(--g-surface-2);
    color: var(--g-text);
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.wizard-body .form-field input:not([type="checkbox"]):focus[b-i4indq1syo],
.wizard-body .form-field select:focus[b-i4indq1syo],
.wizard-body .form-field textarea:focus[b-i4indq1syo] {
    border-color: var(--g-accent);
    outline: none;
    box-shadow: 0 0 0 3px var(--g-focus-ring);
}

.wizard-body .form-field.checkbox[b-i4indq1syo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wizard-body .form-field.checkbox input[type="checkbox"][b-i4indq1syo] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

/* Hints & errors inside wizard */
.wizard-body .form-hint[b-i4indq1syo] {
    font-size: 0.82rem;
    color: var(--g-text-muted);
    margin-top: 0.35rem;
}

.wizard-body .error[b-i4indq1syo] {
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm);
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.85rem;
}

/* Action row */
.wizard-body .form-actions[b-i4indq1syo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--g-border);
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .wizard-step.is-active[b-i4indq1syo] {
        background: var(--g-accent-wash);
    }

    :root:not([data-theme="light"]) .wizard-body .error[b-i4indq1syo] {
        background: #450a0a;
        color: #fca5a5;
    }
}

[data-theme="dark"] .wizard-step.is-active[b-i4indq1syo] {
    background: var(--g-accent-wash);
}

[data-theme="dark"] .wizard-body .error[b-i4indq1syo] {
    background: #450a0a;
    color: #fca5a5;
}
/* /Components/Shared/GlobalSearch.razor.rz.scp.css */
.global-search-container[b-7n3591v70y] {
    position: relative;
    flex: 1;
    max-width: 600px;
}

.global-search-input-wrapper[b-7n3591v70y] {
    position: relative;
    display: flex;
    align-items: center;
}

.global-search-icon[b-7n3591v70y] {
    position: absolute;
    left: 12px;
    font-size: 16px;
    pointer-events: none;
}

.global-search-input[b-7n3591v70y] {
    width: 100%;
    padding: 8px 40px 8px 40px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.2s;
}

.global-search-input:focus[b-7n3591v70y] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.global-search-clear[b-7n3591v70y] {
    position: absolute;
    right: 12px;
    background: none;
    border: none;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.global-search-clear:hover[b-7n3591v70y] {
    color: #333;
}

.global-search-recent[b-7n3591v70y] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
}

.global-search-recent-header[b-7n3591v70y] {
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px solid #f0f0f0;
}

.global-search-recent-item[b-7n3591v70y] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 16px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s;
    gap: 12px;
}

.global-search-recent-item:hover[b-7n3591v70y] {
    background-color: #f9fafb;
}

.global-search-recent-icon[b-7n3591v70y] {
    font-size: 14px;
    opacity: 0.6;
}
/* /Components/Shared/HealthIndicator.razor.rz.scp.css */
.health-indicator[b-qg1eecl9sc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--g-surface-2);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    padding: 0.75rem 1rem;
}

.health-indicator-dot[b-qg1eecl9sc] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #64748b;
    box-shadow: 0 0 0 6px rgba(100, 116, 139, 0.15);
}

.health-indicator-body[b-qg1eecl9sc] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.health-indicator-title[b-qg1eecl9sc] {
    font-weight: 700;
}

.health-indicator-subtitle[b-qg1eecl9sc] {
    font-size: 0.85rem;
    color: var(--g-text-muted);
}

.health-indicator.is-healthy .health-indicator-dot[b-qg1eecl9sc] {
    background: #16a34a;
    box-shadow: 0 0 0 6px rgba(22, 163, 74, 0.15);
}

.health-indicator.is-degraded .health-indicator-dot[b-qg1eecl9sc] {
    background: #f59e0b;
    box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.18);
}

.health-indicator.is-unhealthy .health-indicator-dot[b-qg1eecl9sc] {
    background: #ef4444;
    box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.18);
}
/* /Components/Shared/KpiCard.razor.rz.scp.css */
/* KPI card — value set in the data face with tabular figures so a row of
   cards aligns on the decimal. The old version used five arbitrary accent
   colours (accent-one … accent-five); the accent now appears only as a thin
   top rule, because colour on a KPI should mean state, not decoration. */

.kpi-card[b-fqtfzuih88] {
    display: flex;
    flex-direction: column;
    gap: var(--g-space-2);
    padding: var(--g-space-3) var(--g-space-4);
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
    position: relative;
    overflow: hidden;
}

.kpi-card[b-fqtfzuih88]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: var(--g-border-strong);
}

.kpi-card.accent-one[b-fqtfzuih88]::before   { background: var(--g-accent); }
.kpi-card.accent-two[b-fqtfzuih88]::before   { background: var(--g-live); }
.kpi-card.accent-three[b-fqtfzuih88]::before { background: var(--g-hold); }
.kpi-card.accent-four[b-fqtfzuih88]::before  { background: var(--g-info); }
.kpi-card.accent-five[b-fqtfzuih88]::before  { background: var(--g-alert); }

.kpi-title[b-fqtfzuih88] {
    font-family: var(--g-font-data);
    font-size: 9.5px;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--g-text-subtle);
    font-weight: 500;
}

.kpi-value[b-fqtfzuih88] {
    font-family: var(--g-font-data);
    font-variant-numeric: tabular-nums;
    font-size: 25px;
    font-weight: 620;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--g-text);
}

.kpi-subtext[b-fqtfzuih88] {
    font-size: var(--g-text-sm);
    color: var(--g-text-muted);
}
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
.loading-spinner[b-ihdvc4w8mo] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.spinner-center[b-ihdvc4w8mo] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner[b-ihdvc4w8mo] {
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: var(--g-accent);
    animation: spin-b-ihdvc4w8mo 0.8s linear infinite;
}

.spinner-small .spinner[b-ihdvc4w8mo] {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 2px;
}

.spinner-medium .spinner[b-ihdvc4w8mo] {
    width: 2.5rem;
    height: 2.5rem;
}

.spinner-large .spinner[b-ihdvc4w8mo] {
    width: 4rem;
    height: 4rem;
    border-width: 4px;
}

.spinner-message[b-ihdvc4w8mo] {
    margin: 0;
    font-size: 0.9rem;
    color: #6b7280;
}

@keyframes spin-b-ihdvc4w8mo {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/MetricCard.razor.rz.scp.css */
/* MetricCard — trend direction is carried by an arrow glyph as well as
   colour, so the up/down reading survives greyscale and colour-blindness. */

.metric-card[b-z8azx57q91] {
    display: flex;
    flex-direction: column;
    gap: var(--g-space-2);
    padding: var(--g-space-3) var(--g-space-4);
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: var(--g-radius-md);
}

.metric-header[b-z8azx57q91] {
    display: flex;
    align-items: center;
    gap: var(--g-space-2);
}

.metric-label[b-z8azx57q91] {
    font-family: var(--g-font-data);
    font-size: 9.5px;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--g-text-subtle);
    font-weight: 500;
}

.metric-trend[b-z8azx57q91] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: var(--g-font-data);
    font-variant-numeric: tabular-nums;
    font-size: var(--g-text-xs);
    font-weight: 600;
}

.metric-trend.up[b-z8azx57q91] {
    color: var(--g-live);
}

.metric-trend.down[b-z8azx57q91] {
    color: var(--g-alert);
}

.metric-value[b-z8azx57q91] {
    font-family: var(--g-font-data);
    font-variant-numeric: tabular-nums;
    font-size: 25px;
    font-weight: 620;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--g-text);
}

.metric-comparison[b-z8azx57q91] {
    font-size: var(--g-text-sm);
    color: var(--g-text-subtle);
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
/* Notification Bell Styles */
.notification-bell-container[b-4hedxp0f7s] {
    position: relative;
}

.notification-dropdown-overlay[b-4hedxp0f7s] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 999;
}

.notification-dropdown[b-4hedxp0f7s] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: 380px;
    max-width: 90vw;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    max-height: 500px;
    display: flex;
    flex-direction: column;
}

.notification-dropdown-header[b-4hedxp0f7s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.notification-dropdown-header h3[b-4hedxp0f7s] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.notification-mark-all-read[b-4hedxp0f7s] {
    background: none;
    border: none;
    color: var(--g-accent);
    font-size: 0.875rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
}

.notification-mark-all-read:hover[b-4hedxp0f7s] {
    text-decoration: underline;
}

.notification-dropdown-body[b-4hedxp0f7s] {
    overflow-y: auto;
    flex: 1;
}

.notification-loading[b-4hedxp0f7s],
.notification-empty[b-4hedxp0f7s] {
    padding: 2rem;
    text-align: center;
    color: #6b7280;
}

.notification-item[b-4hedxp0f7s] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
}

.notification-item:hover[b-4hedxp0f7s] {
    background-color: #f9fafb;
}

.notification-item.is-read[b-4hedxp0f7s] {
    opacity: 0.7;
}

.notification-icon[b-4hedxp0f7s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 1rem;
}

.notification-icon-info[b-4hedxp0f7s] {
    background-color: #dbeafe;
    color: var(--g-accent);
}

.notification-icon-warning[b-4hedxp0f7s] {
    background-color: #fef3c7;
    color: #f59e0b;
}

.notification-icon-error[b-4hedxp0f7s] {
    background-color: #fee2e2;
    color: #ef4444;
}

.notification-icon-success[b-4hedxp0f7s] {
    background-color: #d1fae5;
    color: #10b981;
}

.notification-content[b-4hedxp0f7s] {
    flex: 1;
    min-width: 0;
}

.notification-title[b-4hedxp0f7s] {
    font-weight: 600;
    color: #111827;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.notification-message[b-4hedxp0f7s] {
    color: #6b7280;
    font-size: 0.813rem;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

.notification-time[b-4hedxp0f7s] {
    color: #9ca3af;
    font-size: 0.75rem;
}

.notification-unread-dot[b-4hedxp0f7s] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--g-accent);
    flex-shrink: 0;
    margin-top: 0.5rem;
}

.notification-dropdown-footer[b-4hedxp0f7s] {
    border-top: 1px solid #e5e7eb;
    padding: 0.75rem 1rem;
    text-align: center;
}

.notification-view-all[b-4hedxp0f7s] {
    color: var(--g-accent);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
}

.notification-view-all:hover[b-4hedxp0f7s] {
    text-decoration: underline;
}

/* Notification Page Styles */
.notification-filters[b-4hedxp0f7s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
}

.filter-group[b-4hedxp0f7s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-group label[b-4hedxp0f7s] {
    font-size: 0.813rem;
    font-weight: 500;
    color: #374151;
}

.filter-group select[b-4hedxp0f7s],
.filter-group input[b-4hedxp0f7s] {
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 0.875rem;
}

.notification-list[b-4hedxp0f7s] {
    display: flex;
    flex-direction: column;
}

.notification-list-item[b-4hedxp0f7s] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    cursor: pointer;
    transition: background-color 0.2s;
}

.notification-list-item:hover[b-4hedxp0f7s] {
    background-color: #f9fafb;
}

.notification-list-item.is-read[b-4hedxp0f7s] {
    opacity: 0.7;
}

.notification-list-item .notification-content[b-4hedxp0f7s] {
    flex: 1;
}

.notification-header[b-4hedxp0f7s] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.notification-category[b-4hedxp0f7s] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.notification-category-license[b-4hedxp0f7s] {
    background-color: #dbeafe;
    color: #1e40af;
}

.notification-category-payment[b-4hedxp0f7s] {
    background-color: #d1fae5;
    color: #065f46;
}

.notification-category-system[b-4hedxp0f7s] {
    background-color: #f3e8ff;
    color: #6b21a8;
}

.notification-category-signup[b-4hedxp0f7s] {
    background-color: #fef3c7;
    color: #92400e;
}

.notification-category-security[b-4hedxp0f7s] {
    background-color: #fee2e2;
    color: #991b1b;
}

.notification-footer[b-4hedxp0f7s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.notification-unread-badge[b-4hedxp0f7s] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background-color: var(--g-accent);
    color: white;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.notification-actions[b-4hedxp0f7s] {
    display: flex;
    gap: 0.5rem;
    align-items: start;
}

.btn-icon[b-4hedxp0f7s] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon:hover[b-4hedxp0f7s] {
    background-color: #f3f4f6;
    border-color: #9ca3af;
}

.pagination[b-4hedxp0f7s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
}

.pagination-info[b-4hedxp0f7s] {
    color: #6b7280;
    font-size: 0.875rem;
}
/* /Components/Shared/PasswordInput.razor.rz.scp.css */
.pwd-wrap[b-f6l1tyord9] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.pwd-wrap input[b-f6l1tyord9] {
    flex: 1;
    min-width: 0;
    padding-right: 2.6rem;
}

.pwd-toggle[b-f6l1tyord9] {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0.2rem;
    margin: 0;
    min-width: unset;
    min-height: unset;
    line-height: 1;
    cursor: pointer;
    color: var(--g-text-muted, #5a5852);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
}

.pwd-toggle:hover[b-f6l1tyord9] {
    color: var(--g-text, var(--g-accent, #0f4c5c));
    background: none;
}

.pwd-toggle:focus-visible[b-f6l1tyord9] {
    outline: 2px solid var(--g-text, var(--g-accent, #0f4c5c));
    outline-offset: 2px;
}
/* /Components/Shared/PaymentCheckout.razor.rz.scp.css */
/* ===========================
   PaymentCheckout Component
   =========================== */

.payment-checkout[b-bcpljm4vuq] {
    margin-top: 1rem;
}

.payment-checkout button.primary[b-bcpljm4vuq] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--g-accent);
    color: white;
    border: none;
    border-radius: var(--g-radius-sm, 10px);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.payment-checkout button.primary:hover[b-bcpljm4vuq] {
    background: var(--g-accent-hover);
}

.payment-checkout button.primary:disabled[b-bcpljm4vuq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.payment-error[b-bcpljm4vuq] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: var(--g-radius-sm, 10px);
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.85rem;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .payment-checkout button.primary[b-bcpljm4vuq] {
        background: var(--g-accent);
        color: #0f1419;
    }

    :root:not([data-theme="light"]) .payment-checkout button.primary:hover[b-bcpljm4vuq] {
        background: var(--g-accent-hover);
    }

    :root:not([data-theme="light"]) .payment-error[b-bcpljm4vuq] {
        background: #450a0a;
        color: #fca5a5;
    }
}

[data-theme="dark"] .payment-checkout button.primary[b-bcpljm4vuq] {
    background: var(--g-accent);
    color: #0f1419;
}

[data-theme="dark"] .payment-checkout button.primary:hover[b-bcpljm4vuq] {
    background: var(--g-accent-hover);
}

[data-theme="dark"] .payment-error[b-bcpljm4vuq] {
    background: #450a0a;
    color: #fca5a5;
}
/* /Components/Shared/PlanSelector.razor.rz.scp.css */
/* ===========================
   PlanSelector Component
   =========================== */

.plan-grid[b-c3ju0djq80] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.plan-card[b-c3ju0djq80] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem;
    border: 2px solid var(--g-border);
    border-radius: var(--g-radius-md);
    background: var(--g-surface);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    text-align: left;
    font: inherit;
    color: inherit;
}

.plan-card:hover[b-c3ju0djq80] {
    border-color: var(--g-accent);
    box-shadow: 0 4px 14px var(--g-focus-ring);
}

.plan-card.is-selected[b-c3ju0djq80] {
    border-color: var(--g-accent);
    background: var(--g-accent-wash);
    box-shadow: 0 0 0 3px var(--g-focus-ring);
}

.plan-card-header[b-c3ju0djq80] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.plan-card-header h3[b-c3ju0djq80] {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
    color: var(--g-text);
}

.plan-card-header p[b-c3ju0djq80] {
    font-size: 0.82rem;
    color: var(--g-text-muted);
    margin: 0.15rem 0 0;
}

.plan-badge[b-c3ju0djq80] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: var(--g-accent);
    color: white;
    white-space: nowrap;
}

.plan-price[b-c3ju0djq80] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--g-text);
}

.plan-card ul[b-c3ju0djq80] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.plan-card ul li[b-c3ju0djq80] {
    font-size: 0.82rem;
    color: var(--g-text-muted);
    padding: 0.2rem 0;
}

.plan-card ul li[b-c3ju0djq80]::before {
    content: "✓ ";
    color: var(--g-accent);
    font-weight: 700;
}
/* /Components/Shared/PreviewDialog.razor.rz.scp.css */
/* ===========================
   PreviewDialog Component
   =========================== */

.preview-dialog-body[b-wol9coki3u] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 1rem 0;
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--g-text, #11213d);
}

.preview-dialog-body img[b-wol9coki3u] {
    max-width: 100%;
    height: auto;
    border-radius: var(--g-radius-sm, 10px);
}

.preview-dialog-body table[b-wol9coki3u] {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

.preview-dialog-body th[b-wol9coki3u],
.preview-dialog-body td[b-wol9coki3u] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--g-border, #cbdcf1);
    text-align: left;
    font-size: 0.85rem;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .preview-dialog-body[b-wol9coki3u] {
        color: var(--g-text, #e8eaed);
    }

    :root:not([data-theme="light"]) .preview-dialog-body th[b-wol9coki3u],
    :root:not([data-theme="light"]) .preview-dialog-body td[b-wol9coki3u] {
        border-color: var(--g-border, #374151);
    }
}

[data-theme="dark"] .preview-dialog-body[b-wol9coki3u] {
    color: var(--g-text, #e8eaed);
}

[data-theme="dark"] .preview-dialog-body th[b-wol9coki3u],
[data-theme="dark"] .preview-dialog-body td[b-wol9coki3u] {
    border-color: var(--g-border, #374151);
}
/* /Components/Shared/PricingCard.razor.rz.scp.css */
/* Extracted from the component's inline <style> block.
   Scoped CSS keeps these rules from leaking into other pages, and the
   colours now read from tokens so the page themes. */

.pricing-card[b-6sl7nv459t] {
    background: var(--g-surface);
    border: 1px solid var(--g-border);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s ease;
}

.pricing-card:hover[b-6sl7nv459t] {
    box-shadow: 0 10px 30px var(--g-shadow-color);
    transform: translateY(-4px);
}

.pricing-card.featured[b-6sl7nv459t] {
    border: 2px solid var(--g-accent);
    box-shadow: 0 4px 20px var(--g-focus-ring);
}

.featured-badge[b-6sl7nv459t] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--g-accent);
    color: white;
    padding: 3px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.pricing-card-header h3[b-6sl7nv459t] {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: var(--g-text);
}

.plan-description[b-6sl7nv459t] {
    color: var(--g-text-muted);
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    min-height: 34px;
}

.pricing-card-price[b-6sl7nv459t] {
    margin: 16px 0;
    padding: 12px 0;
    border-top: 1px solid var(--g-border);
    border-bottom: 1px solid var(--g-border);
}

.price[b-6sl7nv459t] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.price-currency[b-6sl7nv459t] {
    font-size: 20px;
    font-weight: 600;
    color: var(--g-text);
}

.price-amount[b-6sl7nv459t] {
    font-size: 36px;
    font-weight: 700;
    color: var(--g-text);
    line-height: 1;
}

.price-duration[b-6sl7nv459t] {
    color: var(--g-text-muted);
    font-size: 13px;
    margin: 6px 0 0 0;
}

.pricing-card-features[b-6sl7nv459t] {
    flex-grow: 1;
    margin: 12px 0;
}

.pricing-card-features ul[b-6sl7nv459t] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-card-features li[b-6sl7nv459t] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 5px 0;
    color: var(--g-text);
    font-size: 13px;
    line-height: 1.35;
}

.feature-icon[b-6sl7nv459t] {
    color: var(--g-live);
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

.pricing-card-footer[b-6sl7nv459t] {
    margin-top: 14px;
}

.pricing-btn[b-6sl7nv459t] {
    display: block;
    width: 100%;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pricing-btn-primary[b-6sl7nv459t] {
    background: var(--g-accent);
    color: white;
}

.pricing-btn-primary:hover[b-6sl7nv459t] {
    background: var(--g-accent-hover);
}

.pricing-btn-secondary[b-6sl7nv459t] {
    background: var(--g-surface-2);
    color: var(--g-text);
    border: 1px solid var(--g-border);
}

.pricing-btn-secondary:hover[b-6sl7nv459t] {
    background: var(--g-border);
}
/* /Components/Shared/ProgressIndicator.razor.rz.scp.css */
.progress-indicator[b-pag05w526y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
}

.spinner[b-pag05w526y] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--g-border);
    border-top-color: var(--g-accent);
    border-radius: 50%;
    animation: spin-b-pag05w526y 1s linear infinite;
}

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

.progress-indicator p[b-pag05w526y] {
    margin: 0;
    color: var(--g-text-muted);
    font-size: 0.875rem;
}
/* /Components/Shared/QuickActions.razor.rz.scp.css */
.quick-actions[b-fr4l2kwr7z] {
    display: grid;
    gap: 0.9rem;
}

.quick-action[b-fr4l2kwr7z] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.8rem 0.95rem;
    border-radius: var(--g-radius-sm);
    border: 1px solid var(--g-border);
    text-decoration: none;
    color: var(--g-text);
    background: var(--g-surface-2);
}

.quick-action strong[b-fr4l2kwr7z] {
    font-size: 0.95rem;
}

.quick-action span[b-fr4l2kwr7z] {
    font-size: 0.8rem;
    color: var(--g-text-muted);
}
/* /Components/Shared/RevocationDialog.razor.rz.scp.css */
.revoke-dialog[b-ms7wlz2qmq] {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.revoke-dialog.is-open[b-ms7wlz2qmq] {
    display: flex;
}

.revoke-dialog-backdrop[b-ms7wlz2qmq] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
}

.revoke-dialog-card[b-ms7wlz2qmq] {
    position: relative;
    background: var(--g-surface);
    border-radius: var(--g-radius-lg);
    padding: 1.5rem;
    width: min(520px, 90vw);
    box-shadow: var(--g-shadow-1);
    display: grid;
    gap: 1rem;
}

.revoke-dialog-card h3[b-ms7wlz2qmq] {
    margin: 0;
}

.revoke-dialog-card p[b-ms7wlz2qmq] {
    margin: 0;
    color: var(--g-text-muted);
}

.revoke-dialog-fields[b-ms7wlz2qmq] {
    display: grid;
    gap: 0.6rem;
}

.revoke-dialog-fields label[b-ms7wlz2qmq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--g-text-muted);
}

.revoke-dialog-fields select[b-ms7wlz2qmq],
.revoke-dialog-fields textarea[b-ms7wlz2qmq] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
    padding: 0.5rem 0.75rem;
    border-radius: var(--g-radius-sm);
}

.revoke-dialog-actions[b-ms7wlz2qmq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.revoke-dialog-actions button[b-ms7wlz2qmq] {
    border-radius: 999px;
    padding: 0.4rem 1rem;
}

.revoke-cancel[b-ms7wlz2qmq] {
    border: 1px solid var(--g-border);
    background: var(--g-surface);
}

.revoke-accept[b-ms7wlz2qmq] {
    border: none;
    background: #d7393a;
    color: #fff;
    font-weight: 600;
}

.revoke-accept:disabled[b-ms7wlz2qmq] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* /Components/Shared/SearchResultsDropdown.razor.rz.scp.css */
.search-dropdown[b-h20r38d499] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 500px;
    overflow-y: auto;
    z-index: 1000;
}

.search-dropdown-loading[b-h20r38d499] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px;
    color: #666;
}

.search-dropdown-spinner[b-h20r38d499] {
    width: 20px;
    height: 20px;
    border: 2px solid #e0e0e0;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-h20r38d499 0.8s linear infinite;
}

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

.search-dropdown-empty[b-h20r38d499] {
    text-align: center;
    padding: 40px;
    color: #666;
}

.search-dropdown-empty-icon[b-h20r38d499] {
    font-size: 48px;
    display: block;
    margin-bottom: 12px;
    opacity: 0.5;
}

.search-dropdown-empty p[b-h20r38d499] {
    margin: 0;
}

.search-dropdown-category[b-h20r38d499] {
    border-bottom: 1px solid #f0f0f0;
}

.search-dropdown-category:last-of-type[b-h20r38d499] {
    border-bottom: none;
}

.search-dropdown-category-header[b-h20r38d499] {
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    background-color: #f9fafb;
    letter-spacing: 0.5px;
}

.search-dropdown-item[b-h20r38d499] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s;
    gap: 12px;
}

.search-dropdown-item:hover[b-h20r38d499] {
    background-color: #f9fafb;
}

.search-dropdown-icon[b-h20r38d499] {
    font-size: 20px;
    flex-shrink: 0;
}

.search-dropdown-content[b-h20r38d499] {
    flex: 1;
    min-width: 0;
}

.search-dropdown-title[b-h20r38d499] {
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-dropdown-title mark[b-h20r38d499] {
    background-color: #fef3c7;
    color: #92400e;
    padding: 2px 0;
    font-weight: 600;
}

.search-dropdown-description[b-h20r38d499] {
    font-size: 12px;
    color: #6b7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-dropdown-footer[b-h20r38d499] {
    padding: 12px 16px;
    border-top: 1px solid #f0f0f0;
    background-color: #f9fafb;
}

.search-dropdown-view-all[b-h20r38d499] {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: white;
    color: #4f46e5;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.search-dropdown-view-all:hover[b-h20r38d499] {
    background-color: #4f46e5;
    color: white;
    border-color: #4f46e5;
}
/* /Components/Shared/ServiceStatusCard.razor.rz.scp.css */
.service-status-card[b-jvskyl0727] {
    background: var(--g-surface);
    border-radius: var(--g-radius-md);
    padding: 1.1rem 1.2rem;
    border: 1px solid var(--g-border);
    box-shadow: var(--g-shadow-1);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.service-status-header[b-jvskyl0727] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.service-status-header h3[b-jvskyl0727] {
    margin: 0;
    font-size: 0.95rem;
}

.service-status-primary[b-jvskyl0727] {
    font-size: 1.3rem;
    font-weight: 700;
}

.service-status-secondary[b-jvskyl0727] {
    color: var(--g-text-muted);
    font-size: 0.85rem;
}

.service-status-timestamp[b-jvskyl0727] {
    color: var(--g-text-muted);
    font-size: 0.75rem;
}

.service-status-card.is-healthy[b-jvskyl0727] {
    border-left: 4px solid #16a34a;
}

.service-status-card.is-degraded[b-jvskyl0727] {
    border-left: 4px solid #f59e0b;
}

.service-status-card.is-unhealthy[b-jvskyl0727] {
    border-left: 4px solid #ef4444;
}

.service-status-card.is-unknown[b-jvskyl0727] {
    border-left: 4px solid #64748b;
}
/* /Components/Shared/SkeletonLoader.razor.rz.scp.css */
.skeleton-loader[b-nc7057fron] {
    width: 100%;
}

.skeleton-shimmer[b-nc7057fron] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-nc7057fron 1.5s infinite;
}

@keyframes shimmer-b-nc7057fron {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Table skeleton */
.skeleton-table[b-nc7057fron] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-row[b-nc7057fron] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 0.375rem;
}

.skeleton-header[b-nc7057fron] {
    background-color: #f9fafb;
}

.skeleton-cell[b-nc7057fron] {
    height: 1.25rem;
    border-radius: 0.25rem;
}

/* Card skeleton */
.skeleton-card[b-nc7057fron] {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
}

.skeleton-card-header[b-nc7057fron] {
    height: 3rem;
    background-color: #f9fafb;
}

.skeleton-card-body[b-nc7057fron] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.skeleton-line[b-nc7057fron] {
    height: 1rem;
    border-radius: 0.25rem;
}

/* Text skeleton */
.skeleton-text-line[b-nc7057fron] {
    height: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 0.75rem;
}

.skeleton-text-line:last-child[b-nc7057fron] {
    margin-bottom: 0;
}
/* /Components/Shared/TabPanel.razor.rz.scp.css */
/* ===========================
   TabPanel Component
   =========================== */

.tab-panel[b-zmewk5zf3d] {
    display: flex;
    flex-direction: column;
}

.tab-panel-header[b-zmewk5zf3d] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--g-border, #cbdcf1);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tab-panel-button[b-zmewk5zf3d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--g-text-muted, #5b6d8a);
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: -2px;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.tab-panel-button:hover[b-zmewk5zf3d] {
    color: var(--g-text, #11213d);
}

.tab-panel-button.is-active[b-zmewk5zf3d] {
    color: var(--g-accent);
    border-bottom-color: var(--g-accent);
    font-weight: 600;
}

.tab-panel-badge[b-zmewk5zf3d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 600;
    background: var(--g-surface-2, #f4f8ff);
    color: var(--g-text-muted, #5b6d8a);
}

.tab-panel-button.is-active .tab-panel-badge[b-zmewk5zf3d] {
    background: var(--g-accent-wash);
    color: var(--g-accent);
}

.tab-panel-body[b-zmewk5zf3d] {
    padding: 1.5rem 0;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .tab-panel-header[b-zmewk5zf3d] {
        border-bottom-color: var(--g-border, #374151);
    }

    :root:not([data-theme="light"]) .tab-panel-button.is-active[b-zmewk5zf3d] {
        color: var(--g-accent);
        border-bottom-color: var(--g-accent);
    }

    :root:not([data-theme="light"]) .tab-panel-button.is-active .tab-panel-badge[b-zmewk5zf3d] {
        background: var(--g-accent-wash);
        color: var(--g-accent);
    }

    :root:not([data-theme="light"]) .tab-panel-badge[b-zmewk5zf3d] {
        background: var(--g-surface-2, #242938);
    }
}

[data-theme="dark"] .tab-panel-header[b-zmewk5zf3d] {
    border-bottom-color: var(--g-border, #374151);
}

[data-theme="dark"] .tab-panel-button.is-active[b-zmewk5zf3d] {
    color: var(--g-accent);
    border-bottom-color: var(--g-accent);
}

[data-theme="dark"] .tab-panel-button.is-active .tab-panel-badge[b-zmewk5zf3d] {
    background: var(--g-accent-wash);
    color: var(--g-accent);
}

[data-theme="dark"] .tab-panel-badge[b-zmewk5zf3d] {
    background: var(--g-surface-2, #242938);
}
/* /Components/Shared/ThemeToggle.razor.rz.scp.css */
/* ==========================================================================
   Theme Toggle Component Styles
   ========================================================================== */

.theme-toggle-container[b-wvffe6ssb0] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle[b-wvffe6ssb0] {
    position: relative;
    width: 60px;
    height: 32px;
    background: var(--g-surface-2);
    border: 1px solid var(--g-border);
    border-radius: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
    padding: 0;
}

.theme-toggle:hover[b-wvffe6ssb0] {
    background: var(--g-border);
}

.theme-toggle:focus-visible[b-wvffe6ssb0] {
    outline: 3px solid var(--g-accent);
    outline-offset: 2px;
}

.theme-toggle-slider[b-wvffe6ssb0] {
    position: absolute;
    top: 3px;
    left: 3px;  /* default / light mode: slider LEFT */
    width: 24px;
    height: 24px;
    background: var(--g-accent);
    border-radius: 50%;
    transition: left 0.3s ease;
    pointer-events: none;
}

/* Dark mode: slider RIGHT so moon icon on the left is not obscured */
[data-theme="dark"] .theme-toggle-slider[b-wvffe6ssb0] {
    left: calc(100% - 27px);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .theme-toggle-slider[b-wvffe6ssb0] {
        left: calc(100% - 27px);
    }
}

/* Icon content via pseudo-elements */
.theme-toggle[b-wvffe6ssb0]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d1d5db'%3E%3Cpath d='M21.64 13a1 1 0 0 0-1.05-.14 8.05 8.05 0 0 1-3.37.73 8.15 8.15 0 0 1-8.14-8.1 8.59 8.59 0 0 1 .25-2A1 1 0 0 0 8 2.36a10.14 10.14 0 1 0 14 11.69 1 1 0 0 0-.36-1.05z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.theme-toggle[b-wvffe6ssb0]::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fbbf24'%3E%3Cpath d='M5.64 17l-.71.71a1 1 0 0 0 0 1.41 1 1 0 0 0 1.41 0l.71-.71A1 1 0 0 0 5.64 17zM5 12a1 1 0 0 0-1-1H3a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1zm7-7a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM5.64 7.05a1 1 0 0 0 .7.29 1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.41l-.71-.71a1 1 0 0 0-1.41 1.41zm12 .29a1 1 0 0 0 .7-.29l.71-.71a1 1 0 1 0-1.41-1.41l-.64.71a1 1 0 0 0 0 1.41 1 1 0 0 0 .66.29zM21 11h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zm-9 8a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1zm6.36-2A1 1 0 0 0 17 18.36l.71.71a1 1 0 0 0 1.41 0 1 1 0 0 0 0-1.41zM12 6.5a5.5 5.5 0 1 0 5.5 5.5A5.51 5.51 0 0 0 12 6.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

[data-theme="light"] .theme-toggle[b-wvffe6ssb0]::before {
    opacity: 0;
}

[data-theme="light"] .theme-toggle[b-wvffe6ssb0]::after {
    opacity: 1;
}
/* /Components/Shared/Toast.razor.rz.scp.css */
.toast[b-0vls2clmdo] {
    min-width: 300px;
    max-width: 500px;
    margin-bottom: 1rem;
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    animation: slideIn-b-0vls2clmdo 0.3s ease-out;
    border-left: 4px solid;
}

.toast-closing[b-0vls2clmdo] {
    animation: slideOut-b-0vls2clmdo 0.3s ease-in;
}

@keyframes slideIn-b-0vls2clmdo {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut-b-0vls2clmdo {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.toast-header[b-0vls2clmdo] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    gap: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-icon[b-0vls2clmdo] {
    font-size: 1.25rem;
    font-weight: bold;
    flex-shrink: 0;
}

.toast-title[b-0vls2clmdo] {
    flex: 1;
    font-size: 0.95rem;
}

.toast-close[b-0vls2clmdo] {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    margin-left: auto;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    transition: background-color 0.2s;
}

.toast-close:hover[b-0vls2clmdo] {
    background-color: rgba(0, 0, 0, 0.05);
}

.toast-body[b-0vls2clmdo] {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Success Toast */
.toast-success[b-0vls2clmdo] {
    border-left-color: #10b981;
}

.toast-success .toast-icon[b-0vls2clmdo] {
    color: #10b981;
}

/* Error Toast */
.toast-error[b-0vls2clmdo] {
    border-left-color: #ef4444;
}

.toast-error .toast-icon[b-0vls2clmdo] {
    color: #ef4444;
}

/* Warning Toast */
.toast-warning[b-0vls2clmdo] {
    border-left-color: #f59e0b;
}

.toast-warning .toast-icon[b-0vls2clmdo] {
    color: #f59e0b;
}

/* Info Toast */
.toast-info[b-0vls2clmdo] {
    border-left-color: var(--g-accent);
}

.toast-info .toast-icon[b-0vls2clmdo] {
    color: var(--g-accent);
}
/* /Components/Shared/ToastContainer.razor.rz.scp.css */
.toast-container[b-fh7onpaae8] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
}

.toast-container > *[b-fh7onpaae8] {
    pointer-events: auto;
}

@media (max-width: 768px) {
    .toast-container[b-fh7onpaae8] {
        left: 1rem;
        right: 1rem;
        align-items: stretch;
    }
}