/* Shared cabinet messages. Tokens come from styles/style.css. One toast, one field error. */

.security-warning-note { background-color: rgba(245, 158, 11, 0.14); border: 1px solid rgba(245, 158, 11, 0.4); border-radius: 14px; padding: 12px 14px; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 10px; }
.security-warning-note i { color: var(--dot-orange); font-size: 16px; margin-top: 2px; }
.pin-error-msg { font-size: 11.5px; font-weight: 700; color: var(--dot-red); display: none; }
.pin-error-msg.visible { display: block; }

.toast-notification { position: fixed; bottom: 28px; right: 28px; background-color: var(--sidebar-bg); color: var(--sidebar-text); padding: 14px 20px; border-radius: 16px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 10px; box-shadow: 0 12px 30px rgba(0,0,0,0.22); z-index: 2000; transform: translateY(100px); opacity: 0; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); }
.toast-notification.show { transform: translateY(0); opacity: 1; }

@media (max-width: 576px) {
    .toast-notification { left: 16px; right: 16px; bottom: 80px; }
}