.app-toast-container {
    position: fixed;
    top: 70px;
    right: 20px;
    z-index: 1100;
    width: 360px;
    max-width: calc(100vw - 40px);
    pointer-events: none;
}
.app-toast {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    padding: 16px;
    border-radius: 6px;
    color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    pointer-events: auto;
}
.app-toast-success { background: #237a43; }
.app-toast-error, .app-toast-danger { background: #b3342b; }
.app-toast-warning { background: #8a5900; }
.app-toast-info { background: #24658b; }
.app-toast > .fa { margin-top: 3px; }
.app-toast > span { flex: 1; overflow-wrap: anywhere; }
.app-toast-close {
    padding: 0 3px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.app-toast-close:focus { outline: 2px solid #fff; outline-offset: 3px; }
@media print {
    .app-toast-container { display: none !important; }
}