/* TezBill — Loyalty & Revisit (terminal card, loyalty page). Uses the theme tokens from tezbill.css. */
.loy-card{display:grid;gap:10px;margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink)}
.loy-card.is-reward{border-color:#ff9b24;box-shadow:0 0 0 3px rgba(255,155,36,.15)}
.loy-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.loy-top .loy-name{font-weight:800;font-size:13px;margin-right:auto}
.loy-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font:800 10px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tier-member{background:#e8ecff;color:#3a4a9e}
.tier-silver{background:#e9edf3;color:#46546b;border:1px solid #c3ccd9}
.tier-gold{background:#fff1cc;color:#8a5a00;border:1px solid #ffd36b}
.tier-vip{background:linear-gradient(135deg,#7b2cff,#ff3d8b);color:#fff}
.seg-new{background:#e1f6ff;color:#035e86}
.seg-returning{background:#e2f8ef;color:#0b6b48}
.seg-loyal{background:linear-gradient(135deg,#10c98a,#06a6d4);color:#fff}
.seg-at_risk{background:#fff0e0;color:#a14a00;border:1px solid #ffc27a}
.seg-lost{background:#ffe5ea;color:#a3112c;border:1px solid #ff9db0}
.loy-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.loy-stats div{padding:8px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}
.loy-stats b{display:block;font:800 15px/1.2 var(--serif);color:var(--ink)}
.loy-stats small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.loy-msg{font-size:12px;line-height:1.45;color:var(--ink)}
.loy-msg strong{color:#d4400a}
.loy-msg.reward{padding:9px 11px;border-radius:10px;background:linear-gradient(135deg,#ff9b24,#ff4d35);color:#fff;font-weight:700}
.loy-msg.reward strong{color:#fff}
.loy-progress{height:7px;border-radius:999px;background:var(--line);overflow:hidden}
.loy-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2447ff,#7b2cff)}
.loy-muted{font-size:11px;color:var(--muted)}
@media (max-width:640px){.loy-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.points-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px dashed #7b2cff;background:var(--surface-soft);color:var(--ink);font-size:12px}
.points-box label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-weight:700;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;white-space:nowrap}
.points-box input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;flex:0 0 18px;box-shadow:none!important;accent-color:#7b2cff}
.points-box input[type=number]{width:110px!important;min-height:0}
.points-box #pVal{font-weight:800;color:#d4400a}
html[data-theme="dark"] .points-box #pVal{color:#ffc27a}
.points-box .loy-muted{flex-basis:100%}

/* Loyalty page */
.loy-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:5px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line);width:max-content;max-width:100%}
.loy-tabs a{padding:9px 14px;border-radius:10px;text-decoration:none;font-weight:700;font-size:12px;color:var(--muted)}
.loy-tabs a.on{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-card)}
.loy-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.loy-kpi{padding:16px;border-radius:14px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card)}
.loy-kpi small{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.loy-kpi b{display:block;font:800 24px/1.2 var(--serif);color:var(--ink);margin:6px 0 2px}
.loy-kpi span{font-size:11px;color:var(--muted)}
.loy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:18px}
.loy-panel{padding:18px;border-radius:16px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card);min-width:0}
.loy-panel h3{margin:0 0 4px;font:800 15px var(--serif);color:var(--ink)}
.loy-panel > p{margin:0 0 12px;font-size:12px;color:var(--muted)}
.seg-bars{display:grid;gap:9px}
.seg-bar{display:grid;grid-template-columns:96px 1fr 60px;align-items:center;gap:10px;font-size:12px;text-decoration:none;color:var(--ink)}
.seg-bar .track{height:12px;border-radius:999px;background:var(--surface-soft);overflow:hidden}
.seg-bar .fill{display:block;height:100%;border-radius:999px}
.seg-bar b{text-align:right}
.fill-new{background:#06a6d4}.fill-returning{background:#10c98a}.fill-loyal{background:#2447ff}.fill-at_risk{background:#ff9b24}.fill-lost{background:#f0284a}
.split-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--surface-soft);margin:10px 0 8px}
.split-bar span{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted)}
.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:middle}
.loy-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}
.loy-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--ink)}
.loy-form label small{font-weight:500;color:var(--muted)}
.loy-form .full{grid-column:1/-1}
.loy-fieldset{border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 14px;background:var(--surface-soft)}
.loy-fieldset legend{padding:0 8px;font:800 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.loy-fieldset.dim{opacity:.55}
.program-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.program-pick label{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-weight:600}
.program-pick input{margin-top:3px}
.program-pick label:has(input:checked){border-color:#2447ff;box-shadow:0 0 0 3px rgba(36,71,255,.15)}
.wa-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;background:#14b866;color:#fff!important;font-weight:800;font-size:11px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.wa-btn:hover{background:#0f9c55}
.wa-btn.sent{background:var(--surface-soft);color:var(--muted)!important;border:1px solid var(--line)}
.pts-pos{color:#0b8a57;font-weight:800}.pts-neg{color:#c81e3b;font-weight:800}
.inline-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.inline-form input{width:90px}
html[data-theme="dark"] .tier-member{background:#222a6b;color:#c6cffb}
html[data-theme="dark"] .tier-silver{background:#2a3150;color:#dfe5f2;border-color:#4a5578}
html[data-theme="dark"] .tier-gold{background:#3d2f05;color:#ffd36b;border-color:#8a6a10}
html[data-theme="dark"] .seg-new{background:#06364d;color:#9fe3ff}
html[data-theme="dark"] .seg-returning{background:#0a3a2a;color:#8ff0c8}
html[data-theme="dark"] .seg-at_risk{background:#3d2306;color:#ffc27a;border-color:#7a4a10}
html[data-theme="dark"] .seg-lost{background:#401020;color:#ffb3c2;border-color:#7a2236}
html[data-theme="dark"] .loy-msg strong{color:#ffc27a}
html[data-theme="dark"] .pts-pos{color:#3ddc97}html[data-theme="dark"] .pts-neg{color:#ff7089}
/* Override the site-wide "inputs are 100% wide" form rules inside the loyalty screens */
.loy-fieldset input[type=radio],.loy-fieldset input[type=checkbox],.inline-form input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:2px 0 0!important;flex:0 0 18px!important;box-shadow:none!important;accent-color:#2447ff}
.loy-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;font-weight:700!important;margin:0 0 12px!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
.program-pick label{display:flex!important;flex-direction:row!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;line-height:1.4}
.program-pick label span{flex:1}
.loy-form label{align-content:start;text-transform:none;letter-spacing:0}

/* Promotions, store credit, WhatsApp bill */
.promo-tag{display:inline-flex;align-items:center;gap:4px;margin:6px 0 2px;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#ff9b24,#ff4d35);color:#fff;font-size:10px;font-weight:800;letter-spacing:.02em}
.promo-line b,.promo-line span{color:#d4400a!important;font-weight:800}
html[data-theme="dark"] .promo-line b,html[data-theme="dark"] .promo-line span{color:#ffc27a!important}
.promo-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.st-running{background:linear-gradient(135deg,#10c98a,#06a6d4);color:#fff}.st-scheduled{background:#e1f6ff;color:#035e86}.st-paused{background:#e9edf3;color:#46546b}.st-ended{background:#ffe5ea;color:#a3112c}
html[data-theme="dark"] .st-scheduled{background:#06364d;color:#9fe3ff}html[data-theme="dark"] .st-paused{background:#2a3150;color:#dfe5f2}html[data-theme="dark"] .st-ended{background:#401020;color:#ffb3c2}
.day-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.day-pick label{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:12px!important;font-weight:700;text-transform:none!important;letter-spacing:0!important}
.day-pick input,.loy-panel .loy-check input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important;margin:0!important;box-shadow:none!important;accent-color:#2447ff}
.credit-box{border-color:#10c98a}
.credit-box input[type=checkbox]{accent-color:#10c98a}
.wa-send{display:flex;gap:8px;width:100%;margin:6px 0 2px}
.wa-send input{flex:1;min-width:0}
.wa-btn-big{background:#14b866!important;border-color:#14b866!important;color:#fff!important;white-space:nowrap}
.wa-btn-big:hover{background:#0f9c55!important}
[hidden]{display:none!important}
.li .promo-tag{grid-column:1/-1!important;justify-self:start!important;align-self:start!important;height:auto!important;width:auto!important;border-radius:999px!important;margin:4px 0 0!important;line-height:1.4}
#dw,.mb #dw{background:#14b866!important;border-color:#14b866!important;color:#fff!important;box-shadow:0 8px 20px rgba(20,184,102,.3)!important}
#dw:hover{background:#0f9c55!important}
.void-btn,.btn.void-btn{background:#e11d48!important;background-image:none!important;border-color:#e11d48!important;color:#fff!important;box-shadow:0 8px 20px rgba(225,29,72,.3)!important}