/* SaraHome — Super admin core (extracted from style.css 2026-08-11)
   Super admin panel / users table / audit log / KOL payouts + L4 mobile.
   分拆規則: 必須 link 喺 style.css 之後、mobile.css 之前 (對位 §R-N+146 後寫後贏). */

/* === Super admin panel === */
.super-admin-panel {
    background: var(--sarahome-v3-surface-card);
    border: 1px solid var(--sarahome-v3-border);
    border-radius: var(--sarahome-v3-radius-lg);
    padding: var(--sarahome-v3-space-6);
    margin-bottom: var(--sarahome-v3-space-6);
}
.super-admin-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--sarahome-v3-space-6);
}
.super-admin-panel-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--sarahome-v3-color-fg);
}
.super-admin-panel-actions {
    display: flex;
    gap: var(--sarahome-v3-space-2);
}
.super-admin-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--sarahome-v3-space-4);
    margin-bottom: var(--sarahome-v3-space-6);
}
.super-admin-stat {
    background: var(--sarahome-v3-surface-section-alt);
    border: 1px solid var(--sarahome-v3-border);
    border-radius: var(--sarahome-v3-radius-md);
    padding: var(--sarahome-v3-space-4);
    text-align: center;
}
.super-admin-stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--sarahome-v3-color-accent);
}
.super-admin-stat-label {
    font-size: 0.875rem;
    color: var(--sarahome-v3-color-text-secondary);
}

/* === Users table === */
.super-admin-table {
    width: 100%;
    background: var(--sarahome-v3-surface-card);
    border: 1px solid var(--sarahome-v3-border);
    border-radius: var(--sarahome-v3-radius-lg);
    overflow: hidden;
}
.super-admin-table th {
    background: var(--sarahome-v3-surface-section-alt);
    padding: var(--sarahome-v3-space-3) var(--sarahome-v3-space-4);
    text-align: left;
    font-weight: 600;
    color: var(--sarahome-v3-color-fg);
    border-bottom: 1px solid var(--sarahome-v3-border);
}
.super-admin-table td {
    padding: var(--sarahome-v3-space-3) var(--sarahome-v3-space-4);
    border-bottom: 1px solid var(--sarahome-v3-border);
    color: var(--sarahome-v3-color-fg);
}
.super-admin-table tr:last-child td {
    border-bottom: none;
}
.super-admin-table tr:hover {
    background: var(--sarahome-v3-surface-section-alt);
}

/* === Audit log === */
.super-admin-audit-log {
    background: var(--sarahome-v3-surface-card);
    border: 1px solid var(--sarahome-v3-border);
    border-radius: var(--sarahome-v3-radius-lg);
    overflow: hidden;
}
.super-admin-audit-log-item {
    padding: var(--sarahome-v3-space-4);
    border-bottom: 1px solid var(--sarahome-v3-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.super-admin-audit-log-item:last-child {
    border-bottom: none;
}
.super-admin-audit-log-timestamp {
    font-size: 0.875rem;
    color: var(--sarahome-v3-color-text-secondary);
}
.super-admin-audit-log-action {
    font-weight: 600;
    color: var(--sarahome-v3-color-fg);
}

/* === KOL payouts === */
.super-admin-kol-payouts {
    background: var(--sarahome-v3-surface-card);
    border: 1px solid var(--sarahome-v3-border);
    border-radius: var(--sarahome-v3-radius-lg);
    overflow: hidden;
}
.super-admin-kol-payouts-item {
    padding: var(--sarahome-v3-space-4);
    border-bottom: 1px solid var(--sarahome-v3-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.super-admin-kol-payouts-item:last-child {
    border-bottom: none;
}
.super-admin-kol-payouts-amount {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--sarahome-v3-color-cta);
}

/* === Mobile responsive (L4) === */
@media (max-width: 768px) {
    .super-admin-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .super-admin-table {
        font-size: 0.875rem;
    }
    .super-admin-table th,
    .super-admin-table td {
        padding: var(--sarahome-v3-space-2);
    }
}