/* UW Notifications - frontend style - blanco y azul premium */
:root{
  --uw-primary: #2B9CFF;
  --uw-bg-opacity: 0.72;
  --uw-text: #0b1220;
}
#uw-notifs.uw-pos-bottom-right { position: fixed; right: 20px; bottom: 20px; z-index: 99999; pointer-events: none; }
#uw-notifs.uw-pos-bottom-left { position: fixed; left: 20px; bottom: 20px; z-index: 99999; pointer-events: none; }
#uw-notifs.uw-pos-top-center { position: fixed; left: 50%; transform: translateX(-50%); top: 20px; z-index: 99999; pointer-events: none; }
#uw-notifs .uw-toast {
  pointer-events: auto;
  display:flex;
  gap:12px;
  align-items:center;
  min-width:300px;
  max-width:480px;
  background: rgba(255,255,255,var(--uw-bg-opacity));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius:20px;
  padding:12px 14px;
  box-shadow: 0 12px 40px rgba(11,18,32,0.12);
  color: var(--uw-text);
  margin-top:10px;
  transform-origin: right bottom;
  animation: uw-fadeInUp .45s ease both;
  border: 1px solid rgba(43,156,255,0.12);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
#uw-notifs .uw-avatar { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; background: linear-gradient(180deg,var(--uw-primary), #1f88e6); color: #fff; box-shadow: 0 6px 18px rgba(43,156,255,0.12); flex-shrink:0; }
#uw-notifs .uw-body { flex:1; font-size:14px; line-height:1.2; }
#uw-notifs .uw-title { font-weight:700; margin-bottom:4px; color: #05355a; }
#uw-notifs .uw-content { font-size:13px; color:#1b2b3a; opacity:0.95; }
#uw-notifs .uw-close { background:transparent; border:0; font-size:16px; cursor:pointer; margin-left:8px; color:#556677; padding:6px; border-radius:8px; }
#uw-notifs .uw-close:hover { background: rgba(0,0,0,0.04); }
@keyframes uw-fadeInUp {
  from { opacity:0; transform: translateY(12px); }
  to { opacity:1; transform: translateY(0); }
}
@keyframes uw-fadeOutDown {
  from { opacity:1; transform: translateY(0); }
  to { opacity:0; transform: translateY(12px); }
}
/* responsive */
@media (max-width:640px){
  #uw-notifs.uw-pos-bottom-right, #uw-notifs.uw-pos-bottom-left { left:0; right:0; bottom:12px; padding:0 12px; }
  #uw-notifs .uw-toast { max-width:100%; }
}
/* dark mode */
@media (prefers-color-scheme: dark) {
  :root{ --uw-text: #e6f3ff; }
  #uw-notifs .uw-toast { background: rgba(8,16,28,0.42); box-shadow: 0 12px 40px rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.04); }
  #uw-notifs .uw-title { color: #cfe9ff; }
  #uw-notifs .uw-content { color: #dbeeff; opacity:0.9; }
}