/* Members header — match Books style, black readable text */
.members-header {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(167, 139, 250, 0.14) 100%) !important;
    border-radius: 1.25rem !important;
    padding: 2rem 1.75rem !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.08) !important;
}

.members-header .header-title,
.members-header .header-title .typing-animation,
.members-header h1 {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: none !important;
    font-weight: 700 !important;
    font-size: 1.85rem !important;
}

.members-header .page-subtitle,
.members-header .text-muted {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}

/* Stats as compact pills like Books quick-stats */
.members-header .stats-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
    margin-top: 1.25rem !important;
    grid-template-columns: none !important;
}

.members-header .stat-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0.65rem !important;
    padding: 0.45rem 0.85rem !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    min-width: auto !important;
    transform: none !important;
}

.members-header .stat-card::before {
    display: none !important;
}

.members-header .stat-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.12) !important;
}

.members-header .stat-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 0.95rem !important;
    border-radius: 50% !important;
    animation: none !important;
}

.members-header .stat-content {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.4rem !important;
    flex-wrap: wrap;
}

.members-header .stat-number {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.members-header .stat-label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Books page quick-stats — black font */
.books-header .quick-stats .stat-item,
.books-header .stat-item {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0.65rem !important;
    padding: 0.4rem 0.75rem !important;
}

.books-header .stat-value,
.books-header .stat-label,
.books-header .stat-item {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 600 !important;
}

.books-header .stat-value {
    font-weight: 700 !important;
}

.books-header .header-title {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: none !important;
}

.books-header .text-muted {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}

/* ========== AUTHORS KPI — same compact pills as Books ============= */
.kpi-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
    margin-bottom: 1.25rem !important;
    grid-template-columns: none !important;
}

.kpi-row .stat-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0.65rem !important;
    padding: 0.45rem 0.9rem !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    min-width: auto !important;
    flex: 0 0 auto !important;
    border-left: 1px solid #cbd5e1 !important;
}

.kpi-row .stat-card.border-accent-primary,
.kpi-row .stat-card.border-accent-success,
.kpi-row .stat-card.border-accent-warning {
    border-left: 3px solid transparent !important;
}
.kpi-row .stat-card.border-accent-primary { border-left-color: #3b82f6 !important; }
.kpi-row .stat-card.border-accent-success { border-left-color: #10b981 !important; }
.kpi-row .stat-card.border-accent-warning { border-left-color: #f59e0b !important; }

.kpi-row .stat-icon {
    width: auto !important;
    height: auto !important;
    font-size: 1.1rem !important;
    flex-shrink: 0;
}

.kpi-row .stat-info {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.4rem !important;
    flex-wrap: wrap;
}

.kpi-row .stat-info h3,
.kpi-row .stat-number {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.kpi-row .stat-info p,
.kpi-row .stat-label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .members-header .stats-grid,
    .kpi-row {
        flex-direction: column !important;
    }
    .members-header .stat-card,
    .kpi-row .stat-card {
        width: 100% !important;
    }
}