/* AutoVista toast notifications — brand styled, CSP-safe (no inline JS). */
.cs-toast-wrap {
    position: fixed; top: 1rem; right: 1rem; z-index: 1090;
    display: flex; flex-direction: column; gap: .65rem; max-width: 360px;
}
@media (max-width: 575.98px) {
    .cs-toast-wrap { top: auto; bottom: 1rem; left: 1rem; right: 1rem; max-width: none; }
}
.cs-toast {
    display: flex; align-items: flex-start; gap: .6rem;
    background: #fff; color: #14171C; border-radius: 10px;
    border-left: 4px solid #6B7280;
    box-shadow: 0 10px 30px rgba(20,23,28,.18);
    padding: .8rem .9rem; font-size: .9rem;
    transform: translateX(120%); opacity: 0;
    transition: transform .45s cubic-bezier(.21,.9,.31,1), opacity .45s ease;
}
.cs-toast.in { transform: translateX(0); opacity: 1; }
.cs-toast.out { transform: translateX(120%); opacity: 0; }
.cs-toast .ic { font-size: 1.15rem; line-height: 1.3; }
.cs-toast .msg { flex: 1; line-height: 1.4; }
.cs-toast .x { background: none; border: none; color: #9aa0ab; cursor: pointer; font-size: 1rem; padding: 0; line-height: 1; }
.cs-toast.success { border-left-color: #1E9E5A; }
.cs-toast.success .ic { color: #1E9E5A; }
.cs-toast.error { border-left-color: #E11D2A; }
.cs-toast.error .ic { color: #E11D2A; }
.cs-toast.warning { border-left-color: #C9A227; }
.cs-toast.warning .ic { color: #C9A227; }
.cs-toast.info { border-left-color: #2563EB; }
.cs-toast.info .ic { color: #2563EB; }

@media (prefers-reduced-motion: reduce) {
    .cs-toast { transition: opacity .2s ease; transform: none; }
    .cs-toast.in { transform: none; }
}