/* ============================================
   mail-email-render.css
   CSS per il container iframe del rendering email
   Da aggiungere in: wwwroot/css/mail-email-render.css
   E includere nel layout: <link rel="stylesheet" href="~/css/mail-email-render.css" />
   ============================================ */

/* Container del body email */
.email-body {
    position: relative;
    background: #ffffff;
}

/* Iframe email - occupa tutto lo spazio disponibile */
.email-content.html-content iframe {
    width: 100%;
    border: none;
    display: block;
    min-height: 200px;
    background-color: #ffffff;
    border-radius: 4px;
}

/* Contenuto testo semplice */
.email-content.text-content {
    white-space: pre-wrap;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    padding: 8px 0;
}

/* Loading state dentro il container email */
.email-content .email-body-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    color: #6c757d;
}

/* Responsive: su mobile l'iframe può avere scroll orizzontale */
@media (max-width: 768px) {
    .email-content.html-content {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .email-content.html-content iframe {
            min-width: 320px;
        }
}

/* Stampa: mostra il contenuto email correttamente */
@media print {
    .email-content.html-content iframe {
        height: auto !important;
        min-height: auto;
    }
}