/* Toast messages: large, solid and in the middle of the screen so they can't be missed (Tim, 26 Oct 2026).
   Placement (MIDDLE_CENTER) is set in js/site-defaults*.js; this file sets the size and look. */
#toastContainer {
    --header-bg-color-light: #f1f3f5;
    --body-bg-color-light: #ffffff;
    z-index: 2100; /* above dialogs (1055) and the page loader (1999) */
}
#toastContainer .toast {
    width: min(640px, 92vw);
    max-width: none;
    font-size: 1.25rem;
    border: 2px solid #6c757d;
    box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.45);
}
#toastContainer .toast .toast-header {
    font-size: 1.35rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
}
#toastContainer .toast .toast-body {
    padding: 1rem 1.25rem;
}
#toastContainer .status-icon {
    font-size: 1.6rem;
}