.apex-gp-scope{
  --agp-bg: #0B0B0D;
  --agp-surface: #17181B;
  --agp-surface-2: #1F2023;
  --agp-border: #2A2B30;
  --agp-text: #F2F1EC;
  --agp-muted: #9A9CA3;
  --agp-red: #E8102B;
  --agp-red-dim: #7A0A19;
  --agp-yellow: #FFC700;

  background: var(--agp-bg);
  color: var(--agp-text);
  font-family: 'Inter', sans-serif;
  border-radius: 16px;
  padding: 20px;
  background-image:
    radial-gradient(circle at 15% 0%, rgba(232,16,43,0.12), transparent 40%),
    radial-gradient(circle at 100% 20%, rgba(255,199,0,0.06), transparent 35%);
}
.apex-gp-scope *{ box-sizing: border-box; }
.apex-gp-scope .font-display{ font-family:'Teko',sans-serif; letter-spacing:0.01em; }
.apex-gp-scope .font-mono{ font-family:'Space Mono',monospace; }
.apex-gp-scope .card{ background:var(--agp-surface); border:1px solid var(--agp-border); }
.apex-gp-scope .card-2{ background:var(--agp-surface-2); border:1px solid var(--agp-border); }
.apex-gp-scope .scanline{ position:relative; }
.apex-gp-scope .scanline::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 1px, transparent 1px, transparent 3px);
  pointer-events:none;
}
.apex-gp-scope ::-webkit-scrollbar{ height:8px; width:8px; }
.apex-gp-scope ::-webkit-scrollbar-thumb{ background:#3a3b40; border-radius:4px; }
.apex-gp-scope ::-webkit-scrollbar-track{ background:transparent; }
.apex-gp-scope input[type=text]:focus,
.apex-gp-scope input[type=number]:focus,
.apex-gp-scope input[type=date]:focus,
.apex-gp-scope select:focus{
  outline:none; border-color: var(--agp-yellow); box-shadow: 0 0 0 3px rgba(255,199,0,0.15);
}
.apex-gp-scope .badge-pos{ font-family:'Teko',sans-serif; }
.apex-gp-scope .tab-btn{ transition: all .15s ease; }
.apex-gp-scope .fade-in{ animation: agpFadeIn .25s ease forwards; }
@keyframes agpFadeIn{ from{ opacity:0; transform: translateY(6px);} to{ opacity:1; transform: translateY(0);} }
.apex-gp-scope .checker{
  background-image: linear-gradient(45deg, #000 25%, transparent 25%), linear-gradient(-45deg, #000 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #000 75%), linear-gradient(-45deg, transparent 75%, #000 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
  background-color: #fff;
}
.apex-gp-loading{
  padding: 60px 20px;
  text-align: center;
  color: #9A9CA3;
  font-family: 'Inter', sans-serif;
}

/* Toasts (fuera del contenedor con overflow, se anclan a la ventana) */
#apex-gp-toast-container{
  position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
  z-index: 99999; display:flex; flex-direction:column; align-items:center; gap:8px;
  pointer-events: none;
}
.apex-gp-toast{
  font-family: 'Inter', sans-serif;
  background: #17181B; border: 1px solid rgba(255,199,0,0.5); color:#F2F1EC;
  padding: 10px 16px; border-radius: 10px; font-size: 14px; font-weight: 500;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  display:flex; align-items:center; gap:8px;
  animation: agpToastIn .25s ease forwards;
  pointer-events: auto;
}
.apex-gp-toast.error{ border-color: rgba(232,16,43,0.6); }
@keyframes agpToastIn{ from{ opacity:0; transform: translateY(-8px);} to{ opacity:1; transform: translateY(0);} }