@import '_content/ShhMoney.UI.Shared/ShhMoney.UI.Shared.m1ntnufvtx.bundle.scp.css';
@import '_content/TheGeekNetwork.Shared.UI/TheGeekNetwork.Shared.UI.xot0j3fwg2.bundle.scp.css';

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* Scoped styles handled by admin.css - this file intentionally minimal */
/* Component isolation only */
/* /Components/Pages/ActivityTimeline.razor.rz.scp.css */
/* Scoped styles for ActivityTimeline.razor (used inside each Wolverine
   queue-item card). 2026-05-22. */

.item-activity[b-qzfzbabi0j] {
    margin-top: 0.6rem;
    padding: 0.4rem 0.7rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 6px;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.7);
}

.activity-summary[b-qzfzbabi0j] {
    cursor: pointer;
    list-style: none;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.activity-summary[b-qzfzbabi0j]::-webkit-details-marker { display: none; }
.activity-summary[b-qzfzbabi0j]::before {
    content: "▸";
    display: inline-block;
    transition: transform 0.15s ease;
    margin-right: 0.3rem;
    color: rgba(255, 255, 255, 0.45);
}

.item-activity[open] > .activity-summary[b-qzfzbabi0j]::before {
    transform: rotate(90deg);
}

.activity-count[b-qzfzbabi0j] {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
}

.activity-last[b-qzfzbabi0j] {
    color: rgba(255, 255, 255, 0.55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-list[b-qzfzbabi0j] {
    margin: 0.5rem 0 0 0;
    padding: 0;
    list-style: none;
    border-left: 2px solid rgba(255, 255, 255, 0.08);
    padding-left: 0.75rem;
}

.activity-event[b-qzfzbabi0j] {
    display: grid;
    grid-template-columns: 90px 120px 1fr;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.25rem 0;
    line-height: 1.4;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.04);
}

.activity-event:last-child[b-qzfzbabi0j] { border-bottom: none; }

.ev-time[b-qzfzbabi0j] {
    color: rgba(255, 255, 255, 0.45);
    font-variant-numeric: tabular-nums;
    font-size: 0.72rem;
}

.ev-actor[b-qzfzbabi0j] {
    font-size: 0.72rem;
    font-weight: 600;
}

.ev-actor-bot[b-qzfzbabi0j]   { color: #6cb6ff; }
.ev-actor-human[b-qzfzbabi0j] { color: #ffc488; }

.ev-msg[b-qzfzbabi0j] {
    color: rgba(255, 255, 255, 0.85);
    word-break: break-word;
}

/* Per-event kind tinting — left border on the row colours the type */
.activity-event[b-qzfzbabi0j] {
    border-left: 3px solid transparent;
    padding-left: 0.5rem;
}

.activity-event.ev-error_logged[b-qzfzbabi0j]    { border-left-color: rgba(255, 152, 0, 0.6); }
.activity-event.ev-auto_heal[b-qzfzbabi0j]       { border-left-color: rgba(33, 150, 243, 0.6); }
.activity-event.ev-github_issue[b-qzfzbabi0j]    { border-left-color: rgba(180, 180, 180, 0.5); }
.activity-event.ev-acknowledged[b-qzfzbabi0j]    { border-left-color: rgba(120, 200, 255, 0.6); }
.activity-event.ev-approved_dev[b-qzfzbabi0j]    { border-left-color: rgba(255, 200, 100, 0.7); }
.activity-event.ev-approved_release[b-qzfzbabi0j]{ border-left-color: rgba(255, 152, 0, 0.85); }
.activity-event.ev-resolved[b-qzfzbabi0j]        { border-left-color: rgba(40, 167, 69, 0.8); }
.activity-event.ev-onhold[b-qzfzbabi0j],
.activity-event.ev-rejected[b-qzfzbabi0j],
.activity-event.ev-failed[b-qzfzbabi0j]          { border-left-color: rgba(220, 53, 69, 0.6); }

/* Phase 3B (2026-05-22) — workflow-dispatch outcome events */
.activity-event.ev-workflow_dispatched[b-qzfzbabi0j]         { border-left-color: rgba(76, 175, 80, 0.85); }
.activity-event.ev-workflow_dispatch_failed[b-qzfzbabi0j]    { border-left-color: rgba(220, 53, 69, 0.85); }
.activity-event.ev-workflow_dispatch_skipped[b-qzfzbabi0j]   { border-left-color: rgba(150, 150, 150, 0.6); }
/* Watcher-cron pending state (between approval and dispatch) */
.activity-event.ev-queued_for_dispatch[b-qzfzbabi0j]         { border-left-color: rgba(255, 200, 100, 0.55); }

/* Phase 3C (2026-05-22) — GitHub Actions run-status events */
.activity-event.ev-run_in_progress[b-qzfzbabi0j]             { border-left-color: rgba(33, 150, 243, 0.9); }
.activity-event.ev-run_succeeded[b-qzfzbabi0j]               { border-left-color: rgba(40, 167, 69, 0.9); }
.activity-event.ev-run_failed[b-qzfzbabi0j]                  { border-left-color: rgba(220, 53, 69, 0.9); }
.activity-event.ev-run_cancelled[b-qzfzbabi0j]               { border-left-color: rgba(150, 150, 150, 0.7); }

@media (max-width: 720px) {
    .activity-event[b-qzfzbabi0j] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
    .ev-time[b-qzfzbabi0j], .ev-actor[b-qzfzbabi0j] { font-size: 0.7rem; }
}
/* /Components/Pages/AdminSettings.razor.rz.scp.css */
.settings-grid[b-s08itnzzzl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.settings-section[b-s08itnzzzl] {
    padding: 1.5rem;
}

.settings-section-title[b-s08itnzzzl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1.25rem 0;
    color: var(--foreground);
}

.settings-section-title svg[b-s08itnzzzl] {
    opacity: 0.6;
}

.settings-row[b-s08itnzzzl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border);
    gap: 1rem;
}

.settings-row:last-child[b-s08itnzzzl] {
    border-bottom: none;
}

.settings-label[b-s08itnzzzl] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.settings-name[b-s08itnzzzl] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--foreground);
}

.settings-desc[b-s08itnzzzl] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.settings-value[b-s08itnzzzl] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.settings-chips[b-s08itnzzzl] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.chip[b-s08itnzzzl] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
}

.chip:hover[b-s08itnzzzl] {
    border-color: var(--primary);
    color: var(--primary);
}

.chip-active[b-s08itnzzzl] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.chip-active:hover[b-s08itnzzzl] {
    opacity: 0.9;
    color: white;
}

.btn-reset[b-s08itnzzzl] {
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: var(--radius);
    border: 1px solid var(--destructive);
    background: transparent;
    color: var(--destructive);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.btn-reset:hover[b-s08itnzzzl] {
    background: var(--destructive);
    color: white;
}

.settings-toast[b-s08itnzzzl] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius);
    background: var(--green);
    color: var(--foreground);
    font-size: 0.8125rem;
    font-weight: 600;
    z-index: 1000;
    animation: toast-in 0.2s ease-out;
}

@@keyframes toast-in {
    from[b-s08itnzzzl] {
        opacity: 0;
        transform: translateY(0.5rem);
    }
    to[b-s08itnzzzl] {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-s08itnzzzl] .filter-select {
    min-width: 140px;
}
/* /Components/Pages/Admin/Analytics/AbTestManagementPage.razor.rz.scp.css */
    .ab-test-management[b-m4kdis80nk] { padding: 0; }
    .page-header[b-m4kdis80nk] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; }
    .page-title[b-m4kdis80nk] { margin: 0; font-size: 1.5rem; }
    .page-subtitle[b-m4kdis80nk] { margin: 4px 0 0 0; color: var(--muted-foreground); font-size: 0.875rem; }
    .btn-primary[b-m4kdis80nk] { padding: 10px 20px; background: var(--primary); color: white; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 500; cursor: pointer; }
    .btn-secondary[b-m4kdis80nk] { padding: 10px 20px; background: var(--secondary); color: var(--foreground); border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }

    .stats-row[b-m4kdis80nk] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin-bottom: 20px; }
    .stat-card[b-m4kdis80nk] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 14px; text-align: center; }
    .stat-label[b-m4kdis80nk] { display: block; font-size: 0.75rem; color: var(--muted-foreground); }
    .stat-value[b-m4kdis80nk] { display: block; font-size: 1.5rem; font-weight: 700; }
    .stat-value.running[b-m4kdis80nk] { color: var(--primary); }
    .stat-value.winner[b-m4kdis80nk] { color: var(--green); }

    .filter-bar[b-m4kdis80nk] { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
    .search-input[b-m4kdis80nk] { flex: 1; min-width: 200px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; }
    .filter-select[b-m4kdis80nk] { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; background: var(--card); }

    .experiment-list[b-m4kdis80nk] { display: flex; flex-direction: column; gap: 16px; }
    .experiment-card[b-m4kdis80nk] { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 20px; }
    .experiment-card.running[b-m4kdis80nk] { border-left: 3px solid var(--primary); }
    .experiment-card.completed[b-m4kdis80nk] { border-left: 3px solid var(--green); }
    .experiment-card.paused[b-m4kdis80nk] { border-left: 3px solid var(--yellow); }
    .experiment-card.draft[b-m4kdis80nk] { border-left: 3px solid var(--muted-foreground); }
    .exp-header[b-m4kdis80nk] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
    .exp-name[b-m4kdis80nk] { margin: 0; font-size: 1.0625rem; }
    .exp-app[b-m4kdis80nk] { font-size: 0.75rem; color: var(--muted-foreground); }
    .exp-header-right[b-m4kdis80nk] { display: flex; align-items: center; gap: 8px; }
    .exp-status[b-m4kdis80nk] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 600; text-transform: capitalize; }
    .exp-status.running[b-m4kdis80nk] { background: rgba(99,102,241,0.1); color: var(--primary); }
    .exp-status.completed[b-m4kdis80nk] { background: var(--green-muted); color: var(--green); }
    .exp-status.paused[b-m4kdis80nk] { background: var(--yellow-muted); color: var(--yellow); }
    .exp-status.draft[b-m4kdis80nk] { background: var(--secondary); color: var(--muted-foreground); }
    .exp-actions[b-m4kdis80nk] { display: flex; gap: 4px; }
    .btn-sm[b-m4kdis80nk] { padding: 4px 10px; border: none; border-radius: 4px; font-size: 0.6875rem; cursor: pointer; font-weight: 500; }
    .btn-start[b-m4kdis80nk] { background: var(--green-muted); color: var(--green); }
    .btn-pause[b-m4kdis80nk] { background: var(--yellow-muted); color: var(--yellow); }
    .btn-stop[b-m4kdis80nk] { background: var(--red-muted); color: var(--red); }
    .exp-hypothesis[b-m4kdis80nk] { margin: 0 0 10px 0; font-size: 0.8125rem; color: var(--muted-foreground); font-style: italic; }
    .exp-metric[b-m4kdis80nk] { margin-bottom: 14px; font-size: 0.8125rem; }
    .exp-metric-label[b-m4kdis80nk] { color: var(--muted-foreground); }
    .exp-metric-value[b-m4kdis80nk] { font-weight: 600; }

    .variants-section[b-m4kdis80nk] { margin-bottom: 14px; }
    .variant-row[b-m4kdis80nk] { padding: 10px; border: 1px solid var(--border); border-radius: 8px; margin-bottom: 6px; }
    .variant-row.winner[b-m4kdis80nk] { border-color: var(--green); background: rgba(34,197,94,0.05); }
    .variant-header[b-m4kdis80nk] { display: flex; justify-content: space-between; margin-bottom: 6px; }
    .variant-name[b-m4kdis80nk] { font-weight: 600; font-size: 0.875rem; display: flex; align-items: center; gap: 6px; }
    .control-tag[b-m4kdis80nk] { padding: 1px 6px; background: var(--secondary); color: var(--muted-foreground); border-radius: 3px; font-size: 0.625rem; font-weight: 500; }
    .winner-tag[b-m4kdis80nk] { padding: 1px 6px; background: var(--green-muted); color: var(--green); border-radius: 3px; font-size: 0.625rem; font-weight: 600; }
    .variant-traffic[b-m4kdis80nk] { font-size: 0.75rem; color: var(--muted-foreground); }
    .variant-metrics[b-m4kdis80nk] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 6px; }
    .vm[b-m4kdis80nk] { text-align: center; }
    .vm-label[b-m4kdis80nk] { display: block; font-size: 0.5625rem; color: var(--muted-foreground); text-transform: uppercase; }
    .vm-value[b-m4kdis80nk] { display: block; font-size: 0.8125rem; font-weight: 600; }
    .vm-value.highlight[b-m4kdis80nk] { color: var(--primary); }
    .vm-value.positive[b-m4kdis80nk] { color: var(--green); }
    .vm-value.negative[b-m4kdis80nk] { color: var(--destructive); }
    .variant-bar-bg[b-m4kdis80nk] { height: 6px; background: var(--secondary); border-radius: 3px; overflow: hidden; }
    .variant-bar[b-m4kdis80nk] { height: 100%; background: var(--primary); border-radius: 3px; transition: width 0.5s; }
    .variant-bar.winner-bar[b-m4kdis80nk] { background: var(--green); }

    .significance-section[b-m4kdis80nk] { margin-bottom: 12px; }
    .sig-bar-bg[b-m4kdis80nk] { height: 8px; background: var(--secondary); border-radius: 4px; overflow: hidden; margin-bottom: 6px; }
    .sig-bar[b-m4kdis80nk] { height: 100%; border-radius: 4px; transition: width 0.5s; background: var(--muted-foreground); }
    .sig-bar.trending[b-m4kdis80nk] { background: var(--yellow); }
    .sig-bar.significant[b-m4kdis80nk] { background: var(--green); }
    .sig-info[b-m4kdis80nk] { display: flex; justify-content: space-between; font-size: 0.75rem; }
    .sig-confidence[b-m4kdis80nk] { font-weight: 600; }
    .sig-significant[b-m4kdis80nk] { color: var(--green); font-weight: 600; }
    .sig-trending[b-m4kdis80nk] { color: var(--yellow); font-weight: 500; }
    .sig-insufficient[b-m4kdis80nk] { color: var(--muted-foreground); }
    .sig-sample[b-m4kdis80nk] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); margin-top: 2px; }

    .exp-footer[b-m4kdis80nk] { display: flex; justify-content: space-between; font-size: 0.6875rem; color: var(--muted-foreground); border-top: 1px solid var(--border); padding-top: 10px; }
    .empty-state[b-m4kdis80nk] { text-align: center; padding: 48px; }
    .empty-state h3[b-m4kdis80nk] { margin: 0 0 8px 0; }
    .empty-state p[b-m4kdis80nk] { color: var(--muted-foreground); margin: 0 0 16px 0; }

    .modal-overlay[b-m4kdis80nk] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal-content[b-m4kdis80nk] { background: var(--card); border-radius: 12px; padding: 24px; width: 90%; max-width: 600px; max-height: 90vh; overflow-y: auto; }
    .modal-wide[b-m4kdis80nk] { max-width: 650px; }
    .modal-content h3[b-m4kdis80nk] { margin: 0 0 16px 0; }
    .form-group[b-m4kdis80nk] { margin-bottom: 14px; }
    .form-group label[b-m4kdis80nk] { display: block; font-size: 0.8125rem; font-weight: 600; margin-bottom: 4px; }
    .form-input[b-m4kdis80nk] { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; box-sizing: border-box; }
    textarea.form-input[b-m4kdis80nk] { resize: vertical; }
    .form-row[b-m4kdis80nk] { display: flex; gap: 12px; }
    .flex-1[b-m4kdis80nk] { flex: 1; }
    .variant-inputs[b-m4kdis80nk] { display: flex; flex-direction: column; gap: 6px; }
    .variant-input-row[b-m4kdis80nk] { display: flex; gap: 8px; align-items: center; }
    .traffic-input[b-m4kdis80nk] { width: 80px !important; flex: none; }
    .traffic-label[b-m4kdis80nk] { font-size: 0.75rem; color: var(--muted-foreground); white-space: nowrap; }
    .modal-actions[b-m4kdis80nk] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
/* /Components/Pages/Admin/Analytics/AnalyticsDashboardPage.razor.rz.scp.css */
    .analytics-dashboard[b-e1tpzuo1nl] { padding: 0; }
    .page-header[b-e1tpzuo1nl] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }
    .page-title[b-e1tpzuo1nl] { margin: 0; font-size: 1.5rem; }
    .page-subtitle[b-e1tpzuo1nl] { margin: 4px 0 0 0; color: var(--muted-foreground); font-size: 0.875rem; }
    .header-controls[b-e1tpzuo1nl] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
    .date-range[b-e1tpzuo1nl] { display: flex; align-items: center; gap: 6px; }
    .date-input[b-e1tpzuo1nl] { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 0.8125rem; }
    .date-sep[b-e1tpzuo1nl] { color: var(--muted-foreground); font-size: 0.8125rem; }
    .app-selector[b-e1tpzuo1nl] { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 0.8125rem; background: var(--card); }
    .btn-secondary[b-e1tpzuo1nl] { padding: 8px 16px; background: var(--secondary); border: none; border-radius: 6px; font-size: 0.8125rem; cursor: pointer; }

    .kpi-grid[b-e1tpzuo1nl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 24px; }
    .kpi-card[b-e1tpzuo1nl] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 14px; }
    .kpi-label[b-e1tpzuo1nl] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); text-transform: uppercase; letter-spacing: 0.03em; }
    .kpi-value[b-e1tpzuo1nl] { display: block; font-size: 1.5rem; font-weight: 700; margin: 2px 0; }
    .kpi-value.churn[b-e1tpzuo1nl] { color: var(--destructive); }
    .kpi-value.positive[b-e1tpzuo1nl] { color: var(--green); }
    .kpi-change[b-e1tpzuo1nl] { font-size: 0.6875rem; font-weight: 600; }
    .kpi-change.positive[b-e1tpzuo1nl] { color: var(--green); }
    .kpi-change.negative[b-e1tpzuo1nl] { color: var(--destructive); }

    .section-card[b-e1tpzuo1nl] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 18px; margin-bottom: 20px; }
    .section-card h3[b-e1tpzuo1nl] { margin: 0 0 14px 0; font-size: 1rem; }

    .two-col[b-e1tpzuo1nl] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    @media (max-width: 768px) { .two-col[b-e1tpzuo1nl] { grid-template-columns: 1fr; } }

    .app-table table[b-e1tpzuo1nl] { width: 100%; border-collapse: collapse; }
    .app-table thead th[b-e1tpzuo1nl] { text-align: left; padding: 10px 12px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); border-bottom: 1px solid var(--border); }
    .app-table tbody td[b-e1tpzuo1nl] { padding: 10px 12px; font-size: 0.8125rem; border-bottom: 1px solid var(--border); }
    .app-name-cell[b-e1tpzuo1nl] { display: flex; align-items: center; gap: 8px; font-weight: 600; }
    .app-dot[b-e1tpzuo1nl] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
    .health-dot[b-e1tpzuo1nl] { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
    .health-dot.healthy[b-e1tpzuo1nl] { background: var(--green); }
    .health-dot.warning[b-e1tpzuo1nl] { background: var(--yellow); }
    .health-dot.critical[b-e1tpzuo1nl] { background: var(--destructive); }

    .growth-bars[b-e1tpzuo1nl] { display: flex; align-items: flex-end; gap: 4px; height: 160px; padding: 10px 0; }
    .growth-bar-col[b-e1tpzuo1nl] { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; }
    .growth-bar[b-e1tpzuo1nl] { width: 100%; max-width: 30px; background: var(--primary); border-radius: 4px 4px 0 0; transition: height 0.5s; min-height: 2px; }
    .growth-label[b-e1tpzuo1nl] { font-size: 0.5625rem; color: var(--muted-foreground); margin-top: 4px; }

    .revenue-sources[b-e1tpzuo1nl] { display: flex; flex-direction: column; gap: 10px; }
    .source-row[b-e1tpzuo1nl] { display: flex; align-items: center; gap: 8px; }
    .source-name[b-e1tpzuo1nl] { width: 100px; font-size: 0.8125rem; display: flex; align-items: center; gap: 6px; }
    .source-dot[b-e1tpzuo1nl] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
    .source-bar-bg[b-e1tpzuo1nl] { flex: 1; height: 16px; background: var(--secondary); border-radius: 3px; overflow: hidden; }
    .source-bar[b-e1tpzuo1nl] { height: 100%; border-radius: 3px; transition: width 0.5s; }
    .source-amount[b-e1tpzuo1nl] { width: 80px; text-align: right; font-size: 0.8125rem; font-weight: 600; }
    .source-pct[b-e1tpzuo1nl] { width: 40px; text-align: right; font-size: 0.75rem; color: var(--muted-foreground); }

    .gam-metrics-grid[b-e1tpzuo1nl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
    .gam-metric[b-e1tpzuo1nl] { text-align: center; padding: 12px; background: var(--secondary); border-radius: 8px; }
    .gam-label[b-e1tpzuo1nl] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); }
    .gam-value[b-e1tpzuo1nl] { display: block; font-size: 1.375rem; font-weight: 700; color: var(--primary); }

    .geo-list[b-e1tpzuo1nl] { display: flex; flex-direction: column; gap: 8px; }
    .geo-row[b-e1tpzuo1nl] { display: flex; align-items: center; gap: 10px; }
    .geo-name[b-e1tpzuo1nl] { width: 120px; font-size: 0.8125rem; }
    .geo-bar-bg[b-e1tpzuo1nl] { flex: 1; height: 16px; background: var(--secondary); border-radius: 3px; overflow: hidden; }
    .geo-bar[b-e1tpzuo1nl] { height: 100%; background: var(--primary); border-radius: 3px; transition: width 0.5s; }
    .geo-count[b-e1tpzuo1nl] { width: 60px; text-align: right; font-size: 0.8125rem; font-weight: 600; }
    .geo-pct[b-e1tpzuo1nl] { width: 40px; text-align: right; font-size: 0.75rem; color: var(--muted-foreground); }
/* /Components/Pages/Admin/Analytics/FunnelAnalysisPage.razor.rz.scp.css */
    .funnel-analysis[b-fjb4w5l8kc] { padding: 0; }
    .page-header[b-fjb4w5l8kc] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }
    .page-title[b-fjb4w5l8kc] { margin: 0; font-size: 1.5rem; }
    .page-subtitle[b-fjb4w5l8kc] { margin: 4px 0 0 0; color: var(--muted-foreground); font-size: 0.875rem; }
    .header-controls[b-fjb4w5l8kc] { display: flex; gap: 8px; align-items: center; }
    .funnel-selector[b-fjb4w5l8kc], .period-selector[b-fjb4w5l8kc] { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; background: var(--card); }
    .btn-secondary[b-fjb4w5l8kc] { padding: 8px 16px; background: var(--secondary); border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }
    .btn-primary[b-fjb4w5l8kc] { padding: 10px 20px; background: var(--primary); color: white; border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }

    .funnel-viz-card[b-fjb4w5l8kc] { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 20px; }
    .funnel-viz-card h3[b-fjb4w5l8kc] { margin: 0 0 4px 0; }
    .funnel-desc[b-fjb4w5l8kc] { margin: 0 0 20px 0; font-size: 0.875rem; color: var(--muted-foreground); }

    .funnel-container[b-fjb4w5l8kc] { display: flex; flex-direction: column; gap: 0; }
    .funnel-step[b-fjb4w5l8kc] { display: flex; gap: 12px; align-items: flex-start; }
    .step-number[b-fjb4w5l8kc] { width: 28px; height: 28px; border-radius: 50%; background: var(--primary); color: white; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; flex-shrink: 0; margin-top: 4px; }
    .step-content[b-fjb4w5l8kc] { flex: 1; }
    .step-header[b-fjb4w5l8kc] { display: flex; justify-content: space-between; margin-bottom: 6px; }
    .step-name[b-fjb4w5l8kc] { font-weight: 600; font-size: 0.9375rem; }
    .step-users[b-fjb4w5l8kc] { font-weight: 600; font-size: 0.9375rem; color: var(--primary); }
    .step-bar-bg[b-fjb4w5l8kc] { height: 24px; background: var(--secondary); border-radius: 6px; overflow: hidden; }
    .step-bar[b-fjb4w5l8kc] { height: 100%; background: linear-gradient(90deg, var(--primary), #818cf8); border-radius: 6px; transition: width 0.5s; }
    .step-stats[b-fjb4w5l8kc] { display: flex; gap: 12px; margin-top: 4px; font-size: 0.6875rem; }
    .step-conversion[b-fjb4w5l8kc] { color: var(--muted-foreground); }
    .step-dropoff[b-fjb4w5l8kc] { color: var(--destructive); }
    .step-overall[b-fjb4w5l8kc] { color: var(--primary); font-weight: 500; }

    .funnel-connector[b-fjb4w5l8kc] { display: flex; align-items: center; padding: 4px 0 4px 14px; }
    .connector-line[b-fjb4w5l8kc] { width: 2px; height: 16px; background: var(--border); }
    .dropoff-count[b-fjb4w5l8kc] { font-size: 0.6875rem; color: var(--destructive); margin-left: 8px; }

    .funnel-summary[b-fjb4w5l8kc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border); }
    .summary-item[b-fjb4w5l8kc] { text-align: center; }
    .summary-label[b-fjb4w5l8kc] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); text-transform: uppercase; }
    .summary-value[b-fjb4w5l8kc] { display: block; font-size: 1.25rem; font-weight: 700; }
    .summary-value.dropoff[b-fjb4w5l8kc] { color: var(--destructive); }

    .section-card[b-fjb4w5l8kc] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 18px; margin-bottom: 20px; }
    .section-card h3[b-fjb4w5l8kc] { margin: 0 0 14px 0; font-size: 1rem; }

    .step-table[b-fjb4w5l8kc] { width: 100%; border-collapse: collapse; }
    .step-table thead th[b-fjb4w5l8kc] { text-align: left; padding: 10px 12px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); border-bottom: 1px solid var(--border); }
    .step-table tbody td[b-fjb4w5l8kc] { padding: 10px 12px; font-size: 0.8125rem; border-bottom: 1px solid var(--border); }
    .step-num[b-fjb4w5l8kc] { font-weight: 700; color: var(--primary); width: 30px; }
    .step-name-cell[b-fjb4w5l8kc] { font-weight: 500; }
    .conv-badge[b-fjb4w5l8kc] { padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
    .conv-badge.good[b-fjb4w5l8kc] { background: var(--green-muted); color: var(--green); }
    .conv-badge.ok[b-fjb4w5l8kc] { background: var(--yellow-muted); color: var(--yellow); }
    .conv-badge.bad[b-fjb4w5l8kc] { background: var(--red-muted); color: var(--red); }
    .dropoff-cell[b-fjb4w5l8kc] { color: var(--destructive); }
    .trend[b-fjb4w5l8kc] { font-size: 0.75rem; font-weight: 500; }
    .trend.positive[b-fjb4w5l8kc] { color: var(--green); }
    .trend.negative[b-fjb4w5l8kc] { color: var(--destructive); }

    .comparison-grid[b-fjb4w5l8kc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
    .comparison-item[b-fjb4w5l8kc] { text-align: center; padding: 12px; background: var(--secondary); border-radius: 8px; }
    .comp-period[b-fjb4w5l8kc] { display: block; font-size: 0.75rem; color: var(--muted-foreground); }
    .comp-conversion[b-fjb4w5l8kc] { display: block; font-size: 1.25rem; font-weight: 700; }
    .comp-change[b-fjb4w5l8kc] { display: block; font-size: 0.6875rem; font-weight: 500; }
    .comp-change.positive[b-fjb4w5l8kc] { color: var(--green); }
    .comp-change.negative[b-fjb4w5l8kc] { color: var(--destructive); }

    .modal-overlay[b-fjb4w5l8kc] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal-content[b-fjb4w5l8kc] { background: var(--card); border-radius: 12px; padding: 24px; width: 90%; max-width: 500px; }
    .modal-content h3[b-fjb4w5l8kc] { margin: 0 0 16px 0; }
    .form-group[b-fjb4w5l8kc] { margin-bottom: 14px; }
    .form-group label[b-fjb4w5l8kc] { display: block; font-size: 0.8125rem; font-weight: 600; margin-bottom: 4px; }
    .form-input[b-fjb4w5l8kc] { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; box-sizing: border-box; }
    textarea.form-input[b-fjb4w5l8kc] { resize: vertical; }
    .modal-actions[b-fjb4w5l8kc] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
/* /Components/Pages/Admin/Influencer/CampaignManagementPage.razor.rz.scp.css */
    .campaign-management[b-9slcc7xu72] { padding: 0; }
    .page-header[b-9slcc7xu72] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; }
    .page-title[b-9slcc7xu72] { margin: 0; font-size: 1.5rem; }
    .page-subtitle[b-9slcc7xu72] { margin: 4px 0 0 0; color: var(--muted-foreground); font-size: 0.875rem; }
    .btn-primary[b-9slcc7xu72] { padding: 10px 20px; background: var(--primary); color: white; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 500; cursor: pointer; }
    .btn-primary:disabled[b-9slcc7xu72] { opacity: 0.6; }
    .btn-secondary[b-9slcc7xu72] { padding: 10px 20px; background: var(--secondary); color: var(--foreground); border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }
    .btn-draft[b-9slcc7xu72] { padding: 10px 20px; background: var(--yellow-muted); color: var(--yellow); border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }

    .stats-row[b-9slcc7xu72] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 24px; }
    .stat-card[b-9slcc7xu72] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 14px; text-align: center; }
    .stat-label[b-9slcc7xu72] { display: block; font-size: 0.75rem; color: var(--muted-foreground); }
    .stat-value[b-9slcc7xu72] { display: block; font-size: 1.5rem; font-weight: 700; }

    .filter-bar[b-9slcc7xu72] { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
    .search-input[b-9slcc7xu72] { flex: 1; min-width: 200px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; }
    .filter-select[b-9slcc7xu72] { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; background: var(--card); }

    .campaign-grid[b-9slcc7xu72] { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
    .campaign-card[b-9slcc7xu72] { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 18px; transition: all 0.2s; }
    .campaign-card:hover[b-9slcc7xu72] { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
    .campaign-card.active[b-9slcc7xu72] { border-left: 3px solid var(--green); }
    .campaign-card.draft[b-9slcc7xu72] { border-left: 3px solid var(--yellow); }
    .campaign-card.paused[b-9slcc7xu72] { border-left: 3px solid var(--destructive); }
    .campaign-card.completed[b-9slcc7xu72] { border-left: 3px solid var(--muted-foreground); }
    .campaign-card-header[b-9slcc7xu72] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
    .campaign-status[b-9slcc7xu72] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 600; text-transform: capitalize; }
    .campaign-status.active[b-9slcc7xu72] { background: var(--green-muted); color: var(--green); }
    .campaign-status.draft[b-9slcc7xu72] { background: var(--yellow-muted); color: var(--yellow); }
    .campaign-status.paused[b-9slcc7xu72] { background: var(--red-muted); color: var(--red); }
    .campaign-status.completed[b-9slcc7xu72] { background: var(--secondary); color: var(--muted-foreground); }
    .campaign-actions-menu[b-9slcc7xu72] { display: flex; gap: 4px; }
    .btn-icon[b-9slcc7xu72] { background: none; border: none; cursor: pointer; padding: 6px; border-radius: 6px; color: var(--muted-foreground); }
    .btn-icon:hover[b-9slcc7xu72] { background: var(--secondary); }
    .btn-icon.launch[b-9slcc7xu72] { color: var(--green); }
    .btn-icon.pause[b-9slcc7xu72] { color: var(--yellow); }
    .campaign-name[b-9slcc7xu72] { margin: 0 0 6px 0; font-size: 1.0625rem; }
    .campaign-desc[b-9slcc7xu72] { margin: 0 0 12px 0; font-size: 0.8125rem; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .campaign-platforms[b-9slcc7xu72] { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 12px; }
    .platform-tag[b-9slcc7xu72] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 500; color: white; }
    .platform-tag.instagram[b-9slcc7xu72] { background: #e1306c; }
    .platform-tag.tiktok[b-9slcc7xu72] { background: #010101; }
    .platform-tag.youtube[b-9slcc7xu72] { background: #ff0000; }
    .platform-tag.twitter[b-9slcc7xu72] { background: #1da1f2; }
    .platform-tag.facebook[b-9slcc7xu72] { background: #1877f2; }
    .campaign-metrics[b-9slcc7xu72] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; }
    .campaign-metric[b-9slcc7xu72] { text-align: center; }
    .cm-label[b-9slcc7xu72] { display: block; font-size: 0.625rem; color: var(--muted-foreground); text-transform: uppercase; }
    .cm-value[b-9slcc7xu72] { display: block; font-size: 0.9375rem; font-weight: 700; }
    .campaign-budget[b-9slcc7xu72] { margin-bottom: 8px; }
    .budget-header[b-9slcc7xu72] { display: flex; justify-content: space-between; font-size: 0.75rem; color: var(--muted-foreground); margin-bottom: 4px; }
    .budget-bar[b-9slcc7xu72] { height: 6px; background: var(--secondary); border-radius: 3px; overflow: hidden; }
    .budget-fill[b-9slcc7xu72] { height: 100%; background: var(--primary); border-radius: 3px; transition: width 0.5s; }
    .budget-fill.warning[b-9slcc7xu72] { background: var(--destructive); }
    .campaign-dates[b-9slcc7xu72] { font-size: 0.6875rem; color: var(--muted-foreground); }
    .empty-state[b-9slcc7xu72] { text-align: center; padding: 48px; }
    .empty-state h3[b-9slcc7xu72] { margin: 0 0 8px 0; }
    .empty-state p[b-9slcc7xu72] { color: var(--muted-foreground); margin: 0 0 16px 0; }

    .modal-overlay[b-9slcc7xu72] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal-content[b-9slcc7xu72] { background: var(--card); border-radius: 12px; padding: 24px; width: 90%; max-width: 600px; max-height: 90vh; overflow-y: auto; }
    .modal-wide[b-9slcc7xu72] { max-width: 700px; }
    .modal-content h3[b-9slcc7xu72] { margin: 0 0 16px 0; }
    .form-group[b-9slcc7xu72] { margin-bottom: 14px; }
    .form-group label[b-9slcc7xu72] { display: block; font-size: 0.8125rem; font-weight: 600; margin-bottom: 4px; }
    .form-input[b-9slcc7xu72] { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; box-sizing: border-box; }
    textarea.form-input[b-9slcc7xu72] { resize: vertical; }
    .form-row[b-9slcc7xu72] { display: flex; gap: 12px; }
    .flex-1[b-9slcc7xu72] { flex: 1; }
    .platform-checks[b-9slcc7xu72] { display: flex; flex-wrap: wrap; gap: 12px; }
    .platform-check-label[b-9slcc7xu72] { display: flex; align-items: center; gap: 4px; font-size: 0.875rem; cursor: pointer; }
    .form-error[b-9slcc7xu72] { padding: 10px; background: var(--red-muted); color: var(--destructive); border-radius: 6px; font-size: 0.8125rem; margin-bottom: 12px; }
    .modal-actions[b-9slcc7xu72] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
/* /Components/Pages/Admin/Influencer/CommissionTrackingPage.razor.rz.scp.css */
    .commission-tracking[b-ub0v5mpvwy] { padding: 0; }
    .page-header[b-ub0v5mpvwy] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; }
    .page-title[b-ub0v5mpvwy] { margin: 0; font-size: 1.5rem; }
    .page-subtitle[b-ub0v5mpvwy] { margin: 4px 0 0 0; color: var(--muted-foreground); font-size: 0.875rem; }
    .header-actions[b-ub0v5mpvwy] { display: flex; gap: 8px; }
    .btn-primary[b-ub0v5mpvwy] { padding: 10px 20px; background: var(--primary); color: white; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 500; cursor: pointer; }
    .btn-primary:disabled[b-ub0v5mpvwy] { opacity: 0.6; }
    .btn-secondary[b-ub0v5mpvwy] { padding: 10px 20px; background: var(--secondary); color: var(--foreground); border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }

    .metrics-grid[b-ub0v5mpvwy] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 20px; }
    .metric-card[b-ub0v5mpvwy] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 14px; }
    .metric-label[b-ub0v5mpvwy] { display: block; font-size: 0.75rem; color: var(--muted-foreground); }
    .metric-value[b-ub0v5mpvwy] { display: block; font-size: 1.375rem; font-weight: 700; }
    .metric-value.paid[b-ub0v5mpvwy] { color: var(--green); }
    .metric-value.pending[b-ub0v5mpvwy] { color: var(--yellow); }
    .metric-change[b-ub0v5mpvwy] { font-size: 0.6875rem; font-weight: 500; }
    .metric-change.positive[b-ub0v5mpvwy] { color: var(--green); }
    .metric-change.negative[b-ub0v5mpvwy] { color: var(--destructive); }

    .period-bar[b-ub0v5mpvwy] { margin-bottom: 20px; }
    .period-selector[b-ub0v5mpvwy] { display: flex; gap: 4px; }
    .period-btn[b-ub0v5mpvwy] { padding: 6px 14px; border: 1px solid var(--border); border-radius: 6px; background: none; cursor: pointer; font-size: 0.8125rem; }
    .period-btn.active[b-ub0v5mpvwy] { background: var(--primary); color: white; border-color: transparent; }

    .section-card[b-ub0v5mpvwy] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 18px; margin-bottom: 20px; }
    .section-card h3[b-ub0v5mpvwy] { margin: 0 0 14px 0; font-size: 1rem; }
    .section-header[b-ub0v5mpvwy] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
    .section-header h3[b-ub0v5mpvwy] { margin: 0; }
    .table-filters[b-ub0v5mpvwy] { display: flex; gap: 8px; }
    .filter-select[b-ub0v5mpvwy] { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 0.8125rem; background: var(--card); }

    .top-earners[b-ub0v5mpvwy] { display: flex; flex-direction: column; gap: 8px; }
    .earner-row[b-ub0v5mpvwy] { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 8px; }
    .earner-row:hover[b-ub0v5mpvwy] { background: var(--secondary); }
    .earner-rank[b-ub0v5mpvwy] { width: 28px; height: 28px; border-radius: 50%; background: var(--secondary); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; flex-shrink: 0; }
    .earner-avatar[b-ub0v5mpvwy] { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background: var(--primary); display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 0.875rem; flex-shrink: 0; }
    .earner-avatar img[b-ub0v5mpvwy] { width: 100%; height: 100%; object-fit: cover; }
    .earner-info[b-ub0v5mpvwy] { flex: 1; }
    .earner-name[b-ub0v5mpvwy] { display: block; font-weight: 600; font-size: 0.875rem; }
    .earner-tier[b-ub0v5mpvwy] { font-size: 0.6875rem; font-weight: 500; text-transform: capitalize; }
    .earner-tier.nano[b-ub0v5mpvwy] { color: var(--muted-foreground); }
    .earner-tier.micro[b-ub0v5mpvwy] { color: var(--primary); }
    .earner-tier.macro[b-ub0v5mpvwy] { color: var(--yellow); }
    .earner-tier.mega[b-ub0v5mpvwy] { color: var(--destructive); }
    .earner-stats[b-ub0v5mpvwy] { text-align: right; }
    .earner-revenue[b-ub0v5mpvwy] { display: block; font-weight: 700; font-size: 0.9375rem; color: var(--green); }
    .earner-referrals[b-ub0v5mpvwy] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); }

    .commission-table[b-ub0v5mpvwy] { width: 100%; border-collapse: collapse; }
    .commission-table thead th[b-ub0v5mpvwy] { text-align: left; padding: 10px 12px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); border-bottom: 1px solid var(--border); }
    .commission-table tbody td[b-ub0v5mpvwy] { padding: 10px 12px; font-size: 0.8125rem; border-bottom: 1px solid var(--border); }
    .date-cell[b-ub0v5mpvwy] { color: var(--muted-foreground); white-space: nowrap; }
    .tx-influencer[b-ub0v5mpvwy] { font-weight: 500; }
    .type-badge[b-ub0v5mpvwy] { padding: 2px 6px; border-radius: 4px; font-size: 0.6875rem; font-weight: 500; text-transform: capitalize; }
    .type-badge.referral[b-ub0v5mpvwy] { background: rgba(99,102,241,0.1); color: var(--primary); }
    .type-badge.campaign[b-ub0v5mpvwy] { background: rgba(16,163,74,0.1); color: var(--green); }
    .type-badge.bonus[b-ub0v5mpvwy] { background: rgba(245,158,11,0.1); color: var(--yellow); }
    .source-cell[b-ub0v5mpvwy] { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted-foreground); }
    .commission-amount[b-ub0v5mpvwy] { font-weight: 600; color: var(--green); }
    .payout-status[b-ub0v5mpvwy] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 500; text-transform: capitalize; }
    .payout-status.pending[b-ub0v5mpvwy] { background: var(--yellow-muted); color: var(--yellow); }
    .payout-status.processing[b-ub0v5mpvwy] { background: rgba(99,102,241,0.1); color: var(--primary); }
    .payout-status.paid[b-ub0v5mpvwy] { background: var(--green-muted); color: var(--green); }
    .payout-status.failed[b-ub0v5mpvwy] { background: var(--red-muted); color: var(--red); }
    .empty-table[b-ub0v5mpvwy] { text-align: center; padding: 24px; color: var(--muted-foreground); font-size: 0.875rem; }

    .payout-list[b-ub0v5mpvwy] { display: flex; flex-direction: column; gap: 8px; }
    .payout-row[b-ub0v5mpvwy] { display: flex; align-items: center; gap: 12px; padding: 10px; border-bottom: 1px solid var(--border); }
    .payout-date[b-ub0v5mpvwy] { font-size: 0.8125rem; color: var(--muted-foreground); width: 100px; }
    .payout-info[b-ub0v5mpvwy] { flex: 1; }
    .payout-count[b-ub0v5mpvwy] { display: block; font-size: 0.8125rem; font-weight: 500; }
    .payout-method[b-ub0v5mpvwy] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); }
    .payout-amount[b-ub0v5mpvwy] { font-size: 1rem; font-weight: 700; color: var(--green); }
    .payout-badge[b-ub0v5mpvwy] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 500; text-transform: capitalize; }
    .payout-badge.completed[b-ub0v5mpvwy] { background: var(--green-muted); color: var(--green); }
    .payout-badge.processing[b-ub0v5mpvwy] { background: rgba(99,102,241,0.1); color: var(--primary); }
    .payout-badge.failed[b-ub0v5mpvwy] { background: var(--red-muted); color: var(--red); }

    .modal-overlay[b-ub0v5mpvwy] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal-content[b-ub0v5mpvwy] { background: var(--card); border-radius: 12px; padding: 24px; width: 90%; max-width: 500px; }
    .modal-content h3[b-ub0v5mpvwy] { margin: 0 0 4px 0; }
    .modal-desc[b-ub0v5mpvwy] { margin: 0 0 16px 0; font-size: 0.875rem; color: var(--muted-foreground); }
    .payout-summary[b-ub0v5mpvwy] { background: var(--secondary); border-radius: 8px; padding: 14px; margin-bottom: 16px; }
    .payout-summary-row[b-ub0v5mpvwy] { display: flex; justify-content: space-between; font-size: 0.875rem; padding: 4px 0; }
    .payout-summary-value[b-ub0v5mpvwy] { font-weight: 700; }
    .form-group[b-ub0v5mpvwy] { margin-bottom: 14px; }
    .form-group label[b-ub0v5mpvwy] { display: block; font-size: 0.8125rem; font-weight: 600; margin-bottom: 4px; }
    .form-input[b-ub0v5mpvwy] { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; box-sizing: border-box; }
    textarea.form-input[b-ub0v5mpvwy] { resize: vertical; }
    .form-hint[b-ub0v5mpvwy] { font-size: 0.6875rem; color: var(--muted-foreground); margin-top: 2px; display: block; }
    .modal-actions[b-ub0v5mpvwy] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
/* /Components/Pages/Admin/Influencer/InfluencerDashboardPage.razor.rz.scp.css */
    .influencer-dashboard[b-u8v012fly2] { padding: 0; }
    .page-header[b-u8v012fly2] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; }
    .page-title[b-u8v012fly2] { margin: 0; font-size: 1.5rem; }
    .page-subtitle[b-u8v012fly2] { margin: 4px 0 0 0; font-size: 0.875rem; color: var(--muted-foreground); }
    .header-actions[b-u8v012fly2] { display: flex; gap: 8px; }
    .btn-primary[b-u8v012fly2] { padding: 10px 20px; background: var(--primary); color: white; border: none; border-radius: 8px; font-size: 0.875rem; font-weight: 500; cursor: pointer; }
    .btn-primary:disabled[b-u8v012fly2] { opacity: 0.6; }
    .btn-secondary[b-u8v012fly2] { padding: 10px 20px; background: var(--secondary); color: var(--foreground); border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }

    .metrics-grid[b-u8v012fly2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 24px; }
    .metric-card[b-u8v012fly2] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }
    .metric-label[b-u8v012fly2] { display: block; font-size: 0.75rem; color: var(--muted-foreground); margin-bottom: 4px; }
    .metric-value[b-u8v012fly2] { display: block; font-size: 1.5rem; font-weight: 700; }
    .metric-change[b-u8v012fly2] { font-size: 0.6875rem; font-weight: 500; }
    .metric-change.positive[b-u8v012fly2] { color: var(--green); }

    .tier-distribution[b-u8v012fly2] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; margin-bottom: 24px; }
    .tier-distribution h3[b-u8v012fly2] { margin: 0 0 12px 0; font-size: 1rem; }
    .tier-row[b-u8v012fly2] { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
    .tier-name[b-u8v012fly2] { width: 60px; font-size: 0.8125rem; font-weight: 600; }
    .tier-name.nano[b-u8v012fly2] { color: var(--muted-foreground); }
    .tier-name.micro[b-u8v012fly2] { color: var(--primary); }
    .tier-name.macro[b-u8v012fly2] { color: var(--yellow); }
    .tier-name.mega[b-u8v012fly2] { color: var(--destructive); }
    .tier-bar-bg[b-u8v012fly2] { flex: 1; height: 20px; background: var(--secondary); border-radius: 4px; overflow: hidden; }
    .tier-bar[b-u8v012fly2] { height: 100%; border-radius: 4px; transition: width 0.5s; }
    .tier-bar.nano[b-u8v012fly2] { background: var(--muted-foreground); }
    .tier-bar.micro[b-u8v012fly2] { background: var(--primary); }
    .tier-bar.macro[b-u8v012fly2] { background: var(--yellow); }
    .tier-bar.mega[b-u8v012fly2] { background: var(--destructive); }
    .tier-count[b-u8v012fly2] { width: 40px; text-align: right; font-size: 0.875rem; font-weight: 600; }

    .filter-bar[b-u8v012fly2] { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
    .search-input[b-u8v012fly2] { flex: 1; min-width: 200px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; }
    .filter-select[b-u8v012fly2] { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; background: var(--card); }

    .influencer-table[b-u8v012fly2] { background: var(--card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
    table[b-u8v012fly2] { width: 100%; border-collapse: collapse; }
    thead th[b-u8v012fly2] { text-align: left; padding: 12px 14px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted-foreground); border-bottom: 1px solid var(--border); background: var(--secondary); }
    tbody td[b-u8v012fly2] { padding: 12px 14px; font-size: 0.8125rem; border-bottom: 1px solid var(--border); }
    .inactive-row[b-u8v012fly2] { opacity: 0.6; }
    .influencer-cell[b-u8v012fly2] { display: flex; align-items: center; gap: 10px; }
    .influencer-avatar[b-u8v012fly2] { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background: var(--primary); display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 0.875rem; flex-shrink: 0; }
    .influencer-avatar img[b-u8v012fly2] { width: 100%; height: 100%; object-fit: cover; }
    .inf-name[b-u8v012fly2] { display: block; font-weight: 600; font-size: 0.875rem; }
    .inf-handle[b-u8v012fly2] { display: block; font-size: 0.6875rem; color: var(--muted-foreground); }
    .tier-badge[b-u8v012fly2] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 600; text-transform: capitalize; }
    .tier-badge.nano[b-u8v012fly2] { background: var(--secondary); color: var(--muted-foreground); }
    .tier-badge.micro[b-u8v012fly2] { background: rgba(99,102,241,0.1); color: var(--primary); }
    .tier-badge.macro[b-u8v012fly2] { background: rgba(245,158,11,0.1); color: var(--yellow); }
    .tier-badge.mega[b-u8v012fly2] { background: rgba(239,68,68,0.1); color: var(--destructive); }
    .status-badge[b-u8v012fly2] { padding: 2px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 500; text-transform: capitalize; }
    .status-badge.active[b-u8v012fly2] { background: var(--green-muted); color: var(--green); }
    .status-badge.pending[b-u8v012fly2] { background: var(--yellow-muted); color: var(--yellow); }
    .status-badge.paused[b-u8v012fly2] { background: var(--red-muted); color: var(--red); }
    .status-badge.terminated[b-u8v012fly2] { background: var(--secondary); color: var(--muted-foreground); }
    .action-buttons[b-u8v012fly2] { display: flex; gap: 4px; }
    .btn-icon[b-u8v012fly2] { background: none; border: none; cursor: pointer; padding: 6px; border-radius: 6px; color: var(--muted-foreground); }
    .btn-icon:hover[b-u8v012fly2] { background: var(--secondary); }
    .btn-icon.pause[b-u8v012fly2] { color: var(--yellow); }
    .empty-state[b-u8v012fly2] { text-align: center; padding: 32px; color: var(--muted-foreground); }

    .modal-overlay[b-u8v012fly2] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal-content[b-u8v012fly2] { background: var(--card); border-radius: 12px; padding: 24px; width: 90%; max-width: 500px; }
    .modal-content h3[b-u8v012fly2] { margin: 0 0 16px 0; }
    .form-group[b-u8v012fly2] { margin-bottom: 14px; }
    .form-group label[b-u8v012fly2] { display: block; font-size: 0.8125rem; font-weight: 600; margin-bottom: 4px; }
    .form-input[b-u8v012fly2] { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.875rem; box-sizing: border-box; }
    textarea.form-input[b-u8v012fly2] { resize: vertical; }
    .modal-actions[b-u8v012fly2] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
/* /Components/Pages/PreflightStatusPage.razor.rz.scp.css */
/* ─── Toolbar ─────────────────────────────────────────────── */
.preflight-toolbar[b-h0wef9ob9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.toolbar-left[b-h0wef9ob9q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.toolbar-right[b-h0wef9ob9q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.toolbar-label[b-h0wef9ob9q] {
    font-size: 0.8rem;
    color: var(--text-muted, #888);
    white-space: nowrap;
}

.btn-trigger[b-h0wef9ob9q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 1rem;
    background: #2196F3;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    white-space: nowrap;
}

.btn-trigger:hover:not(:disabled)[b-h0wef9ob9q] {
    background: #1976D2;
}

.btn-trigger:disabled[b-h0wef9ob9q] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ─── Summary Cards ────────────────────────────────────────── */
.preflight-summary-grid[b-h0wef9ob9q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.preflight-card[b-h0wef9ob9q] {
    background: var(--card-bg, #1e2535);
    border: 1px solid var(--border, #2a3349);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.preflight-card.card-pass[b-h0wef9ob9q] {
    border-color: #27ae60;
}

.preflight-card.card-fail[b-h0wef9ob9q] {
    border-color: #e74c3c;
    background: rgba(231, 76, 60, 0.08);
}

.preflight-card.card-running[b-h0wef9ob9q] {
    border-color: #2196F3;
    background: rgba(33, 150, 243, 0.06);
}

.preflight-card-label[b-h0wef9ob9q] {
    font-size: 0.72rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.preflight-card-value[b-h0wef9ob9q] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text, #e0e6f0);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

/* ─── Status Badges ────────────────────────────────────────── */
.status-badge[b-h0wef9ob9q] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

.status-passed[b-h0wef9ob9q]  { background: rgba(39, 174, 96, 0.18);  color: #27ae60; }
.status-failed[b-h0wef9ob9q]  { background: rgba(231, 76, 60, 0.18);  color: #e74c3c; }
.status-running[b-h0wef9ob9q] { background: rgba(33, 150, 243, 0.18); color: #2196F3; }
.status-partial[b-h0wef9ob9q] { background: rgba(243, 156, 18, 0.18); color: #f39c12; }

/* ─── Progress Bar ─────────────────────────────────────────── */
.preflight-progress-bar[b-h0wef9ob9q] {
    height: 6px;
    background: var(--border, #2a3349);
    border-radius: 3px;
    margin-bottom: 0.4rem;
    overflow: hidden;
}

.preflight-progress-fill[b-h0wef9ob9q] {
    height: 100%;
    background: #27ae60;
    border-radius: 3px;
    transition: width 0.5s ease;
}

.preflight-progress-labels[b-h0wef9ob9q] {
    display: flex;
    gap: 1.25rem;
    font-size: 0.78rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.run-meta[b-h0wef9ob9q] {
    margin-left: auto;
    color: var(--text-muted, #888);
    font-size: 0.72rem;
    font-family: 'Courier New', Courier, monospace;
}

/* ─── Section ──────────────────────────────────────────────── */
.preflight-section[b-h0wef9ob9q] {
    margin-top: 1.75rem;
}

.preflight-section-title[b-h0wef9ob9q] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted, #888);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.preflight-section-title--fail[b-h0wef9ob9q] {
    color: #e74c3c;
}

/* ─── Table ────────────────────────────────────────────────── */
.preflight-table[b-h0wef9ob9q] {
    width: 100%;
    font-size: 0.8rem;
}

.preflight-table .target-cell[b-h0wef9ob9q] {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preflight-table .error-cell[b-h0wef9ob9q] {
    color: #e74c3c;
    font-size: 0.75rem;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ─── Check Badges (table) ─────────────────────────────────── */
.check-badge[b-h0wef9ob9q] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.check-api-health[b-h0wef9ob9q]    { background: rgba(33, 150, 243, 0.15); color: #2196F3; }
.check-database[b-h0wef9ob9q]      { background: rgba(155, 89, 182, 0.15); color: #9b59b6; }
.check-domain-routing[b-h0wef9ob9q] { background: rgba(39, 174, 96, 0.15); color: #27ae60; }
.check-iis-site[b-h0wef9ob9q]      { background: rgba(243, 156, 18, 0.15); color: #f39c12; }

/* ─── App ID Badge ─────────────────────────────────────────── */
.app-id-badge[b-h0wef9ob9q] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    font-family: 'Courier New', Courier, monospace;
    background: var(--border, #2a3349);
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    white-space: nowrap;
}

/* ─── App Group Cards ──────────────────────────────────────── */
.app-group[b-h0wef9ob9q] {
    background: var(--card-bg, #1e2535);
    border: 1px solid var(--border, #2a3349);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
}

.app-group--fail[b-h0wef9ob9q] {
    border-color: #e74c3c;
    background: rgba(231, 76, 60, 0.04);
}

.app-group-header[b-h0wef9ob9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.app-group-name[b-h0wef9ob9q] {
    font-weight: 700;
    font-size: 0.85rem;
    font-family: 'Courier New', Courier, monospace;
    color: var(--text, #e0e6f0);
}

.app-group-counts[b-h0wef9ob9q] {
    display: flex;
    gap: 0.6rem;
    font-size: 0.78rem;
    font-weight: 600;
}

.app-check-row[b-h0wef9ob9q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* ─── Check Chips ──────────────────────────────────────────── */
.check-chip[b-h0wef9ob9q] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: help;
    border: 1px solid transparent;
    transition: opacity 0.15s;
}

.check-chip:hover[b-h0wef9ob9q] { opacity: 0.85; }

.check-chip--pass[b-h0wef9ob9q] {
    background: rgba(39, 174, 96, 0.12);
    border-color: rgba(39, 174, 96, 0.3);
    color: #27ae60;
}

.check-chip--fail[b-h0wef9ob9q] {
    background: rgba(231, 76, 60, 0.12);
    border-color: rgba(231, 76, 60, 0.4);
    color: #e74c3c;
}

.check-chip--skip[b-h0wef9ob9q] {
    background: var(--border, #2a3349);
    border-color: transparent;
    color: var(--text-muted, #888);
}

.check-chip--warn[b-h0wef9ob9q] {
    background: rgba(243, 156, 18, 0.12);
    border-color: rgba(243, 156, 18, 0.3);
    color: #f39c12;
}

.check-chip-type[b-h0wef9ob9q]  { font-weight: 700; }
.check-chip-status[b-h0wef9ob9q] {
    font-size: 0.65rem;
    opacity: 0.75;
    text-transform: uppercase;
}
.check-chip-ms[b-h0wef9ob9q] {
    font-size: 0.65rem;
    opacity: 0.65;
    font-family: 'Courier New', Courier, monospace;
}

/* ─── Inline Spinner ───────────────────────────────────────── */
.spinner-inline[b-h0wef9ob9q] {
    width: 14px;
    height: 14px;
    border-width: 2px;
    flex-shrink: 0;
}

/* ─── Colour Helpers ───────────────────────────────────────── */
.text-green[b-h0wef9ob9q] { color: #27ae60; }
.text-red[b-h0wef9ob9q]   { color: #e74c3c; }
.text-warn[b-h0wef9ob9q]  { color: #f39c12; }
.text-muted[b-h0wef9ob9q] { color: var(--text-muted, #888); }

/* ─── Last Updated ─────────────────────────────────────────── */
.last-updated[b-h0wef9ob9q] {
    font-size: 0.72rem;
    color: var(--text-muted, #888);
    margin-left: auto;
}

/* ─── Responsive ───────────────────────────────────────────── */
@media (max-width: 600px) {
    .preflight-summary-grid[b-h0wef9ob9q] {
        grid-template-columns: repeat(2, 1fr);
    }

    .preflight-toolbar[b-h0wef9ob9q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .preflight-table .target-cell[b-h0wef9ob9q],
    .preflight-table .error-cell[b-h0wef9ob9q] {
        max-width: 140px;
    }

    .run-meta[b-h0wef9ob9q] {
        width: 100%;
        margin-left: 0;
    }
}
/* /Components/Pages/Vpn.razor.rz.scp.css */
.vpn-error[b-7v9cusvjnq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    background: var(--alert-danger-bg, #2a1518);
    border: 1px solid var(--alert-danger-border, #5a2a30);
    border-radius: 8px;
}

.vpn-error-detail[b-7v9cusvjnq] {
    flex: 1;
    opacity: 0.85;
    font-size: 0.875rem;
}

.vpn-stats[b-7v9cusvjnq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.vpn-stat[b-7v9cusvjnq] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--card-bg, #1c1f24);
    border: 1px solid var(--card-border, #2a2f36);
    border-radius: 8px;
}

.vpn-stat-value[b-7v9cusvjnq] {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.vpn-stat-value.mono-text[b-7v9cusvjnq] {
    font-size: 1.15rem;
    font-family: 'SF Mono', Consolas, monospace;
}

.vpn-stat-label[b-7v9cusvjnq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.6;
    margin-top: 0.25rem;
}

.vpn-stat-sub[b-7v9cusvjnq] {
    font-size: 0.75rem;
    opacity: 0.5;
    margin-top: 0.25rem;
}

.vpn-toolbar[b-7v9cusvjnq] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.vpn-card[b-7v9cusvjnq] {
    padding: 1rem 1.25rem;
    background: var(--card-bg, #1c1f24);
    border: 1px solid var(--card-border, #2a2f36);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.vpn-card h3[b-7v9cusvjnq] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.vpn-muted[b-7v9cusvjnq] {
    opacity: 0.7;
    font-size: 0.875rem;
    margin: 0 0 0.75rem 0;
}

.vpn-form-row[b-7v9cusvjnq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.vpn-form-row label[b-7v9cusvjnq] {
    font-size: 0.8125rem;
    opacity: 0.8;
}

.vpn-optional[b-7v9cusvjnq] {
    opacity: 0.5;
    font-weight: 400;
}

.vpn-input[b-7v9cusvjnq] {
    padding: 0.5rem 0.75rem;
    background: var(--input-bg, #14171b);
    border: 1px solid var(--input-border, #2a2f36);
    color: inherit;
    border-radius: 6px;
    font-size: 0.875rem;
    outline: none;
}

.vpn-input:focus[b-7v9cusvjnq] {
    border-color: #2196F3;
}

.vpn-form-actions[b-7v9cusvjnq] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.vpn-inline-error[b-7v9cusvjnq] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--alert-danger-bg, #2a1518);
    border-left: 3px solid var(--alert-danger-border, #c0353d);
    color: #ff8a93;
    font-size: 0.875rem;
    border-radius: 4px;
}

.vpn-qr-block[b-7v9cusvjnq] {
    display: flex;
    justify-content: center;
    padding: 1rem;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 0.75rem;
}

.vpn-qr[b-7v9cusvjnq] {
    width: 220px;
    height: 220px;
    image-rendering: pixelated;
}

.vpn-conf-text[b-7v9cusvjnq] {
    background: #0d0f12;
    border: 1px solid var(--card-border, #2a2f36);
    padding: 0.75rem;
    border-radius: 6px;
    font-family: 'SF Mono', Consolas, monospace;
    font-size: 0.8125rem;
    overflow-x: auto;
    margin: 0 0 0.75rem 0;
    white-space: pre;
}

.vpn-section-title[b-7v9cusvjnq] {
    font-size: 0.9375rem;
    margin: 1rem 0 0.5rem 0;
    opacity: 0.8;
}

.vpn-empty[b-7v9cusvjnq] {
    padding: 1.5rem;
    text-align: center;
    background: var(--card-bg, #1c1f24);
    border: 1px dashed var(--card-border, #2a2f36);
    border-radius: 8px;
    opacity: 0.7;
}

.vpn-table-wrap[b-7v9cusvjnq] {
    overflow-x: auto;
    background: var(--card-bg, #1c1f24);
    border: 1px solid var(--card-border, #2a2f36);
    border-radius: 8px;
}

.vpn-table[b-7v9cusvjnq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.vpn-table thead th[b-7v9cusvjnq] {
    text-align: left;
    padding: 0.625rem 0.75rem;
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.65;
    border-bottom: 1px solid var(--card-border, #2a2f36);
    white-space: nowrap;
}

.vpn-table tbody td[b-7v9cusvjnq] {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--card-border-soft, #20242a);
}

.vpn-table tbody tr:last-child td[b-7v9cusvjnq] {
    border-bottom: none;
}

.vpn-table tbody tr:hover[b-7v9cusvjnq] {
    background: rgba(255, 255, 255, 0.02);
}

.vpn-name[b-7v9cusvjnq] {
    font-weight: 500;
}

.vpn-dot[b-7v9cusvjnq] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.vpn-dot.online[b-7v9cusvjnq] {
    background: #4caf50;
    box-shadow: 0 0 6px rgba(76, 175, 80, 0.5);
}

.vpn-dot.offline[b-7v9cusvjnq] {
    background: rgba(255, 255, 255, 0.15);
}

.mono-text[b-7v9cusvjnq] {
    font-family: 'SF Mono', Consolas, monospace;
}
/* /Components/Pages/Wolverine.razor.rz.scp.css */
.wolverine-summary[b-p7jc09o2m6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-p7jc09o2m6] {
    padding: 1.25rem;
    border-radius: 8px;
    background: var(--card);
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    box-shadow: var(--shadow);
}

.stat-card.stat-warning[b-p7jc09o2m6] {
    background: var(--yellow-muted);
    border-color: var(--yellow-muted);
}

.stat-card.stat-critical[b-p7jc09o2m6] {
    background: var(--red-muted);
    border-color: var(--red-muted);
}

.stat-card.stat-success[b-p7jc09o2m6] {
    background: var(--green-muted);
    border-color: var(--green-muted);
}

.stat-value[b-p7jc09o2m6] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--foreground);
    line-height: 1;
}

.stat-card.stat-warning .stat-value[b-p7jc09o2m6] {
    color: var(--yellow);
}

.stat-card.stat-critical .stat-value[b-p7jc09o2m6] {
    color: var(--red);
}

.stat-card.stat-success .stat-value[b-p7jc09o2m6] {
    color: var(--green);
}

.stat-label[b-p7jc09o2m6] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    font-weight: 500;
}

.queue-tabs[b-p7jc09o2m6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--border);
}

.tab[b-p7jc09o2m6] {
    padding: 0.75rem 1.25rem;
    border: none;
    background: transparent;
    color: var(--muted-foreground);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.tab:hover[b-p7jc09o2m6] {
    color: var(--primary);
}

.tab.active[b-p7jc09o2m6] {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

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

.empty-state[b-p7jc09o2m6] {
    padding: 2rem;
    text-align: center;
    color: var(--muted-foreground);
    font-size: 0.95rem;
    background: var(--card);
    border-radius: 8px;
    border: 1px dashed var(--border);
}

.queue-item[b-p7jc09o2m6] {
    padding: 1.25rem;
    border-radius: 8px;
    background: var(--card);
    border-left: 4px solid var(--primary);
    box-shadow: var(--shadow);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.queue-item:hover[b-p7jc09o2m6] {
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.queue-item.tier-2[b-p7jc09o2m6] {
    border-left-color: var(--primary);
}

.queue-item.tier-3[b-p7jc09o2m6] {
    border-left-color: var(--yellow);
}

.queue-item.tier-3.priority-critical[b-p7jc09o2m6] {
    border-left-color: var(--red);
}

.queue-item.tier-3.priority-high[b-p7jc09o2m6] {
    border-left-color: var(--yellow);
}

.queue-item.tier-3.priority-medium[b-p7jc09o2m6] {
    border-left-color: var(--primary);
}

.queue-item.tier-4[b-p7jc09o2m6] {
    border-left-color: var(--red);
    background: var(--card);
}

.item-header[b-p7jc09o2m6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.875rem;
}

.item-api[b-p7jc09o2m6] {
    font-weight: 600;
    color: var(--foreground);
    flex: 0 0 auto;
}

.item-tier[b-p7jc09o2m6] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    background: var(--secondary);
    color: var(--muted-foreground);
    font-size: 0.75rem;
    font-weight: 500;
}

.item-priority[b-p7jc09o2m6] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
}

.item-priority.priority-critical[b-p7jc09o2m6] {
    background: var(--red);
}

.item-priority.priority-high[b-p7jc09o2m6] {
    background: var(--yellow);
}

.item-priority.priority-medium[b-p7jc09o2m6] {
    background: var(--primary);
}

.item-time[b-p7jc09o2m6] {
    margin-left: auto;
    color: var(--muted-foreground);
    font-size: 0.8rem;
}

.item-error[b-p7jc09o2m6] {
    margin-bottom: 0.5rem;
    color: var(--destructive);
    font-size: 0.9rem;
    font-weight: 500;
}

.item-healing[b-p7jc09o2m6] {
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--green-muted);
    color: var(--green);
    font-size: 0.85rem;
}

.item-message[b-p7jc09o2m6] {
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--secondary);
    color: var(--foreground);
    font-size: 0.85rem;
    border-left: 2px solid var(--muted-foreground);
}

.item-actions[b-p7jc09o2m6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.btn-approve[b-p7jc09o2m6],
.btn-approve-release[b-p7jc09o2m6],
.btn-escalate[b-p7jc09o2m6],
.btn-reject[b-p7jc09o2m6],
.btn-hold[b-p7jc09o2m6],
.btn-github[b-p7jc09o2m6] {
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-approve[b-p7jc09o2m6],
.btn-approve-release[b-p7jc09o2m6] {
    background: var(--green);
    color: white;
    border-color: var(--green);
}

.btn-approve:hover:not(:disabled)[b-p7jc09o2m6],
.btn-approve-release:hover:not(:disabled)[b-p7jc09o2m6] {
    opacity: 0.85;
}

.btn-approve:disabled[b-p7jc09o2m6],
.btn-approve-release:disabled[b-p7jc09o2m6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-escalate[b-p7jc09o2m6],
.btn-hold[b-p7jc09o2m6] {
    background: var(--yellow);
    color: white;
    border-color: var(--yellow);
}

.btn-escalate:hover:not(:disabled)[b-p7jc09o2m6],
.btn-hold:hover:not(:disabled)[b-p7jc09o2m6] {
    opacity: 0.85;
}

.btn-escalate:disabled[b-p7jc09o2m6],
.btn-hold:disabled[b-p7jc09o2m6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-reject[b-p7jc09o2m6] {
    background: var(--red);
    color: white;
    border-color: var(--red);
}

.btn-reject:hover:not(:disabled)[b-p7jc09o2m6] {
    opacity: 0.85;
}

.btn-reject:disabled[b-p7jc09o2m6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-github[b-p7jc09o2m6] {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

.btn-github:hover[b-p7jc09o2m6] {
    opacity: 0.85;
    text-decoration: none;
}

.error-banner[b-p7jc09o2m6] {
    padding: 1rem;
    border-radius: 4px;
    background: var(--red-muted);
    border-left: 4px solid var(--red);
    color: var(--red);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

.dash-loading[b-p7jc09o2m6] {
    padding: 3rem 1rem;
    text-align: center;
    color: var(--muted-foreground);
}

.dash-loading-spinner[b-p7jc09o2m6] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--secondary);
    border-top: 4px solid var(--primary);
    border-radius: 50%;
    margin: 0 auto 1rem;
    animation: spin 0.8s linear infinite;
}

@@keyframes spin {
    to[b-p7jc09o2m6] {
        transform: rotate(360deg);
    }
}

.dash-loading-text[b-p7jc09o2m6] {
    font-size: 0.95rem;
    color: var(--muted-foreground);
}

/* Responsive adjustments */
@@media (max-width: 640px) {
    .wolverine-summary[b-p7jc09o2m6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .item-header[b-p7jc09o2m6] {
        gap: 0.5rem;
    }

    .item-time[b-p7jc09o2m6] {
        width: 100%;
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .queue-tabs[b-p7jc09o2m6] {
        flex-wrap: wrap;
    }

    .tab[b-p7jc09o2m6] {
        padding: 0.625rem 1rem;
        font-size: 0.85rem;
    }

    .item-actions[b-p7jc09o2m6] {
        gap: 0.375rem;
    }

    .btn-approve[b-p7jc09o2m6],
    .btn-approve-release[b-p7jc09o2m6],
    .btn-escalate[b-p7jc09o2m6],
    .btn-reject[b-p7jc09o2m6],
    .btn-hold[b-p7jc09o2m6],
    .btn-github[b-p7jc09o2m6] {
        padding: 0.4rem 0.75rem;
        font-size: 0.75rem;
    }
}

/* ============================================
   Status badge — 4 lifecycle buckets surfaced
   on every queue-item card (2026-05-22)
   ============================================ */
.status-badge[b-p7jc09o2m6] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-left: 0.5rem;
    border: 1px solid transparent;
}

.status-badge.status-open[b-p7jc09o2m6] {
    background: rgba(33, 150, 243, 0.12);
    color: #2196F3;
    border-color: rgba(33, 150, 243, 0.3);
}

.status-badge.status-in-progress[b-p7jc09o2m6] {
    background: rgba(255, 152, 0, 0.14);
    color: #ff9800;
    border-color: rgba(255, 152, 0, 0.4);
}

.status-badge.status-fixed[b-p7jc09o2m6] {
    background: rgba(40, 167, 69, 0.14);
    color: #28a745;
    border-color: rgba(40, 167, 69, 0.4);
}

.status-badge.status-failed[b-p7jc09o2m6] {
    background: rgba(220, 53, 69, 0.14);
    color: #dc3545;
    border-color: rgba(220, 53, 69, 0.4);
}

/* Slightly dim non-open cards so admins' eyes go to actionable items first.
   In Progress / Fixed / Failed items stay visible but recede. */
.queue-item.status-in-progress[b-p7jc09o2m6] { opacity: 0.92; }
.queue-item.status-fixed[b-p7jc09o2m6]       { opacity: 0.7; }
.queue-item.status-failed[b-p7jc09o2m6]      { opacity: 0.9; }

/* ============================================
   Phase 2 action buttons (2026-05-22)
   Conditional set per status bucket — see
   StatusActions render fragment in Wolverine.razor
   ============================================ */
.btn-deploy[b-p7jc09o2m6] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    background: rgba(33, 150, 243, 0.12);
    color: #6cb6ff;
    border: 1px solid rgba(33, 150, 243, 0.4);
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-deploy:hover[b-p7jc09o2m6] {
    background: rgba(33, 150, 243, 0.22);
}

.btn-deploy[b-p7jc09o2m6]::before {
    content: "↗ ";
    margin-right: 0.25rem;
    opacity: 0.7;
}

.btn-mark-failed[b-p7jc09o2m6],
.btn-retry[b-p7jc09o2m6],
.btn-archive[b-p7jc09o2m6] {
    padding: 0.4rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-mark-failed[b-p7jc09o2m6] {
    background: rgba(220, 53, 69, 0.12);
    color: #ff8a95;
    border-color: rgba(220, 53, 69, 0.4);
}

.btn-mark-failed:hover[b-p7jc09o2m6] { background: rgba(220, 53, 69, 0.22); }

.btn-retry[b-p7jc09o2m6] {
    background: rgba(33, 150, 243, 0.12);
    color: #6cb6ff;
    border-color: rgba(33, 150, 243, 0.4);
}

.btn-retry:hover[b-p7jc09o2m6] { background: rgba(33, 150, 243, 0.22); }

.btn-archive[b-p7jc09o2m6] {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.18);
}

.btn-archive:hover[b-p7jc09o2m6] { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); }

.btn-mark-failed:disabled[b-p7jc09o2m6],
.btn-retry:disabled[b-p7jc09o2m6],
.btn-archive:disabled[b-p7jc09o2m6] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ============================================
   Phase 3A — IN PROGRESS age + stuck indicator
   (2026-05-22) Surfaces how long an item has
   been mid-pipeline so admins can spot deploys
   that have stopped progressing.
   ============================================ */
.in-progress-age[b-p7jc09o2m6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: 0.4rem;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.65);
    font-variant-numeric: tabular-nums;
}

.in-progress-age .age-label[b-p7jc09o2m6] {
    font-weight: 500;
}

/* When the elapsed time is past the per-tier threshold (10m dev, 20m release),
   light up a red STUCK chip so the row reads at a glance. */
.in-progress-age.is-stuck .age-label[b-p7jc09o2m6] {
    color: #ff8a95;
    font-weight: 600;
}

.in-progress-age .stuck-warn[b-p7jc09o2m6] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    background: rgba(220, 53, 69, 0.2);
    color: #ff6b7a;
    border: 1px solid rgba(220, 53, 69, 0.5);
    animation: stuck-pulse-b-p7jc09o2m6 2.4s ease-in-out infinite;
}

@keyframes stuck-pulse-b-p7jc09o2m6 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
    50%      { box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.18); }
}
/* /Components/Shared/HelpDrawer.razor.rz.scp.css */
/* HelpDrawer.razor.css
   Slide-in side panel toggled from the ? button in AdminLayout.
   Layout: fixed on the right, ~420px wide, with a scrim that closes on
   click-outside. Dark theme matches the rest of the admin shell. */

.help-drawer-shell[b-gkhvqwtd68] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1100;
}

.help-drawer-shell.open[b-gkhvqwtd68] {
    pointer-events: auto;
}

.help-drawer-scrim[b-gkhvqwtd68] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 200ms ease;
}

.help-drawer-shell.open .help-drawer-scrim[b-gkhvqwtd68] {
    opacity: 1;
}

.help-drawer-panel[b-gkhvqwtd68] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(420px, 95vw);
    background: #1a1a1d;
    border-left: 1px solid #2c2c30;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.35);
}

.help-drawer-shell.open .help-drawer-panel[b-gkhvqwtd68] {
    transform: translateX(0);
}

.help-drawer-header[b-gkhvqwtd68] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.1rem 1.25rem 0.85rem;
    border-bottom: 1px solid #2c2c30;
}

.help-drawer-title[b-gkhvqwtd68] {
    margin: 0;
    color: #f1f1f4;
    font-size: 1.1rem;
    font-weight: 600;
}

.help-drawer-subtitle[b-gkhvqwtd68] {
    display: block;
    margin-top: 0.15rem;
    color: #888892;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.help-drawer-close[b-gkhvqwtd68] {
    background: transparent;
    border: 0;
    color: #aaa;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.help-drawer-close:hover[b-gkhvqwtd68] {
    background: #2c2c30;
    color: #fff;
}

.help-drawer-body[b-gkhvqwtd68] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1.1rem 1.25rem 1.4rem;
    color: #cfcfd4;
    line-height: 1.55;
    font-size: 0.9rem;

    /* hide scrollbar per house style */
    scrollbar-width: none;
}

.help-drawer-body[b-gkhvqwtd68]::-webkit-scrollbar {
    display: none;
}

/* All descendant selectors below use `::deep` so they penetrate into the
   <HelpContent> child component. Without it, scoped CSS only matches
   elements rendered directly by HelpDrawer.razor -- the per-page help
   content (h3 / h4 / p / ul / code / strong / em) lives in HelpContent.razor
   and would render unstyled. */
.help-drawer-body[b-gkhvqwtd68]  h3 {
    color: #f1f1f4;
    font-size: 1.0rem;
    margin: 0 0 0.65rem;
    font-weight: 600;
}

.help-drawer-body[b-gkhvqwtd68]  h4 {
    color: #f1f1f4;
    font-size: 0.85rem;
    margin: 1.25rem 0 0.45rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.help-drawer-body[b-gkhvqwtd68]  p {
    margin: 0 0 0.85rem;
}

.help-drawer-body[b-gkhvqwtd68]  ul,
.help-drawer-body[b-gkhvqwtd68]  ol {
    margin: 0 0 0.85rem;
    padding-left: 1.4rem;
}

.help-drawer-body[b-gkhvqwtd68]  li {
    margin: 0.25rem 0;
}

.help-drawer-body[b-gkhvqwtd68]  code {
    background: #2c2c30;
    color: #e4e4e7;
    padding: 0.05rem 0.35rem;
    border-radius: 3px;
    font-size: 0.82em;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

.help-drawer-body[b-gkhvqwtd68]  strong {
    color: #f1f1f4;
}

.help-drawer-body[b-gkhvqwtd68]  em {
    color: #e4e4e7;
    font-style: normal;
    background: rgba(33, 150, 243, 0.12);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    font-size: 0.92em;
}

.help-drawer-footer[b-gkhvqwtd68] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #2c2c30;
    color: #888892;
    font-size: 0.75rem;
}

.help-drawer-footer a[b-gkhvqwtd68] {
    color: #2196F3;
    text-decoration: none;
}

.help-drawer-footer a:hover[b-gkhvqwtd68] {
    text-decoration: underline;
}

/* The ? toggle button (`.help-toggle-btn`) lives in AdminLayout.razor, NOT
   HelpDrawer.razor -- so its styles are defined in wwwroot/css/admin.css
   (global) rather than here. Blazor scoped CSS would tag rules with the
   HelpDrawer-component attribute, which would NOT match the button rendered
   by AdminLayout. Keep that block global. */