/* WhatsApp-first buying (rescope 2026-10-19): the contact buttons are the main action, in WhatsApp green. */
.btn.wa{background:#25d366;border-color:#25d366;color:#06220f;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}
@media (hover:hover){.btn.wa:hover{background:#3be07a;border-color:#3be07a}}
.btn.wa.lg{min-height:48px;padding:0 20px;font-size:16px}
.wa-list .srow{padding:6px 0;border-bottom:0}
.wa-list .srow .btn{flex:1;min-height:48px}
.wa-list .srow>span{flex:1}

.dlwrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}
.dlwrap small{font-size:12px}
.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.tk-dl{display:flex;justify-content:center;margin-top:10px}
.tk-dl .dlwrap{align-items:center}

/* Get tickets sheet: sellers and event team, one row per person, always a message. */
.wa-list .who-h{display:flex;flex-direction:column;gap:2px;margin:12px 0 4px}
.wa-list .who-h:first-child{margin-top:0}
.wa-list .who-h b{font:700 13px var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.wa-list .who-h span{font-size:13px;color:var(--muted)}
.srow2{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}
.wa-list .srow2:last-child{border-bottom:0}
.srow2 .who{display:flex;flex-direction:column;min-width:0}
.srow2 .who small{font-size:12px;color:var(--muted)}
.srow2 .acts{display:flex;gap:8px;flex-shrink:0}
.srow2 .acts .btn{min-height:44px}


/* Hero WhatsApp button and the quiet "Other contacts" list. */
.btn.block.herowa,.btn.lg.block{width:100%}
.hero-sub{margin:8px 0 0;font-size:13px;color:var(--muted)}
.more-contacts{margin:16px 0 0;border-top:1px solid var(--border);padding-top:4px}
.more-contacts summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--muted);list-style:none;display:flex;justify-content:space-between;align-items:center}
.more-contacts summary::after{content:'+';font-size:18px}
.more-contacts[open] summary::after{content:'−'}
.more-contacts summary::-webkit-details-marker{display:none}
.more-contacts .wa-list{background:transparent;border:0;padding:0}

.pg-contacts{margin:18px 0}

/* Admin approve: the pasteable build values. */
details.build{margin:10px 0 0;border-top:1px solid var(--border);padding-top:8px}
details.build summary{cursor:pointer;font-weight:600;color:var(--muted);padding:6px 0}
details.build code{font-size:12px}

/* Instagram button: the brand gradient with white text. */
.btn.ig{background:linear-gradient(45deg,#f58529 0%,#dd2a7b 45%,#8134af 75%,#515bd4 100%);border-color:transparent;color:#fff;font-weight:700}
@media (hover:hover){.btn.ig:hover{filter:brightness(1.1);border-color:transparent}}
.btn.ig.lg{min-height:48px;padding:0 20px;font-size:16px}