.kbgr-page{display:grid;gap:22px;--kbgr-hero-bg:linear-gradient(135deg,#0f172a,#111827);--kbgr-hero-title:#fff;--kbgr-hero-copy:#d7e3f1;--kbgr-hero-kicker:#7fb3ff}
.kbgr-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#111827);color:#fff}
.kbgr-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#60a5fa;margin-bottom:8px}
.kbgr-hero h2{margin:0 0 8px;font-size:34px;color:#fff}
.kbgr-hero p{margin:0;max-width:640px;color:#cbd5e1}
.kbgr-value{min-width:180px;text-align:right;font-size:30px;font-weight:800}
.kbgr-value small{display:block;font-size:12px;font-weight:600;color:#94a3b8;margin-top:4px}
.kbgr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kbgr-cards article,.kbgr-info,.kbgr-history{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}
.kbgr-cards strong,.kbgr-cards span{display:block}
.kbgr-cards strong{font-size:18px;color:#111827}
.kbgr-cards span{margin-top:6px;color:#64748b}
.kbgr-info h3,.kbgr-history h3{margin-top:0;color:#111827}
.kbgr-history-list{display:grid}
.kbgr-history-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eef2f7}
.kbgr-history-row:last-child{border-bottom:0}
.kbgr-history-row b,.kbgr-history-row small{display:block}
.kbgr-history-row small{margin-top:4px;color:#94a3b8}
.kbgr-history-row strong{font-size:18px}.kbgr-history-row .plus{color:#15803d}.kbgr-history-row .minus{color:#b91c1c}
.kbgr-redeem{margin:12px 0 18px;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}
.kbgr-redeem>div:first-child b,.kbgr-redeem>div:first-child small{display:block}
.kbgr-redeem>div:first-child small{margin-top:4px;color:#64748b}
.kbgr-redeem-controls{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
.kbgr-redeem-controls input{width:140px;min-height:42px}
.kbgr-redeem .button{min-height:42px}
.kbgr-msg{display:block;font-size:13px;margin-top:8px}
@media(max-width:767px){.kbgr-hero{align-items:flex-start;flex-direction:column}.kbgr-value{text-align:left}.kbgr-cards{grid-template-columns:1fr}.kbgr-hero h2{font-size:28px}}

/* Dark theme contrast — rewards only */
html[data-kbg-theme="dark"] .kbgr-cards article,
html[data-kbg-theme="dark"] .kbgr-info,
html[data-kbg-theme="dark"] .kbgr-history{background:#151b23;border-color:#303a48;color:#e7edf4}
html[data-kbg-theme="dark"] .kbgr-cards strong,
html[data-kbg-theme="dark"] .kbgr-info h3,
html[data-kbg-theme="dark"] .kbgr-history h3,
html[data-kbg-theme="dark"] .kbgr-history-row b{color:#fff}
html[data-kbg-theme="dark"] .kbgr-cards span,
html[data-kbg-theme="dark"] .kbgr-info p,
html[data-kbg-theme="dark"] .kbgr-history-row small,
html[data-kbg-theme="dark"] .kbgr-empty{color:#c4cfdb}
html[data-kbg-theme="dark"] .kbgr-history-row{border-bottom-color:#2b3542}
html[data-kbg-theme="dark"] .kbgr-history-row .plus{color:#4ade80}
html[data-kbg-theme="dark"] .kbgr-history-row .minus{color:#f87171}


/* Light theme contrast — rewards page only */
html[data-kbg-theme="light"] .kbgr-page{color:#111827;--kbgr-hero-bg:#ffffff;--kbgr-hero-title:#111827;--kbgr-hero-copy:#475569;--kbgr-hero-kicker:#dc2626}
html[data-kbg-theme="light"] .kbgr-page .kbgr-cards article,
html[data-kbg-theme="light"] .kbgr-page .kbgr-info,
html[data-kbg-theme="light"] .kbgr-page .kbgr-history{background:#fff;border-color:#d7dee7;color:#111827}
html[data-kbg-theme="light"] .kbgr-page .kbgr-cards strong,
html[data-kbg-theme="light"] .kbgr-page .kbgr-info h3,
html[data-kbg-theme="light"] .kbgr-page .kbgr-history h3,
html[data-kbg-theme="light"] .kbgr-page .kbgr-history-row b{color:#111827}
html[data-kbg-theme="light"] .kbgr-page .kbgr-cards span,
html[data-kbg-theme="light"] .kbgr-page .kbgr-cards span .woocommerce-Price-amount,
html[data-kbg-theme="light"] .kbgr-page .kbgr-info p,
html[data-kbg-theme="light"] .kbgr-page .kbgr-history-row small,
html[data-kbg-theme="light"] .kbgr-page .kbgr-empty{color:#475569}
html[data-kbg-theme="light"] .kbgr-page .kbgr-history-row{border-bottom-color:#e2e8f0}
html[data-kbg-theme="light"] .kbgr-page .kbgr-history-row .plus{color:#166534}
html[data-kbg-theme="light"] .kbgr-page .kbgr-history-row .minus{color:#991b1b}
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero h2,
html[data-kbg-theme="light"] .kbgr-page .kbgr-value,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .woocommerce-Price-amount,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .woocommerce-Price-currencySymbol{color:#fff}
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero p{color:#cbd5e1}
html[data-kbg-theme="light"] .kbgr-page .kbgr-value small{color:#cbd5e1}

/* Light theme: rewards hero contrast only */
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .kbgr-kicker{color:#60a5fa!important}
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero h2,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .kbgr-value,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .woocommerce-Price-amount,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .woocommerce-Price-currencySymbol{color:#fff!important}
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero p,
html[data-kbg-theme="light"] .kbgr-page .kbgr-hero .kbgr-value small{color:#cbd5e1!important}

/* Light theme: force readable text inside rewards hero only */
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero .kbgr-kicker{color:#7fb3ff!important}
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero h2,
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero .kbgr-value,
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero .woocommerce-Price-amount,
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero .woocommerce-Price-currencySymbol{color:#fff!important}
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero p,
html[data-kbg-theme="light"] body.woocommerce-account .kbg-account-page .woocommerce-MyAccount-content .kbgr-page .kbgr-hero .kbgr-value small{color:#d7e3f1!important}

/* Rewards conversion cards: keep each value on one line */
.kbgr-cards article{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.kbgr-cards article>strong,
.kbgr-cards article>span,
.kbgr-cards article>span .woocommerce-Price-amount,
.kbgr-cards article>span .woocommerce-Price-currencySymbol{display:inline!important;margin-top:0!important}