/* Supreme Leads: toast messages and button spinner. Navy #16293A, gold #C8972A. */

.sel-toast{position:fixed;top:96px;right:24px;z-index:999999;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px 18px;background:#fff;border-radius:12px;border-left:4px solid #C8972A;box-shadow:0 14px 40px rgba(22,41,58,.2);font-family:"Montserrat",Arial,sans-serif;font-size:14px;line-height:1.5;color:#16293A;opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.sel-toast--show{opacity:1;transform:none}
.sel-toast--success{border-left-color:#2d8e5c}
.sel-toast--success .sel-toast__icon{color:#2d8e5c}
.sel-toast--error{border-left-color:#c0392b}
.sel-toast--error .sel-toast__icon{color:#c0392b}
.sel-toast__icon{flex-shrink:0;margin-top:1px}
.sel-toast__msg{flex:1;font-weight:600}
.sel-toast__close{flex-shrink:0;margin:-3px -4px 0 0;padding:0 4px;background:none;border:0;color:#6b7f90;font-size:22px;line-height:1;cursor:pointer}
.sel-toast__close:hover{color:#16293A}

.sel-spinner{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sel-spin .7s linear infinite}
@keyframes sel-spin{to{transform:rotate(360deg)}}

@media (max-width:640px){
  .sel-toast{top:84px;left:12px;right:12px;min-width:0;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .sel-toast{transition:none}
  .sel-spinner{animation-duration:2s}
}