with open("public_html/supercerebro/sections/apis.php", "r") as f:
    content = f.read()

shopify_card = """  <div class="cfg-card"><div class="chd"><div class="ctit">🛍 Shopify API</div></div>
    <div style="font-size:12px;color:var(--m);margin-bottom:14px">Conecta Shopify <strong>por cliente</strong> para publicar artículos del blog directamente desde SuperCerebro.</div>
    <div style="font-size:11px;color:var(--y);background:rgba(245,197,67,.1);border:1px solid rgba(245,197,67,.25);border-radius:7px;padding:8px 12px;margin-bottom:12px">Selecciona el cliente antes de guardar.</div>
    <div class="mf"><label>Dominio de la tienda</label><input type="text" id="shopify-domain" placeholder="mitienda.myshopify.com"></div>
    <div class="mf">
      <label>Admin API Access Token</label>
      <input type="password" id="shopify-token" placeholder="shpat_...">
      <div style="margin-top:6px;font-size:11px;color:var(--m);background:var(--bg2);border-radius:6px;padding:8px 10px;line-height:1.7">
        📍 <strong>Cómo obtenerlo:</strong> Shopify Admin → <strong>Configuración → Apps y canales de venta → Desarrollar apps</strong> → Crear app → <em>Configurar permisos de API de Admin</em> → activa <strong>write_content</strong> y <strong>read_content</strong> → Instalar app → copia el <strong>Token de acceso de API de Admin</strong> (<code>shpat_...</code>).<br>
        ⚠️ Solo se muestra una vez. Si lo pierdes, genera uno nuevo.
      </div>
    </div>
    <button class="pr-btn" onclick="saveShopifyCreds()">Guardar</button>
    <div style="font-size:12px;margin-top:8px" id="s-shopify"></div>
  </div>
"""

old = '  <div class="cfg-card" id="cfg-google-card">'
if old in content:
    content = content.replace(old, shopify_card + old, 1)
    with open("public_html/supercerebro/sections/apis.php", "w") as f:
        f.write(content)
    print("OK apis.php: Shopify card added")
else:
    print("ERROR: google card anchor not found")
