.badge-live {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: #e8f5e9;
    color: #2e7d32;
}

.badge-live::before {
    content: "●";
    color: #43a047;
    animation: pulse-live 1.5s infinite;
}

@keyframes pulse-live {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.3; }
}

/* ─── KPI stat cards (stile Dashboard) ──────────────────── */
.kpi-stat-card {
    position: relative;
    overflow: hidden;
}

.kpi-stat-value {
    font-weight: 700;
    line-height: 1.1;
}

.kpi-stat-label {
    font-weight: 600;
    margin-top: 4px;
}

.kpi-stat-sublabel {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

/* ─── Cutoff header card ─────────────────────────────────── */
/* Allinea altezza con la card selettori a sinistra.
   Il MudItem parent ha display:flex → la MudPaper si estende. */
.cutoff-header-card {
    display: flex;
    flex-direction: column;
}

/* Item sintetico nella riga 2 (icona + testo) */
.cutoff-stat-item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* ─── Cutoff overlay dropdown ────────────────────────────── */
/* Position: absolute → fluttua sopra il contenuto,
   non sposta il layout del MudGrid sottostante.
   L'MudItem parent deve avere position: relative (inline style). */
.cutoff-overlay-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1000;
    background: var(--mud-palette-surface);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15),
                0 2px  8px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--mud-palette-lines-default);
    max-height: 480px;
    overflow-y: auto;
}

/* ─── Cutoff table ───────────────────────────────────────── */
.cutoff-table-wrapper {
    overflow-x: auto;
}

.cutoff-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.cutoff-table thead th {
    padding: 8px 12px;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.cutoff-table tbody tr {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background 0.12s;
}

.cutoff-table tbody tr:last-child {
    border-bottom: none;
}

.cutoff-table tbody tr:hover {
    background: var(--mud-palette-action-default-hover);
}

/* Barra laterale su td:first-child — border-left su <tr> non funziona
   con border-collapse:collapse, spostato su prima cella */
.cutoff-table tbody td:first-child {
    border-left: 4px solid transparent;
    padding-left: 12px;
}

/* Specificità elevata a (0,2,2) per battere .cutoff-table tbody td:first-child (0,1,3) */
.cutoff-table .cutoff-row-open   td:first-child { border-left-color: var(--mud-palette-error); }
.cutoff-table .cutoff-row-canc   td:first-child { border-left-color: var(--mud-palette-warning); }
.cutoff-table .cutoff-row-closed td:first-child { border-left-color: var(--mud-palette-success); }

.cutoff-table td {
    padding: 8px 12px;
    vertical-align: middle;
}

/* ── Colonna ristorante ──────────────────────────────────── */
.cutoff-canteen-cell {
    min-width: 160px;
}

.cutoff-canteen-name {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
}

.cutoff-tenant-name {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.2;
    margin-top: 1px;
}

/* ── Wrapper cella stato ─────────────────────────────────── */
.cutoff-cell-passed,
.cutoff-cell-imminent,
.cutoff-cell-open,
.cutoff-cell-warning {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.cutoff-cell-imminent,
.cutoff-cell-open,
.cutoff-cell-warning {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px;
}

/* ── Icone ───────────────────────────────────────────────── */
.cutoff-icon-check  { color: var(--mud-palette-success);         font-weight: 700; font-size: 0.85rem; }
.cutoff-icon-clock  { color: var(--mud-palette-warning-darken);  font-weight: 700; font-size: 0.85rem; }
.cutoff-icon-x      { color: var(--mud-palette-error);           font-weight: 700; font-size: 0.85rem; }
.cutoff-icon-x-warn { color: var(--mud-palette-warning-darken);  font-weight: 700; font-size: 0.85rem; }

/* ── Testo orario ────────────────────────────────────────── */
.cutoff-time-muted {
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
}

.cutoff-time-bold {
    font-weight: 700;
    font-size: 0.875rem;
}

.cutoff-cell-open    .cutoff-time-bold { color: var(--mud-palette-error); }
.cutoff-cell-warning .cutoff-time-bold { color: var(--mud-palette-warning-darken); }
.cutoff-cell-imminent .cutoff-time-bold{ color: var(--mud-palette-warning-darken); }

/* Countdown "tra Xmin" sotto l'orario */
.cutoff-countdown {
    display: block;
    width: 100%;
    font-size: 0.68rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
    margin-top: 1px;
}