/*
 * Conferme e avvisi del portale staff (js/dialogo.js) e base delle finestre del Cloud
 * (js/cloud.js, css/cloud.css). In AppAsset; le pagine senza layout (chat mobile) lo linkano a mano.
 */
/* ── Conferme e avvisi del portale (js/dialogo.js), al posto di confirm()/alert() ──
   Sopra a tutto (anche a un riquadro aperto); sul telefono sale dal basso. */
.cc-dlg {
    position: fixed; inset: 0; z-index: 2000;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, .45);
    opacity: 0; transition: opacity .15s ease;
}
.cc-dlg--su { opacity: 1; }
.cc-dlg--via { pointer-events: none; }
.cc-dlg__box {
    width: 100%; max-width: 420px;
    background: var(--cc-surface); color: var(--cc-ink);
    border: 1px solid var(--cc-border); border-radius: var(--cc-radius);
    box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
    padding: 20px 20px 16px;
    transform: translateY(8px) scale(.98); transition: transform .15s ease;
}
.cc-dlg--su .cc-dlg__box { transform: none; }
.cc-dlg__testa { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.cc-dlg__chip {
    --dlg: var(--cc-warning);
    flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px;
    display: grid; place-items: center;
    color: var(--dlg); background: color-mix(in srgb, var(--dlg) 14%, transparent);
}
.cc-dlg--pericolo .cc-dlg__chip { --dlg: var(--cc-danger); }
.cc-dlg__chip svg.i { width: 19px; height: 19px; }
.cc-dlg__titolo { font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; }
.cc-dlg__testo { font-size: 14px; line-height: 1.5; color: var(--cc-ink-soft); white-space: pre-line; overflow-wrap: anywhere; }
.cc-dlg__azioni { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.cc-dlg__azioni .btn { min-width: 96px; }
@media (max-width: 575.98px) {
    .cc-dlg { align-items: flex-end; padding: 0; }
    .cc-dlg__box {
        max-width: none; border-radius: 18px 18px 0 0; border-bottom: 0;
        padding: 20px 18px calc(16px + env(safe-area-inset-bottom, 0px));
        transform: translateY(24px);
    }
    .cc-dlg__azioni .btn { flex: 1; padding-top: .55rem; padding-bottom: .55rem; font-size: .95rem; }
}