/* Toast global do FrontApp. Carregado depois do tema Syncfusion. */
.e-toast-container {
    z-index: 10050 !important;
}

.e-toast-container.e-toast-top-right {
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
}

.e-toast-container .e-toast {
    --toast-state: var(--theme-primary, var(--theme, #2563eb));
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: min(380px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 16px 42px 16px 16px !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--toast-state) 24%, #e2e8f0) !important;
    border-left: 5px solid var(--toast-state) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #172033 !important;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .18) !important;
}

.e-toast-container .e-toast::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: var(--toast-state);
}

.e-toast-container .e-toast.e-toast-success { --toast-state: #16a34a; }
.e-toast-container .e-toast.e-toast-danger,
.e-toast-container .e-toast.e-toast-error { --toast-state: #dc2626; }
.e-toast-container .e-toast.e-toast-warning { --toast-state: #d97706; }
.e-toast-container .e-toast.e-toast-info { --toast-state: #0284c7; }

.e-toast-container .e-toast .e-toast-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, var(--toast-state) 12%, white) !important;
    color: var(--toast-state) !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.e-toast-container .e-toast .e-toast-icon::before {
    display: block;
    font-family: Arial, sans-serif !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.e-toast-container .e-toast.e-toast-success .e-toast-icon::before { content: "✓" !important; }
.e-toast-container .e-toast.e-toast-danger .e-toast-icon::before,
.e-toast-container .e-toast.e-toast-error .e-toast-icon::before { content: "×" !important; }
.e-toast-container .e-toast.e-toast-warning .e-toast-icon::before { content: "!" !important; }
.e-toast-container .e-toast.e-toast-info .e-toast-icon::before { content: "i" !important; }

.e-toast-container .e-toast .e-toast-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.e-toast-container .e-toast .e-toast-title {
    margin: 0 0 4px !important;
    color: color-mix(in srgb, var(--toast-state) 80%, #172033) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.e-toast-container .e-toast .e-toast-message {
    margin: 0 !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.e-toast-container .e-toast .e-toast-close-icon {
    position: absolute !important;
    top: 11px !important;
    right: 11px !important;
    color: #64748b !important;
}

@media (max-width: 480px) {
    .e-toast-container {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
    }

    .e-toast-container .e-toast {
        width: 100% !important;
    }
}