/* promote.css — Promote page, My promotions, the host's Promote card, and the
   Featured / Sponsored labels on the Events list and home pop-ups. Follows the
   approved "Waegook Paid Promotions" canvas (2026-10-27). */

.wg-promo { max-width: 560px; margin: 0 auto; padding: 16px 16px 48px; }
.wg-promo h1 { font-size: 1.4rem; margin: 6px 0 4px; }
.wg-promo-back { display: inline-block; font-size: .9rem; color: var(--wg-muted); text-decoration: none; }
.wg-promo-sub { margin: 0 0 14px; color: var(--wg-muted); }
.wg-promo-note, .wg-promo-flash { padding: 12px 14px; border-radius: 12px; background: var(--wg-surface); }
.wg-promo-flash { background: var(--wg-tint); color: var(--wg-color-ink); font-weight: 600; }
.wg-promo-form { display: flex; flex-direction: column; gap: 18px; }
.wg-promo-form fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.wg-promo-form legend { font-size: .8rem; font-weight: 700; color: var(--wg-muted); letter-spacing: .4px; text-transform: uppercase; margin-bottom: 8px; padding: 0; }
.wg-promo-opt { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 2px solid var(--wg-border); border-radius: 14px; cursor: pointer; }
.wg-promo-opt input { margin-top: 3px; accent-color: var(--wg-color-ink); width: 18px; height: 18px; flex-shrink: 0; }
.wg-promo-opt span { display: flex; flex-direction: column; gap: 3px; }
.wg-promo-opt small { color: var(--wg-muted); font-size: .86rem; line-height: 1.4; }
.wg-promo-opt:has(input:checked), .wg-promo-plan:has(input:checked) { border-color: var(--wg-color-ink); background: var(--wg-tint); }
.wg-promo-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wg-promo-plan { position: relative; display: flex; align-items: center; justify-content: center; min-height: 64px; border: 2px solid var(--wg-border); border-radius: 12px; cursor: pointer; text-align: center; }
.wg-promo-plan input { position: absolute; opacity: 0; pointer-events: none; }
.wg-promo-plan:has(input:focus-visible) { outline: 2px solid var(--wg-color-ink); outline-offset: 2px; }
.wg-promo-plan span { display: flex; flex-direction: column; gap: 2px; }
.wg-promo-plan small { color: var(--wg-muted); }
.wg-promo-start { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--wg-border); border-radius: 12px; padding: 0 14px; min-height: 48px; }
.wg-promo-start select { border: 0; background: transparent; width: auto; font: inherit; color: inherit; }
.wg-promo-popnote { margin: 0; font-size: .85rem; color: var(--wg-muted); line-height: 1.45; }
.wg-promo-sum { border-top: 1px solid var(--wg-border); padding-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.wg-promo-sum > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.wg-promo-sum strong { font-size: 1.2rem; }
.wg-promo-sum small { text-align: center; color: var(--wg-muted); font-size: .8rem; }

/* My promotions */
.wg-promo-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.wg-promo-item { border: 1px solid var(--wg-border); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 6px; background: var(--wg-raised); }
.wg-promo-item-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.wg-promo-badge { font-size: .76rem; font-weight: 700; padding: 4px 9px; border-radius: 999px; }
.wg-promo-badge.is-live, .wg-promo-badge.is-ok { background: #dcfce7; color: #14532d; }
.wg-promo-badge.is-wait { background: #fef3c7; color: #78350f; }
.wg-promo-badge.is-no { background: #fee2e2; color: #7f1d1d; }
.wg-promo-badge.is-off { background: var(--wg-surface); color: var(--wg-muted); }
/* Approved, waiting for the buyer's money (founder's pick "A", 2026-11-03),
   on My events and My promotions: a gold banner above the list with the time
   left and a Pay button, the item ringed in gold, a dark-orange counting
   badge. Same colours in both themes. */
.wg-mye-pay { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; background: #fffbeb; border: 1.5px solid #f59e0b; border-radius: 14px; padding: 12px 14px; margin: 12px 0 14px; color: #1f1300; }
.wg-mye-pay-ico { width: 40px; height: 40px; border-radius: 12px; background: #b45309; color: #fff; display: grid; place-items: center; flex: none; }
.wg-mye-pay-ico svg { width: 22px; height: 22px; }
.wg-mye-pay-txt { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 2px; }
.wg-mye-pay-txt b { font-size: .95rem; }
.wg-mye-pay-txt small { font-size: .8rem; color: #6b4d00; }
.wg-mye-pay-txt small a { color: #7c2d12; font-weight: 700; }
.wg-mye-pay-cd { display: flex; flex-direction: column; align-items: center; line-height: 1; flex: none; padding: 0 6px; }
.wg-mye-pay-cd b { font-size: 1.3rem; color: #b45309; font-variant-numeric: tabular-nums; }
.wg-mye-pay-cd small { font-size: .72rem; color: #92400e; margin-top: 3px; }
.wg-mye-pay .wg-btn.wg-mye-paybtn { width: auto; }
.wg-btn.wg-mye-paybtn { background: #b45309; border-color: #b45309; color: #fff; font-weight: 700; }
.wg-btn.wg-mye-paybtn:hover { background: #9a3412; border-color: #9a3412; color: #fff; }
.wg-promo-item.is-pay { border: 2px solid #f59e0b; box-shadow: 0 0 0 4px #fef3c7; }
.wg-promo-badge.is-pay { background: #b45309; color: #fff; }
[data-pay-left] { font-variant-numeric: tabular-nums; }
@media (max-width: 519px) { .wg-mye-pay-ico { display: none; } }
.wg-promo-price { font-size: .86rem; color: var(--wg-muted); }
.wg-promo-meta { font-size: .86rem; color: var(--wg-muted); }
.wg-promo-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 4px; }
.wg-promo-stats div { background: var(--wg-surface); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; }
.wg-promo-stats small { color: var(--wg-muted); font-size: .74rem; }
.wg-promo-help { color: var(--wg-muted); font-size: .82rem; line-height: 1.4; }
.wg-promo-receipt { font-size: .82rem; }

/* The host's Promote card on their own event or job page */
.wg-promo-card { margin: 14px 0; border: 2px solid var(--wg-color-ink); border-radius: 16px; padding: 14px; background: var(--wg-tint); display: flex; flex-direction: column; gap: 10px; }
.wg-promo-card-h { display: flex; gap: 12px; align-items: center; }
.wg-promo-card-ico { width: 44px; height: 44px; border-radius: 12px; background: var(--wg-color-ink); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wg-promo-card-h span { display: flex; flex-direction: column; gap: 2px; }
.wg-promo-card-h small { color: var(--wg-muted); }
.wg-promo-card .wg-btn { width: 100%; }
.wg-promo-card-link { font-size: .84rem; text-align: center; }

/* Admin: Promotions tab */
.wg-padm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin: 12px 0 18px; }
.wg-padm-stats > div { border: 1px solid var(--wg-border); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 2px; background: var(--wg-raised); }
.wg-padm-stats small, .wg-padm-stats span { color: var(--wg-muted); font-size: .8rem; }
.wg-padm-stats b { font-size: 1.5rem; }
.wg-padm-body { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; }
.wg-padm-main { flex: 999 1 560px; min-width: 0; }
.wg-padm-side { flex: 1 1 280px; min-width: 0; }
.wg-padm-body h3 { margin: 6px 0 10px; font-size: 1.05rem; }
.wg-padm-tablewrap { overflow-x: auto; margin-bottom: 18px; }
.wg-padm-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: .9rem; }
.wg-padm-table th { text-align: left; color: var(--wg-muted); font-size: .78rem; font-weight: 600; padding: 6px; }
.wg-padm-table td { border-top: 1px solid var(--wg-border); padding: 9px 6px; vertical-align: middle; }
.wg-padm-what { display: flex; gap: 10px; align-items: center; }
.wg-padm-what img, .wg-padm-noimg { width: 56px; height: 40px; border-radius: 8px; object-fit: cover; background: var(--wg-surface); flex-shrink: 0; }
.wg-padm-what div { display: flex; flex-direction: column; }
.wg-padm-what small, .wg-padm-table td small { color: var(--wg-muted); font-size: .76rem; display: block; }
.wg-padm-act { display: flex; gap: 6px; flex-wrap: wrap; }
.wg-padm-act .wg-btn, .wg-padm-why .wg-btn, .wg-padm-save { width: auto; }
.wg-padm-why { display: flex; gap: 6px; margin-top: 6px; }
.wg-padm-why input { flex: 1; min-width: 0; }
.wg-padm-empty { color: var(--wg-muted); text-align: center; }
.wg-padm-state { font-weight: 700; font-size: .82rem; }
.wg-padm-state.is-live { color: #15803d; }
.wg-padm-state.is-approved { color: #b45309; }
.wg-padm-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.wg-padm-cal > * { border-radius: 10px; background: var(--wg-surface); padding: 8px 0 6px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2px; border: 2px solid transparent; font: inherit; color: inherit; cursor: pointer; }
.wg-padm-cal > *.is-some { background: #fef3c7; }
.wg-padm-cal > *.is-full { background: #fee2e2; }
.wg-padm-cal > *.is-open { border-color: var(--wg-color); }
.wg-padm-cal > *:hover { filter: brightness(.97); }
.wg-padm-cal-split { display: flex; gap: 3px; min-height: 16px; }
.wg-padm-cal-split i { font-style: normal; font-size: .68rem; font-weight: 700; padding: 0 6px; border-radius: 999px; }
.wg-padm-cal-split i.is-paid { background: #d1fae5; color: #065f46; }
.wg-padm-cal-split i.is-hold { background: #fde68a; color: #78350f; }
.wg-padm-cal-day { margin-top: 12px; border: 1px solid var(--wg-border); border-radius: 14px; padding: 12px 14px; background: var(--wg-raised); }
.wg-padm-cal-day[hidden] { display: none; }
.wg-padm-cal-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; }
.wg-padm-cal-head small { color: var(--wg-muted); }
.wg-padm-cal-item { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-top: 1px solid var(--wg-border); }
.wg-padm-cal-item > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.wg-padm-cal-item small { color: var(--wg-muted); font-size: .8rem; }
.wg-padm-tag.is-paid { background: #d1fae5; color: #065f46; white-space: nowrap; }
.wg-padm-tag.is-hold { background: #fde68a; color: #78350f; white-space: nowrap; }
.wg-padm-cal small { font-size: .7rem; color: var(--wg-muted); }
.wg-padm-prices { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.wg-padm-prices label { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: .9rem; }
.wg-padm-prices input { width: 120px; }
/* Free for now: the launch-period switch, set apart from the price rows. */
.wg-padm-prices .wg-padm-free { margin-top: 6px; padding: 10px 12px; border: 1px solid var(--wg-border, #e5e7eb); border-radius: 10px; background: var(--wg-surface-2, #f8fafc); }
.wg-padm-prices .wg-padm-free.is-on { border-color: #15803d; background: #f0fdf4; }
.wg-padm-prices .wg-padm-free span { font-size: .82rem; color: var(--wg-muted); }
.wg-padm-prices .wg-padm-free span b { display: block; color: var(--wg-text, inherit); font-size: .9rem; }
.wg-padm-prices .wg-padm-free input { width: 22px; height: 22px; flex: none; }
[data-theme="dark"] .wg-padm-prices .wg-padm-free.is-on { background: rgba(21, 128, 61, .18); }
.wg-padm-small { color: var(--wg-muted); font-size: .8rem; }
.wg-padm-toss { padding: 10px 12px; border-radius: 10px; background: #fef3c7; color: #78350f; }
.wg-padm-review { display: flex; flex-direction: column; gap: 8px; }
.wg-padm-rv { display: flex; flex-direction: column; gap: 4px; font-size: .86rem; }
.wg-padm-rv input { width: 100%; box-sizing: border-box; }
.wg-padm-rv-state { font-weight: 700; }
.wg-padm-po-state { font-weight: 700; }
.wg-padm-po-row { padding: 8px 0; border-bottom: 1px solid var(--wg-border, #eee); font-size: .86rem; line-height: 1.45; }
.wg-padm-po-st { font-weight: 600; }
.wg-padm-po-st.is-registered { color: #15803d; }
.wg-padm-po-st.is-saved { color: #a16207; }
.wg-padm-po-st.is-failed, .wg-padm-po-err { color: #b91c1c; }

/* Set up on Waegook, paid on the shop (2026-11-03). */
.wg-promo-opt.is-off { opacity: .6; }
.wg-promo-hint { font-size: .88rem; color: var(--wg-muted); margin: 0 0 10px; }
.wg-promo-design .wg-pe { margin-top: 4px; }
.wg-promo-route { display: flex; flex-direction: column; gap: 10px; }
.wg-promo-route .wg-confirm-msg { margin-bottom: 4px; }
.wg-promo-route .wg-confirm-row { margin-top: 6px; }
.wg-promo-done { border: 1px solid var(--wg-border); border-radius: 14px; padding: 18px; background: var(--wg-raised); display: grid; gap: 8px; text-align: center; margin-top: 12px; }
.wg-promo-done b { font-size: 1.15rem; }
.wg-promo-done-acts { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.wg-promo-done .wg-btn { width: auto; }
.wg-promo-linkbtn { background: none; border: 0; padding: 0; font: inherit; color: var(--wg-color-ink); font-weight: 600; cursor: pointer; text-decoration: underline; }

/* Admin > Promotions, five tabs (founder's pick A, 2026-11-03). */
.wg-padm-tabs { margin: 4px 0 16px; }
.wg-padm-n { margin-left: 4px; opacity: .75; }
.wg-padm-n.is-hot { opacity: 1; background: #dc2626; color: #fff; border-radius: 999px; padding: 0 7px; font-weight: 700; }
.wg-fchip.is-active .wg-padm-n.is-hot { background: #fff; color: #dc2626; }
.wg-padm-body { display: block; }
.wg-padm-ptab[hidden] { display: none; }
.wg-padm-inbox { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.wg-padm-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--wg-border); border-radius: 14px; background: var(--wg-raised); }
.wg-padm-item-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wg-padm-item-tx b { font-size: .98rem; }
.wg-padm-item-tx small { color: var(--wg-muted); font-size: .8rem; }
.wg-padm-item-price { font-size: 1rem; white-space: nowrap; }
.wg-padm-item-acts { grid-column: 2 / -1; }
.wg-padm-tag { display: inline-flex; font-size: .72rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.wg-padm-tag.is-wait { background: #fef3c7; color: #92400e; }
.wg-padm-tag.is-info { background: #e8f0fe; color: #1d4ed8; }
.wg-padm-face { width: 92px; }
.wg-padm-face .wg-hpd { border-radius: 10px; }
.wg-padm-bticon { display: grid; place-items: center; font-weight: 800; color: var(--wg-muted); }
.wg-padm-quiet { color: var(--wg-muted); padding: 24px; text-align: center; border: 1px dashed var(--wg-border); border-radius: 14px; }
/* Needs you: money a buyer says is sent comes first (founder's pick B + C's sub-filters, 2026-11-04). */
.wg-padm-n.is-money { opacity: 1; background: #dc2626; color: #fff; border-radius: 999px; padding: 0 7px; font-weight: 700; margin-left: 4px; white-space: nowrap; }
.wg-padm-n.is-money:empty { display: none; }
.wg-fchip.is-active .wg-padm-n.is-money { background: #fff; color: #dc2626; }
.wg-padm-strip { display: flex; align-items: center; gap: 12px; background: #dc2626; color: #fff; border-radius: 14px; padding: 12px 14px; }
.wg-padm-strip-i { width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, .18); display: grid; place-items: center; font-weight: 800; font-size: 1.1rem; flex: none; }
.wg-padm-strip-tx { flex: 1; min-width: 0; }
.wg-padm-strip-tx b { font-size: .98rem; display: block; }
.wg-padm-strip-tx small { display: block; color: #fecaca; font-size: .8rem; margin-top: 2px; }
.wg-padm-strip .wg-btn { width: auto; background: #fff; border-color: #fff; color: #b91c1c; font-weight: 700; flex: none; }
.wg-padm-kinds { margin: 0; }
.wg-padm-kinds .wg-padm-n { opacity: .75; }
.wg-fchip.is-money { border-color: #dc2626; color: #991b1b; background: #fff1f2; }
.wg-fchip.is-money.is-active { background: #dc2626; border-color: #dc2626; color: #fff; }
.wg-padm-lead { font-size: .86rem; color: #7f1d1d; background: #fff1f2; border: 1px solid #fecaca; border-radius: 10px; padding: 8px 12px; margin: 0; line-height: 1.4; }
.wg-padm-item.is-money { border: 2px solid #dc2626; box-shadow: 0 0 0 4px rgba(220, 38, 38, .14); }
.wg-padm-tag.is-hot { background: #dc2626; color: #fff; }
.wg-padm-age { display: inline-flex; font-size: .72rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #fef3c7; color: #92400e; margin-left: 6px; white-space: nowrap; }
.wg-padm-age.is-bad { background: #fee2e2; color: #991b1b; }
[data-theme="dark"] .wg-fchip.is-money:not(.is-active) { background: #3b1111; color: #fca5a5; }
[data-theme="dark"] .wg-padm-lead { background: #3b1111; border-color: #7f1d1d; color: #fecaca; }
[data-theme="dark"] .wg-padm-age { background: #3a2f16; color: #ffcf5c; }
[data-theme="dark"] .wg-padm-age.is-bad { background: #3b1111; color: #fca5a5; }
@media (max-width: 600px) { .wg-padm-strip { flex-wrap: wrap; } .wg-padm-strip .wg-btn { width: 100%; } }
/* Refunds to send: the same urgency in amber, money going out rather than in. */
.wg-padm-strip.is-owe { background: #b45309; }
.wg-padm-strip.is-owe .wg-padm-strip-tx small { color: #fde68a; }
.wg-padm-strip.is-owe .wg-btn { color: #92400e; }
.wg-fchip.is-owe { border-color: #b45309; color: #92400e; background: #fffbeb; }
.wg-fchip.is-owe.is-active { background: #b45309; border-color: #b45309; color: #fff; }
.wg-padm-lead.is-owe { color: #78350f; background: #fffbeb; border-color: #fde68a; }
.wg-padm-item.is-owe { border: 2px solid #b45309; box-shadow: 0 0 0 4px rgba(180, 83, 9, .14); }
.wg-padm-tag.is-owe { background: #b45309; color: #fff; }
[data-theme="dark"] .wg-fchip.is-owe:not(.is-active) { background: #3a2f16; color: #ffcf5c; }
[data-theme="dark"] .wg-padm-lead.is-owe { background: #3a2f16; border-color: #78350f; color: #fde68a; }
/* Receipts to issue on 홈택스: the same treatment in blue. */
.wg-padm-strip.is-rcpt { background: #1d4ed8; }
.wg-padm-strip.is-rcpt .wg-padm-strip-tx small { color: #bfdbfe; }
.wg-padm-strip.is-rcpt .wg-btn { color: #1e40af; }
.wg-fchip.is-rcpt { border-color: #1d4ed8; color: #1e40af; background: #eff6ff; }
.wg-fchip.is-rcpt.is-active { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.wg-padm-lead.is-rcpt { color: #1e3a8a; background: #eff6ff; border-color: #bfdbfe; }
.wg-padm-item.is-rcpt { border: 2px solid #1d4ed8; box-shadow: 0 0 0 4px rgba(29, 78, 216, .14); }
.wg-padm-tag.is-rcpt { background: #1d4ed8; color: #fff; }
[data-theme="dark"] .wg-fchip.is-rcpt:not(.is-active) { background: #172554; color: #93c5fd; }
[data-theme="dark"] .wg-padm-lead.is-rcpt { background: #172554; border-color: #1e3a8a; color: #bfdbfe; }
/* Pop-up requests waiting for a decision: the same treatment in purple. */
.wg-padm-strip.is-ask { background: #6d28d9; }
.wg-padm-strip.is-ask .wg-padm-strip-tx small { color: #ddd6fe; }
.wg-padm-strip.is-ask .wg-btn { color: #5b21b6; }
.wg-fchip.is-ask { border-color: #6d28d9; color: #5b21b6; background: #f5f3ff; }
.wg-fchip.is-ask.is-active { background: #6d28d9; border-color: #6d28d9; color: #fff; }
.wg-padm-lead.is-ask { color: #4c1d95; background: #f5f3ff; border-color: #ddd6fe; }
.wg-padm-item.is-ask { border: 2px solid #6d28d9; box-shadow: 0 0 0 4px rgba(109, 40, 217, .14); }
.wg-padm-tag.is-ask { background: #6d28d9; color: #fff; }
[data-theme="dark"] .wg-fchip.is-ask:not(.is-active) { background: #2e1065; color: #c4b5fd; }
[data-theme="dark"] .wg-padm-lead.is-ask { background: #2e1065; border-color: #4c1d95; color: #ddd6fe; }
/* The 승인번호 box is wide, so a receipt card keeps it on its own row at every width. */
@media (min-width: 820px) { .wg-padm-item.is-rcpt { grid-template-columns: auto minmax(0, 1fr) auto; } .wg-padm-item.is-rcpt .wg-padm-item-acts { grid-column: 2 / -1; } }
.wg-padm-item.is-rcpt .wg-padm-why input { flex: 1; min-width: 0; }
.wg-padm-settings { max-width: 560px; }
.wg-padm-settings section { display: flex; flex-direction: column; gap: 10px; }
.wg-padm-settings section[hidden] { display: none; }
/* Settings sub-tabs: one topic at a time, each with its own on/off word. */
.wg-padm-stabs { display: flex; gap: 2px; margin: 0 0 16px; border-bottom: 1px solid var(--wg-border); overflow-x: auto; scrollbar-width: none; }
.wg-padm-stabs::-webkit-scrollbar { display: none; }
.wg-padm-stab { flex: none; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 8px 8px 9px; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; background: none; color: var(--wg-muted); font: inherit; font-weight: 700; font-size: .82rem; cursor: pointer; white-space: nowrap; }
@media (min-width: 560px) { .wg-padm-stab { padding: 8px 14px 9px; font-size: .9rem; } }
.wg-padm-stab small { font-size: .7rem; font-weight: 700; min-height: 1em; color: var(--wg-muted); opacity: .8; }
.wg-padm-stab small.is-on { color: #15803d; opacity: 1; }
.wg-padm-stab.is-active { color: var(--wg-text, inherit); border-bottom-color: var(--wg-color); }
.wg-padm-stab:focus-visible { outline: none; box-shadow: var(--wg-focus-ring); border-radius: 8px 8px 0 0; }
[data-theme="dark"] .wg-padm-stab small.is-on { color: #4ade80; }
/* A switch row: what it does on the left, the tick on the right. */
.wg-padm-sw { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--wg-border, #e5e7eb); border-radius: 10px; background: var(--wg-surface-2, #f8fafc); cursor: pointer; }
.wg-padm-sw span { font-size: .82rem; color: var(--wg-muted); }
.wg-padm-sw span b { display: block; color: var(--wg-text, inherit); font-size: .9rem; }
.wg-padm-sw input { width: 22px; height: 22px; flex: none; }
.wg-padm-prices .wg-padm-free { margin: 0 0 6px; }
@media (min-width: 820px) { .wg-padm-item { grid-template-columns: auto minmax(0, 1fr) auto auto; } .wg-padm-item-acts { grid-column: auto; } }
.wg-padm-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 4px 0 16px; }
.wg-padm-top .wg-padm-tabs { margin: 0; flex: 1; }
.wg-padm-q { height: 36px; min-width: 260px; border: 1px solid var(--wg-border); border-radius: 10px; padding: 0 12px; background: var(--wg-raised); color: inherit; font: inherit; font-size: .9rem; }
.wg-padm-who { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding: 3px 8px 3px 3px; border: 1px solid var(--wg-border); border-radius: 999px; background: var(--wg-surface); color: inherit; font: inherit; cursor: pointer; text-align: left; max-width: 100%; }
.wg-padm-who:hover { border-color: var(--wg-color); }
.wg-padm-who-av { position: relative; width: 26px; height: 26px; border-radius: 50%; background: #1f7a3a; color: #fff; display: grid; place-items: center; font-size: .66rem; font-weight: 800; flex: none; overflow: hidden; }
.wg-padm-who-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wg-padm-who-tx { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.wg-padm-who-tx b { font-size: .82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wg-padm-who-tx small { font-size: .72rem; color: var(--wg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wg-padm-rfilter { margin: 0 0 10px; }
.wg-padm-wait { opacity: .8; }
.wg-padm-rf-note { margin: -4px 0 10px; }