.gas-form{max-width:480px;font-size:16px;}
.gas-form label{font-weight:600;}
.gas-input{width:100%;padding:.6em .7em;margin-top:.3em;border:1.5px solid #CFE3D2;border-radius:4px;font-size:1em;box-sizing:border-box;}
.gas-button{background:#3F8353;color:#fff;border:none;padding:.7em 1.4em;border-radius:4px;font-size:1em;cursor:pointer;}
.gas-button:hover{background:#193421;}
.gas-fineprint{font-size:.85em;opacity:.75;}
.gas-notice{background:#E4F6E2;border-radius:6px;padding:1em 1.2em;margin-bottom:1.2em;}
.gas-notice-success{background:#E4F6E2;}
.gas-notice-error{background:#fbeaea;color:#7a1f1f;}
.gas-dashboard h2{margin-top:1.6em;}
.gas-code-card{border:1.5px solid #CFE3D2;border-radius:6px;padding:1em 1.2em;margin-bottom:1em;}
.gas-stat-row{display:flex;gap:1.5em;margin-top:.6em;}
.gas-stat-num{display:block;font-weight:700;font-size:1.4em;}
.gas-stat-label{display:block;font-size:.8em;opacity:.75;}

/* Signup/refer toggle (merged page) — --gas-accent lets each site theme
   this to its own palette (e.g. via that page's Elementor custom CSS)
   instead of hardcoding one site's color into this shared plugin file. */
.gas-signup-toggle{display:flex;gap:.6em;margin-bottom:1.3em;}
.gas-toggle-btn{flex:1;padding:.8em 1em;border:1.5px solid var(--gas-accent,#3F8353);border-radius:8px;background:#fff;color:var(--gas-accent,#3F8353);font-weight:700;cursor:pointer;font-size:1em;transition:background .15s ease,color .15s ease;}
.gas-toggle-btn:hover{opacity:.85;}
.gas-toggle-btn.gas-toggle-active{background:var(--gas-accent,#3F8353);color:#fff;}
.gas-payout-range{background:var(--gas-accent-tint,#F7FBF7);border-radius:10px;padding:1em 1.3em;margin-bottom:1.3em;font-size:1.05em;}
.gas-referral-fields{border-top:1.5px dashed #CFE3D2;margin-top:1em;padding-top:1em;}
.gas-referral-fields h3{margin-top:0;}

/* Blurb/capability tap-to-reveal icons on each per-link dashboard card —
   no persistent legend, the label only shows on hover/focus/tap. */
.gas-capability-icons{margin:.4em 0;}
.gas-popover-icon{position:relative;display:inline-block;cursor:pointer;color:var(--gas-accent,#3F8353);margin-right:.4em;vertical-align:middle;}
.gas-popover-icon.dashicons{font-size:20px;width:20px;height:20px;line-height:20px;}
.gas-popover{display:none;position:absolute;bottom:135%;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:.35em .7em;border-radius:4px;font-size:.75rem;font-weight:400;white-space:nowrap;max-width:220px;white-space:normal;z-index:20;}
.gas-popover-icon:hover .gas-popover,
.gas-popover-icon:focus .gas-popover,
.gas-popover-icon.gas-open .gas-popover{display:block;}