/* ── Cards de estatísticas ──────────────────────────────────────── */
.admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.admin-stat-card {
    background: white;
    border-radius: 12px;
    padding: 20px;
    border-left: 4px solid var(--brand-red);   /* vermelho = padrão */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 16px;
}
.admin-stat-card.blue  { border-left-color: var(--brand-blue); }
.admin-stat-card.green { border-left-color: #2E7D32; }

.admin-stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235,0,69,0.08);
}
.admin-stat-card.blue .admin-stat-icon  { background: rgba(0,62,82,0.08); }
.admin-stat-card.green .admin-stat-icon { background: rgba(46,125,50,0.08); }

.admin-stat-icon .material-symbols-outlined        { font-size:1.6rem; color:var(--brand-red); }
.admin-stat-card.blue .admin-stat-icon  .material-symbols-outlined { color:var(--brand-blue); }
.admin-stat-card.green .admin-stat-icon .material-symbols-outlined { color:#2E7D32; }

.admin-stat-val   { font-size:1.8rem; font-weight:700; color:var(--brand-blue); line-height:1; }
.admin-stat-label { font-size:0.8rem; color:#888; margin-top:4px; }

/* ── Layout duas colunas ───────────────────────────────────────── */
.admin-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* ── Seção genérica (card branco com borda) ────────────────────── */
.admin-section {
    background: white;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}

.admin-section h4 {
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--brand-blue);
    border-bottom: 1px solid var(--border);
    padding-bottom: 12px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Chips de usuário online ───────────────────────────────────── */
.admin-user-chip {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    margin-bottom: 8px;
}

.admin-user-chip-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand-blue);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    flex-shrink: 0;
}

.admin-user-chip-info    { flex:1; overflow:hidden; }
.admin-user-chip-email   { font-size:0.85rem; font-weight:600; color:var(--brand-blue);
                            white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 2px;}
.admin-user-chip-time    { font-size:0.75rem; color:#888; }