.gfgoj-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:9999}
.gfgoj-modal{background:#fff;max-width:360px;width:92%;border-radius:12px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.2);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto}
.gfgoj-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.gfgoj-ok{background:#1D8D60;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}
.gfgoj-cancel{background:#f0f1f2;color:#111;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}
.gfgoj-toast{position:fixed;left:20px;bottom:20px;background:#1D8D60;color:#fff;padding:10px 14px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:9999}
.gfgoj-toast.show{opacity:1;transform:translateY(0)}
.gfgoj-done{display:inline-block;background:#1D8D60;color:#fff;border-radius:8px;padding:6px 10px}

/* Soft Grid background (Option 2) for the public list wrapper */
.gfgoj-wrap{
  background:
    linear-gradient(transparent 23px, #e5e7eb55 24px) 0 0/100% 24px,
    linear-gradient(90deg, transparent 23px, #e5e7eb55 24px) 0 0/24px 100%,
    radial-gradient(1000px 600px at 10% 10%, #1D8D6018, transparent 45%),
    linear-gradient(180deg, #ffffff, #f8fafb);
}

.gfgoj-variation-split{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.gfgoj-variation-pill{display:inline-block;padding:4px 8px;border:1px solid #cfe7dc;background:#f0faf5;color:#0f5132;border-radius:999px;font-size:12px;line-height:1.25}
.gfgoj-variation-pill strong{font-weight:700}