/* SaraHome — Admin Dashboard V2 + Status pill cluster CSS (§R-N+26xx Wave 5.4)
   對位 framework rule §R-N+62 KISS + §R-N+146 後寫後贏 + §R-N+22xx Plan B precedent:
   必須 link 喺 style.css 之後、mobile.css 之前

   §R-N+26xx Wave 5.4 (2026-08-26) — admin-dashboard V2 cluster extract:
   抽 style.css L1802-L1848 (.stat-card .stat-value + .stat-card .stat-icon + .status-pill)
   對位 §R-N+22xx Plan B 根因 precedent (single source of truth) */

/* === Admin Dashboard V2 (§R-N+100 L3 admin UIUX 全面重設計)
   對位 §R-N+80 + §R-N+99 form pattern + §R27 0-inline + §R-N+70 正式書面語
   對位 L3 admin 普通 dashboard 結構: stat-card + status-pill + admin-list + empty-state */

/* --- Stat card value (對位 §R-N+80 §18.2 對位 pattern) --- */
.stat-card .stat-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--sarahome-v3-color-accent);
    line-height: 1;
    margin-bottom: 0.375rem;
    font-family: var(--sarahome-v3-font-en);
}

.stat-card .stat-value-warning { color: var(--sarahome-v3-color-warning-amber); }      /* 對位 L3 待辦提醒 */

.stat-card .stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.5rem;
    background: var(--sarahome-v3-color-bg);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--sarahome-v3-color-accent);
    font-family: var(--sarahome-v3-font-en);
}

.stat-card .stat-icon-warning { background: var(--sarahome-v3-shadow-color-warning); color: var(--sarahome-v3-color-warning-amber); }

.stat-card .stat-icon-info { background: var(--sarahome-v3-shadow-color-brand-blue-strong); }

/* --- Status pill (§R69, 對位 L3 admin pending/active status 視覺) --- */
.status-pill {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: var(--sarahome-v3-font-zh);
    white-space: nowrap;
}

.status-pill-warning { background: var(--sarahome-v3-shadow-color-warning); color: #B45309; }
.status-pill-info { background: var(--sarahome-v3-shadow-color-brand-blue-strong); color: var(--sarahome-v3-status-info-text); }
.status-pill-active { background: var(--sarahome-v3-shadow-color-success); color: #047857; }
.status-pill-suspended { background: rgba(239, 68, 68, 0.12); color: var(--sarahome-v3-status-error-text-strong); }
.status-pill-pending_audit { background: rgba(167, 139, 250, 0.15); color: #6D28D9; }