/* core/popup/popup.css */

/* Overlay (se mantiene translúcido) */
.a-pop-overlay{
  position:fixed; inset:0; background:rgba(6,10,16,.6);
  backdrop-filter: blur(2px);
  display:flex; align-items:center; justify-content:center;
  z-index: 99999;
}

/* MODAL: ahora con fondo sólido (no se ve la página a través) */
.a-pop-modal{
  width:min(720px, 92vw);
  border-radius:16px;
  border:1px solid var(--border);
  background: var(--panel);              /* ← SÓLIDO */
  color:var(--text);
  box-shadow:
    0 18px 60px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.02) inset;
}

/* Cabezera */
.a-pop-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px; border-bottom:1px solid var(--border);
  background: rgba(255,255,255,0.01);     /* sutil, pero no transparente total */
}
.a-pop-icon{ color:var(--accent); display:grid; place-items:center; }
.a-pop-head h3{ margin:0; font-size:1.05rem; letter-spacing:.2px; font-weight:900; }
.a-pop-close{
  background:transparent; border:1px solid var(--border); color:var(--text);
  width:28px; height:28px; border-radius:8px; cursor:pointer;
}

/* Cuerpo y pie */
.a-pop-body{ padding:16px; background: transparent; }
.a-pop-foot{
  display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap;
  padding:12px 16px 16px; border-top:1px solid var(--border);
  background: rgba(255,255,255,0.01);
}

/* Botones */
.a-btn{
  border-radius:12px;
  padding:10px 14px;
  font-weight:800; letter-spacing:.3px;
  cursor:pointer; user-select:none;
  transition: transform .08s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

/* Primario (Guardar) - texto claro */
.a-btn.primary{
  background:linear-gradient(180deg, rgba(0,255,248,.26), rgba(0,255,248,.14));
  border:1px solid var(--accent);
  color:var(--text);
  box-shadow:0 8px 20px rgba(0,255,248,.22);
}
.a-btn.primary:hover{ box-shadow:0 10px 28px rgba(0,255,248,.28); }
.a-btn.primary:active{ transform: translateY(1px); }

/* Ghost (Cancelar / Restablecer) */
.a-btn.ghost{
  background:transparent;
  border:1px solid var(--border);
  color:var(--text);
}
.a-btn.ghost:hover{
  border-color: rgba(0,255,248,.35);
  box-shadow:0 8px 18px rgba(0,255,248,.16);
}
.a-btn.ghost:active{ transform: translateY(1px); }

/* Accesibilidad */
.a-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,255,248,.18), 0 8px 18px rgba(0,255,248,.16);
  border-color: var(--accent);
}

/* Disabled (legible) */
.a-btn[disabled],
.a-btn.is-disabled{
  opacity:.6; pointer-events:none; color:var(--text);
}

/* Animación de cierre */
.a-hide{ animation: a-pop-hide .14s ease forwards; }
@keyframes a-pop-hide{ to{ transform: translateY(6px); opacity:.0; } }