/* Reliam Suite — balões de notificação (ver static/js/six-toast.js) */
.six-toast-stack {
    position: fixed;
    top: calc(var(--navbar-h, 56px) + 12px);
    right: 16px;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: min(380px, calc(100vw - 32px));
    pointer-events: none;
}
.six-toast {
    --tone: var(--six-accent, #00B088);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 12px 13px;
    background: var(--six-surface, #fff);
    color: var(--six-text-strong, #1d2b3a);
    border: 1px solid var(--six-border, #e3e8ee);
    border-left: 4px solid var(--tone);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(8, 16, 40, .16), 0 2px 6px rgba(8, 16, 40, .08);
    font-size: .86rem;
    line-height: 1.42;
    overflow: hidden;
    pointer-events: auto;
    opacity: 0;
    transform: translateX(18px);
    transition: opacity .22s ease, transform .22s ease;
}
.six-toast.is-in  { opacity: 1; transform: none; }
.six-toast.is-out { opacity: 0; transform: translateX(18px); }
.six-toast--success { --tone: var(--six-accent, #00B088); }
.six-toast--info    { --tone: var(--six-primary-700, #0d1a3f); }
.six-toast--warning { --tone: var(--six-warning, #e6a23c); }
.six-toast--danger  { --tone: var(--six-danger, #d64545); }
.six-toast__icon  { color: var(--tone); font-size: 1.05rem; margin-top: 1px; flex: none; }
.six-toast__msg   { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.six-toast__close {
    flex: none;
    border: 0;
    background: transparent;
    color: #9aa3ad;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    line-height: 1;
    cursor: pointer;
}
.six-toast__close:hover,
.six-toast__close:focus-visible { background: var(--six-bg, #F6F8FA); color: var(--six-text-strong, #1d2b3a); outline: none; }
.six-toast__bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: var(--tone);
    opacity: .35;
    transform-origin: left center;
    animation-name: six-toast-bar;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.six-toast.is-paused .six-toast__bar { animation-play-state: paused; }
@keyframes six-toast-bar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) {
    .six-toast { transition: none; }
    .six-toast__bar { animation: none; }
}