/* Dashboard KPI — compact like Books, black readable text */

/* Title black */
.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;
}

/* Top KPI row — inline compact pills */
.kpi-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    margin-bottom: 1rem !important;
    grid-template-columns: none !important;
}

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

.kpi-row .stat-card.border-accent-primary { border-left: 3px solid #3b82f6 !important; }
.kpi-row .stat-card.border-accent-danger { border-left: 3px solid #ef4444 !important; }
.kpi-row .stat-card.border-accent-success { border-left: 3px solid #10b981 !important; }
.kpi-row .stat-card.border-accent-warning { border-left: 3px solid #f59e0b !important; }
.kpi-row .stat-card.border-accent-purple { border-left: 3px solid #8b5cf6 !important; }

.kpi-row .stat-icon {
    width: auto !important;
    height: auto !important;
    font-size: 1rem !important;
    flex-shrink: 0;
    background: none !important;
    box-shadow: none !important;
    animation: none !important;
}

.kpi-row .stat-info {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.35rem !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.05rem !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.8rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Secondary dashboard row (Böcker totalt, etc.) — same compact style */
.row.g-3.mb-4 > [class*="col-"] > .stat-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0.55rem !important;
    padding: 0.4rem 0.75rem !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    height: auto !important;
}

.row.g-3.mb-4 .stat-info p {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    margin: 0 0 0.15rem 0 !important;
}

.row.g-3.mb-4 .stat-info h3 {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.row.g-3.mb-4 .stat-info h3.text-success {
    color: #047857 !important;
    -webkit-text-fill-color: #047857 !important;
}

.row.g-3.mb-4 .stat-info h3 .text-muted,
.row.g-3.mb-4 .stat-info small {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .kpi-row .stat-card {
        width: 100% !important;
    }
}