/* Isolated Toastr skin shared by every website theme and both portals. */
#toast-container {
    position: fixed; z-index: 2147483000 !important; pointer-events: none;
    top: max(22px, env(safe-area-inset-top)); right: max(22px, env(safe-area-inset-right));
    bottom: auto; left: auto; width: min(410px, calc(100vw - 32px));
    max-height: calc(100dvh - 36px); overflow-y: auto; overscroll-behavior: contain;
    padding: 2px 2px 8px; box-sizing: border-box; text-align: left;
}
#toast-container > .toast {
    display: block; position: relative; width: 100%; max-width: none; min-width: 0; opacity: 1;
    margin: 0 0 10px; padding: 17px 38px 17px 52px; border-radius: 12px;
    border: 1px solid rgba(255,255,255,.2); color: #fff; pointer-events: auto;
    box-shadow: 0 10px 32px rgba(15,23,42,.22); background-position: 17px 21px;
    font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5;
    box-sizing: border-box; user-select: text; -webkit-user-select: text; text-transform: none;
}
#toast-container > .toast-success { background-color: #166534; }
#toast-container > .toast-info { background-color: #1d4ed8; }
#toast-container > .toast-warning { background-color: #92400e; }
#toast-container > .toast-error { background-color: #b91c1c; }
#toast-container .toast-title { margin: 0 0 4px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; }
#toast-container .toast-message { margin: 0; color: #fff; font-size: 14px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
#toast-container .toast-message p { color: inherit; font-size: inherit; line-height: inherit; }
#toast-container .toast-close-button {
    position: absolute; top: 8px; right: 8px; left: auto; float: none; display: grid; place-items: center;
    width: 26px; height: 26px; margin: 0; padding: 0; border: 0; border-radius: 5px;
    color: #fff; background: transparent; opacity: 1; text-shadow: none; box-shadow: none;
    font: 24px/1 Arial,sans-serif; cursor: pointer;
}
#toast-container .toast-close-button:hover { background: rgba(255,255,255,.16); }
#toast-container button:focus-visible, #toast-container .toast:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#toast-container .toast-progress { height: 3px; background: #fff; opacity: .45; }
#toast-container > .app-toast-prompt { padding-right: 34px; }
#toast-container .app-toast-prompt .toast-message { white-space: normal; }
#toast-container .app-toast-prompt .toast-message .text-muted,
#toast-container .app-toast-prompt .toast-message .text-danger { color: #fff !important; }
#toast-container .app-toast-input-label, #toast-container .app-toast-prompt label { display: block; color: #fff; margin: 13px 0 6px; font-size: 13px; font-weight: 600; }
#toast-container .app-toast-input,
#toast-container .app-toast-prompt input, #toast-container .app-toast-prompt select, #toast-container .app-toast-prompt textarea {
    display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px;
    padding: 9px 10px; border: 1px solid #d1d5db; border-radius: 6px;
    background: #fff !important; color: #111827 !important; 
    font-family: inherit; font-size: 14px; line-height: 1.45; outline-offset: 2px;
}
#toast-container .app-toast-prompt input::placeholder { color: #6b7280; }
#toast-container .app-toast-prompt input[type="hidden"] { display: none; }
#toast-container .app-toast-prompt option { color: #111827; background: #fff; }
#toast-container .app-toast-prompt code { color: #fff; background: rgba(0,0,0,.15); padding: 1px 3px; }
#toast-container .app-toast-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 17px; }
#toast-container .app-toast-actions button, #toast-container .app-toast-prompt .toast-message button {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
    min-height: 38px; max-width: 100%; margin: 0; padding: 8px 12px;
    font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.4;
    letter-spacing: normal; text-transform: none; white-space: normal; text-align: center;
    border: 1px solid rgba(255,255,255,.6); border-radius: 6px; cursor: pointer;
    color: #fff; background: transparent; box-shadow: none;
}
#toast-container .app-toast-actions .app-toast-confirm { background: #fff; color: #111827; border-color: #fff; }
#toast-container .app-toast-actions button:disabled { cursor: wait; opacity: .65; }
#toast-container .app-toast-prompt .input-group { display: flex; flex-wrap: wrap; gap: 6px; }
#toast-container .app-toast-validation { margin-top: 10px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.4); border-radius: 6px; color: #fff; background: rgba(0,0,0,.17); }
#toast-container [hidden] { display: none !important; }
html[dir="rtl"] #toast-container { right: auto; left: max(22px, env(safe-area-inset-left)); }
@media (max-width: 480px) {
    #toast-container { top: max(12px, env(safe-area-inset-top)); right: 12px; left: 12px; width: auto; max-height: calc(100dvh - 24px); }
    #toast-container > .toast { font-size: 13px; padding-left: 46px; background-position-x: 13px; }
    #toast-container .toast-message { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { #toast-container * { transition: none !important; animation: none !important; } }

#toast-container .app-toast-link {display:inline-block;margin-top:10px;color:#fff;font-size:13px;font-weight:700;text-decoration:underline;}
#toast-container .app-toast-link:focus-visible {outline:2px solid #fff;outline-offset:3px;}
