/**
 * Componente KPI riusabile del modulo banchetto.
 *
 * Usato da:
 * - modules/banquet/organizer/banquet_setup.php  (Tavoli prenotati / Nomi / Link)
 * - modules/banquet/organizer/banquet_report.php (Tavoli / Ospiti / Export)
 * - admin/banquet_tables.php                     (Tavoli / Riservati / Cancellati / Ospiti)
 * - modules/banquet/public/dashboard.php         (Tavolo / Ospiti / Slot)
 *
 * Pattern: row con N stat card, ognuna ha label uppercase piccola + valore
 * grande tabular-nums in Prussian deep. Mobile: stack verticale con tap area
 * comoda. Hover-free (organizer + admin), niente shadow, bordo soft.
 */

.bnq-kpi-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 1.25rem;
}

.bnq-kpi {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 78px;
}

.bnq-kpi--accent {
    background: linear-gradient(135deg, #e8f1fc 0%, #f5faff 100%);
    border-color: #c8d4e3;
}

.bnq-kpi-label {
    font-size: 0.72rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.2;
}

.bnq-kpi-value {
    font-size: 1.85rem;
    font-weight: 700;
    color: #003153;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}
.bnq-kpi-value.text-success { color: #047857 !important; }
.bnq-kpi-value.text-muted   { color: #6b7280 !important; }
.bnq-kpi-value.text-danger  { color: #b91c1c !important; }

.bnq-kpi-sub {
    font-size: 0.78rem;
    color: #6b7280;
    margin-top: 2px;
    line-height: 1.2;
}

/* Variante wide: stat che contiene un input (es. URL pubblico) */
.bnq-kpi--input {
    grid-column: span 2;
}
.bnq-kpi--input .input-group {
    margin-top: 4px;
}

@media (max-width: 575.98px) {
    .bnq-kpi-row { gap: 8px; }
    .bnq-kpi { padding: 10px 12px; min-height: 64px; }
    .bnq-kpi-value { font-size: 1.45rem; }
    .bnq-kpi--input { grid-column: span 2; }
}