/* 🌐 แท็บราคาหน้าเว็บ OTA (js/ota-webprice.js) — ใช้ var(--*) ของ style.css ธีมสว่าง/มืดตามแอป */
.wp-bar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0 12px; }
.wp-sep { width: 1px; height: 22px; background: var(--border); margin: 0 4px; }
.wp-tbl { font-variant-numeric: tabular-nums; }
.wp-tbl th.wp-g, .wp-tbl td.wp-g { border-left: 2px solid var(--border); }
.wp-tbl thead th.wp-g { text-align: center; }
.wp-tbl .wp-name { position: sticky; left: 0; background: var(--card); z-index: 1; min-width: 190px; }
.wp-tbl tbody tr:hover td { background: var(--hover); }
.wp-full { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 999px; background: var(--bg3); color: var(--text2); }
.wp-past { opacity: .45; }
.wp-note { margin-top: 10px; line-height: 1.6; }
@media (max-width: 640px) { .wp-tbl .wp-name { min-width: 140px; white-space: normal; } }
.wp-spon { font-size: 11px; color: var(--success); font-weight: 600; white-space: nowrap; }
/* 👥 จำนวนผู้เข้าพัก + % ต่างจากเว็บเรา (2026-10-18) */
.wp-tbl .wp-gu { white-space: nowrap; text-align: center; color: var(--text2); }
.wp-pct { font-size: 11px; font-weight: 600; white-space: nowrap; }
.wp-pct-lo { color: var(--danger); }
.wp-pct-hi { color: var(--success); }
.wp-pct-eq { color: var(--text2); }