/* Email Status Styles for the table */

/* Email abierto */
.email-opened {
    background-color: #d4edda !important;
    color: #155724 !important;
    font-weight: bold;
}

/* Email clickeado */
.email-clicked {
    background-color: #cce5ff !important;
    color: #004085 !important;
    font-weight: bold;
}

/* Email rebotado */
.email-bounced {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    font-weight: bold;
}

/* Email marcado como spam */
.email-spam {
    background-color: #fff3cd !important;
    color: #856404 !important;
    font-weight: bold;
}

/* Email enviado */
.email-sent {
    background-color: #e2e3e5 !important;
    color: #383d41 !important;
    font-weight: bold;
}

/* Email entregado */
.email-delivered {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
    font-weight: bold;
}

/* Email inválido */
.email-invalid {
    background-color: #fff8e1 !important;
    color: #f57f17 !important;
    font-weight: bold;
}

/* Email diferido */
.email-deferred {
    background-color: #f3e5f5 !important;
    color: #7b1fa2 !important;
    font-weight: bold;
}

/* Email bloqueado */
.email-blocked {
    background-color: #ffebee !important;
    color: #c62828 !important;
    font-weight: bold;
}

/* Email desuscrito */
.email-unsubscribed {
    background-color: #fce4ec !important;
    color: #ad1457 !important;
    font-weight: bold;
}

/* Email con error */
.email-error {
    background-color: #ffebee !important;
    color: #d32f2f !important;
    font-weight: bold;
}

/* Email con estado desconocido */
.email-unknown {
    background-color: #f5f5f5 !important;
    color: #757575 !important;
    font-weight: bold;
}

/* Hover effects */
.email-opened:hover,
.email-clicked:hover,
.email-bounced:hover,
.email-spam:hover,
.email-sent:hover,
.email-delivered:hover,
.email-invalid:hover,
.email-deferred:hover,
.email-blocked:hover,
.email-unsubscribed:hover,
.email-error:hover,
.email-unknown:hover {
    opacity: 0.8;
    cursor: pointer;
}

/* Responsive design */
@media (max-width: 768px) {
    .email-opened,
    .email-clicked,
    .email-bounced,
    .email-spam,
    .email-sent,
    .email-unknown {
        font-size: 0.9em;
        padding: 4px 6px;
    }
}