/*
 * heToast styles — fixed top-right stacking container.
 * Sits above ui-bootstrap modals (z-index 1050) and the navbar (1030).
 */

.he-toast-container {
    position: fixed;
    top: 70px;          /* clear of the fixed top navbar */
    right: 16px;
    width: 360px;
    max-width: calc(100vw - 32px);
    z-index: 1080;
    pointer-events: none; /* container itself is click-through */
}

.he-toast-container .he-toast {
    pointer-events: auto;
    margin-bottom: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding-right: 32px;  /* room for the close button */
    word-wrap: break-word;
    animation: he-toast-in 180ms ease-out;
}

@keyframes he-toast-in {
    from { transform: translateX(20px); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

.he-toast-container .he-toast .close {
    position: absolute;
    top: 6px;
    right: 10px;
}

@media print {
    .he-toast-container { display: none !important; }
}