/* ACBIZ COMMERCE - Admin supplement
   A handful of classes (stat-card family, btn-sm, text-muted) are used by
   several views under the main layout — including some that predate this
   module (invoice/clients) — but only exist in admin.css, which the main
   layout doesn't load. Rather than duplicate admin.css wholesale or repeat
   inline styles everywhere, these are defined once here. Every selector
   below is additive: none of these class names exist in app.css, so this
   cannot override or collide with anything already styled. */

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}

.stat-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
    background: var(--light);
}

.stat-blue   .stat-icon { background: #dbeafe; }
.stat-green  .stat-icon { background: #d1fae5; }
.stat-orange .stat-icon { background: #fef3c7; }
.stat-purple .stat-icon { background: #ede9fe; }
.stat-red    .stat-icon { background: #fee2e2; }

.stat-body  { min-width: 0; }
.stat-value { font-size: 22px; font-weight: 700; color: var(--dark); line-height: 1.2; }
.stat-label { font-size: 12.5px; color: var(--gray); margin-top: 2px; }

.btn-sm { padding: 6px 12px; font-size: 13px; }

.text-muted { color: var(--gray); }