/* rip/setup-card.css — the "Finish setting up" card, for every pack page.
 *
 * ⚠⚠ IT WAS INLINE IN packs.htm AND THEREFORE POKÉMON-ONLY (2026-09-24). The
 * card is the surface that took reminder uptake from 7 of 674 members to 19,
 * and no universe page had one — not because anybody decided against it, but
 * because the markup, the CSS and the JS all lived inside the one static file.
 * Moving the rules here changes nothing about them: they are the same rules,
 * scoped to the same #sim-setup host, in a file any page can load.
 *
 * ⚠ EVERY RULE IS SCOPED TO `#sim-setup`, SO EVERY PAGE MOUNTS THE CARD ON AN
 * ELEMENT WITH THAT ID. `ripRenderSetupCard()` takes a `hostId` for that
 * reason and for no other; a different id paints the card with no styling at
 * all — a stack of bare links, which is worse than no card — and nothing
 * errors. Keeping the id makes the sheet and the module agree by default.
 */

/* ── FINISH SETTING UP (#sim-setup) ─────────────────────────────
   ⚠ EVERY ROW IS A FULL-WIDTH TAP TARGET, NOT A CHIP. The four
   existing reminder offers are chips and only 7 of 674 members ever
   said yes; this is the same offer at a size somebody notices.
   48px min-height is the tap-target floor, and the row is one target
   end to end so the whole line is pressable rather than just a word.
   ⚠ `<a>` AND `<button>` SHARE ONE SELECTOR — a link and an action sit
   side by side here and must be indistinguishable to the reader. */
#sim-setup .su-card{background:var(--rip-panel-2,#181d2b);border:1px solid var(--rip-line-2,#2b3245);
    border-radius:14px;padding:10px 12px 12px}
#sim-setup .su-head{display:flex;align-items:center;justify-content:space-between;
    font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--rip-dim,#98a1b3);
    margin-bottom:8px}
#sim-setup .su-x{background:none;border:0;color:var(--rip-dim,#98a1b3);font-size:15px;
    line-height:1;cursor:pointer;padding:4px 6px;border-radius:6px}
#sim-setup .su-x:hover{color:var(--rip-fg,#e8eaf2);background:rgba(255,255,255,.06)}
/* ⚠ (0,2,0) AND :not(.rip-btn) — rip-ui.css repaints every anchor on a
   .rip-ui page at (0,2,1), which is exactly how the whole /rip/ header
   once came out cyan. A bare .su-row would lose that tie on any host
   that carries the class. */
#sim-setup a.su-row:not(.rip-btn),
#sim-setup button.su-row{display:flex;align-items:center;gap:11px;width:100%;
    min-height:48px;box-sizing:border-box;text-align:left;text-decoration:none;
    background:var(--rip-bg-2,#11151f);border:1px solid var(--rip-line,#232a3a);
    border-radius:11px;padding:9px 11px;margin-top:8px;cursor:pointer;
    color:var(--rip-fg,#e8eaf2);font:inherit}
#sim-setup a.su-row:not(.rip-btn):hover,
#sim-setup button.su-row:hover{border-color:var(--rip-act,#2dd4bf)}
#sim-setup button.su-row:disabled{opacity:.65;cursor:default}
#sim-setup .su-ico{flex:none;width:32px;height:32px;border-radius:9px;display:grid;
    place-items:center;background:rgba(45,212,191,.12);color:var(--rip-act,#2dd4bf);font-size:14px}
#sim-setup .su-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#sim-setup .su-txt b{font-size:14px;font-weight:800;line-height:1.25}
/* The sub-line is the first thing to go when it cannot fit — the bold
   line alone still says what the row does. */
#sim-setup .su-txt span{font-size:11.5px;color:var(--rip-dim,#98a1b3);line-height:1.35;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sim-setup .su-go{flex:none;color:var(--rip-dim,#98a1b3);font-size:17px;line-height:1}
