/* Stripe pieces on shout.html (v2): the "My plan" panel (after Stripe, or from
   "Check my plan") and the "already have a handle?" box. Dark page.
   v2: [hidden] now wins over display:flex/inline-block (in v1 the form and the
   "View my page" link ignored it, which is why "Check my plan" reloaded the
   page). Adds the chips, links and extras list. */
.payreturn{margin:28px 0 0;background:#0b0b12;border:1px solid #2a2a40;border-radius:18px;padding:20px 22px;color:#fff;text-align:left}
.payreturn[hidden],.upgrade-existing[hidden],.payreturn [hidden],.upgrade-existing [hidden]{display:none!important}
.payreturn h2{margin:0 0 6px;font-size:1.25rem;letter-spacing:-.01em}
.payreturn h3{margin:18px 0 4px;font-size:1rem}
.payreturn p{margin:0 0 12px;color:#c9c9d8;font-size:.92rem;max-width:640px}
.payreturn form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.payreturn input,.upgrade-existing input{font:inherit;font-weight:700;color:#0b0b12;background:#f4f4f6;border:2px solid transparent;border-radius:12px;height:46px;padding:0 14px;min-width:0;flex:1 1 180px;max-width:300px}
.payreturn input:focus-visible,.upgrade-existing input:focus-visible,.mp-form textarea:focus-visible{outline:3px solid #8b5cf6;outline-offset:2px}
.payreturn button,.payreturn a.go,.upgrade-existing button{font:inherit;font-weight:800;font-size:.86rem;cursor:pointer;text-decoration:none;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(90deg,#e8117a,#ff3d8f);color:#fff;display:inline-block}
.payreturn a.go.alt,.upgrade-existing button.alt{background:#fff;color:#0b0b12}
.upgrade-existing button.ghost{background:transparent;border:2px solid #3a3a58;color:#fff;padding:10px 16px}

.mp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
.mp-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.mp-hint{color:#a6a6ba;font-size:.86rem}
.mp-msg{color:#9ff3e1;font-size:.84rem}
.mp-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.mp-item{background:#12121c;border:1px solid #23233a;border-radius:12px;padding:10px 12px}
.mp-item.locked{opacity:.62}
.mp-item-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.mp-item-name{font-weight:700;font-size:.92rem;flex:1 1 200px}
.mp-st{font-size:.78rem;color:#a6a6ba}
.mp-st.requested{color:#fbbf24}
.mp-st.in_progress{color:#60a5fa}
.mp-st.delivered{color:#34d399}
.mp-st.declined{color:#f87171}
.payreturn button.mp-act{padding:7px 14px;font-size:.78rem;background:#fff;color:#0b0b12}
.mp-form{display:block;margin-top:10px}
.mp-form textarea{display:block;width:100%;box-sizing:border-box;min-height:96px;font:inherit;font-size:.9rem;color:#0b0b12;background:#f4f4f6;border:2px solid transparent;border-radius:12px;padding:10px 12px;resize:vertical}
.mp-form .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}

.upgrade-existing{margin:26px 0 0;background:#0f0f18;border:1px solid #23233a;border-radius:18px;padding:18px 20px;max-width:760px}
.upgrade-existing h3{margin:0 0 4px;font-size:1.05rem}
.upgrade-existing p.hint{margin:0 0 12px;color:#a6a6ba;font-size:.88rem}
.upgrade-existing .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.upgrade-existing .at{display:flex;align-items:center;gap:4px;flex:1 1 200px;max-width:320px}
.upgrade-existing .at b{color:#a6a6ba}
.upgrade-existing .msg{margin:10px 0 0;min-height:1.2em;color:#9ff3e1;font-size:.86rem}
.secure-note{margin:12px 0 0;color:#7c7c92;font-size:.78rem;max-width:760px}