/* ============================================================
   SweetAlert2 — alertas visibles en CitoFlow
============================================================ */

.cito-swal-toast {
    border: 1px solid transparent;
    box-shadow: 0 10px 24px rgba(22, 54, 78, .16);
}

.cito-swal-toast__title {
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
}

.cito-swal-toast__timer {
    opacity: .55;
}

.cito-swal-toast--success {
    background: #e8f7ee !important;
    border-color: #8fd4a8 !important;
    color: #1f6b43 !important;
}

.cito-swal-toast--success .cito-swal-toast__title,
.cito-swal-toast--success .swal2-title {
    color: #1f6b43 !important;
}

.cito-swal-toast--info {
    background: #dff1fa !important;
    border-color: #7ec0e3 !important;
    color: #0f4f6d !important;
}

.cito-swal-toast--info .cito-swal-toast__title,
.cito-swal-toast--info .swal2-title {
    color: #0f4f6d !important;
}

.cito-swal-toast--warning {
    background: #fff4df !important;
    border-color: #e8c36a !important;
    color: #7a4d0f !important;
}

.cito-swal-toast--warning .cito-swal-toast__title,
.cito-swal-toast--warning .swal2-title {
    color: #7a4d0f !important;
}

.cito-swal-toast--error {
    background: #fdeeee !important;
    border-color: #e8a0a0 !important;
    color: #8b2e2e !important;
}

.cito-swal-toast--error .cito-swal-toast__title,
.cito-swal-toast--error .swal2-title {
    color: #8b2e2e !important;
}

.cito-swal-modal {
    border: 1px solid #c5d6e2;
    box-shadow: 0 14px 32px rgba(22, 54, 78, .18);
}

.cito-swal-modal--error {
    background: #fff5f5 !important;
    border-color: #e8a0a0 !important;
}

.cito-swal-modal--error .swal2-title {
    color: #8b2e2e !important;
}

.cito-swal-modal--error .swal2-html-container,
.cito-swal-modal--error .swal2-content {
    color: #5c3030 !important;
}

.cito-swal-modal--confirm {
    background: #f4f9fc !important;
    border-color: #c5d6e2 !important;
}

.cito-swal-modal--confirm .swal2-title {
    color: #16364e !important;
}

.cito-swal-modal--confirm .swal2-html-container,
.cito-swal-modal--confirm .swal2-content {
    color: #4a6275 !important;
}

.cito-swal-modal--loading {
    background: #f4f9fc !important;
    border-color: #c5d6e2 !important;
}

.cito-swal-modal--loading .swal2-title {
    color: #16364e !important;
}