/* FILE: assets/ac-cucina.css — regole aggiuntive per i registri di cucina (Abbattitore, Olio esausto).
   La grafica di base è quella di ac-frighi.css (tab, barra, accordion, popup, tabella): qui solo gli
   id nuovi "ac-cucina-*" e i pochi elementi che i frighi non hanno. */

#ac-cucina-tab-strutture { margin-bottom: 12px; }
#ac-cucina-tab-voci { margin-bottom: 26px; }
#ac-cucina-accordion { margin-top: 4px; }

/* Il contenitore dei chip che cambiano dopo una registrazione non deve rompere la barra a scorrimento */
.ac-cucina-info-dinamica { display: contents; }

/* Motivo di una registrazione non conforme (sopra le note) */
.ac-cucina-motivo {
    margin-bottom: 6px;
    color: #b91c1c;
    font-size: 13px;
}

/* Griglie dei form nei popup */
.ac-cucina-griglia-2,
.ac-cucina-griglia-3 {
    display: grid;
    gap: 12px;
}
.ac-cucina-griglia-2 { grid-template-columns: 1fr 1fr; }
.ac-cucina-griglia-3 { grid-template-columns: 1fr 1fr 1fr; }

@media (max-width: 520px) {
    .ac-cucina-griglia-2,
    .ac-cucina-griglia-3 { grid-template-columns: 1fr; }
}

.ac-cucina-sezione-titolo {
    margin: 4px 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ac-ink, #1a202c);
}
.ac-cucina-sezione-titolo small {
    font-weight: 400;
    color: var(--ac-muted, #718096);
}

/* Messaggio di aiuto sotto un campo */
.ac-cucina-aiuto {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--ac-muted, #718096);
}

/* Tipo di registrazione (carico / ritiro) nella tabella del registro olio */
.ac-cucina-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.ac-cucina-tag-carico  { background: #fef3c7; color: #92400e; }
.ac-cucina-tag-ritiro  { background: #dcfce7; color: #166534; }

/* Popup più alti dello schermo (form lunghi su telefono): il contenuto scorre dentro il popup */
.ac-modal-overlay[id^="ac-modal-cucina"] .ac-modal-content,
.ac-modal-overlay[id^="ac-modal-abb"] .ac-modal-content,
.ac-modal-overlay[id^="ac-modal-olio"] .ac-modal-content,
.ac-modal-overlay[id^="ac-modal-export-cucina"] .ac-modal-content {
    max-height: 90vh;
    overflow-y: auto;
    box-sizing: border-box;
}