/*
 * Win Manager — Public UI (plugin routes only)
 *
 * This stylesheet is intentionally scoped to plugin routes (enqueued conditionally).
 * It provides a premium baseline (tokens, better defaults, accessibility), and
 * supports legacy template variables like --or / --or2.
 */

:root{
  /* Core palette (dark + orange accent) */
  --vi-bg-deep:#050814;
  --vi-bg-mid:#070C1C;
  --vi-card:#0B1224;
  --vi-card-2:#0E1630;
  --vi-border:#162043;
  --vi-text:#F3F6FF;
  --vi-muted:#A8B2CA;
  --vi-muted-2:rgba(232,230,225,.55);

  --vi-accent:#00D4FF;
  --vi-accent-2:#7C3AED;
  --vi-accent-rgb:0,212,255;

  --vi-green:#34D399;
  --vi-red:#F87171;
  --vi-blue:#60A5FA;
  --vi-radius:16px;
  --vi-radius-sm:10px;
  --vi-shadow:0 18px 60px rgba(0,0,0,.45);

  /* Legacy aliases used by existing templates */
  --dark: var(--vi-bg-deep);
  --card: var(--vi-card);
  --card2: var(--vi-card-2);
  --border: var(--vi-border);
  --text: var(--vi-text);
  --muted: var(--vi-muted);
  --or: var(--vi-accent);
  --or2: var(--vi-accent-2);
  --green: var(--vi-green);
  --red: var(--vi-red);
  --blue: var(--vi-blue);
}

/* Better defaults (non-invasive) */
html{ color-scheme: dark; }

::selection{ background: rgba(var(--vi-accent-rgb), .22); color: var(--vi-text); }

/* Nicer scrollbars (WebKit) */
*::-webkit-scrollbar{ width: 10px; height: 10px; }
*::-webkit-scrollbar-track{ background: rgba(255,255,255,.04); }
*::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.10); border-radius: 999px; border: 2px solid rgba(0,0,0,0); background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.16); border: 2px solid rgba(0,0,0,0); background-clip: padding-box; }

/* Accessibility: focus ring */
:where(a, button, input, textarea, select, [tabindex]):focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--vi-accent-rgb), .22);
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}

/* Toasts */
.vi-toast-wrap{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.vi-toast{
  width: min(420px, calc(100vw - 32px));
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(17,17,24,.96), rgba(17,17,24,.88));
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  padding: 12px 14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.vi-toast__icon{ width: 22px; height: 22px; display:flex; align-items:center; justify-content:center; border-radius: 10px; background: rgba(var(--vi-accent-rgb), .16); }
.vi-toast__title{ font-weight: 800; letter-spacing: .3px; font-size: 13px; margin: 0 0 2px; }
.vi-toast__msg{ margin: 0; color: rgba(232,230,225,.72); font-size: 13px; line-height: 1.45; }

.vi-toast--ok .vi-toast__icon{ background: rgba(52,211,153,.16); }
.vi-toast--err .vi-toast__icon{ background: rgba(248,113,113,.16); }