:root {
  color-scheme: light;
  --ink: #292c36;
  --muted: #737782;
  --line: #eddfd5;
  --page-bg: #fffaf3;
  --surface: #fffdf9;
  --surface-soft: #faf3e9;
  --primary: #a3496b;
  --primary-dark: #893b59;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background: var(--page-bg);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; transition: color .18s, background .18s, border-color .18s, box-shadow .18s; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
button:disabled { cursor: wait; opacity: .55; }
.hidden { display: none !important; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 5; padding: 12px 18px; background: var(--surface); border: 1px solid var(--primary); border-radius: 8px; }
.skip-link:focus { top: 12px; }
.site-header { background: var(--page-bg); border-bottom: 1px solid var(--line); }
.nav-inner { width: min(1120px, calc(100% - 64px)); height: 78px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 23px; font-weight: 750; letter-spacing: -.7px; }
.brand-mark { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #efcfdc; border-radius: 12px; color: #91516a; background: #fae7ef; font: bold 19px Georgia, serif; letter-spacing: -1px; }
.brand-api { color: var(--muted); font-size: 12px; font-weight: 500; letter-spacing: 1px; }
nav { display: flex; gap: 8px; }
nav a { padding: 10px 17px; border-radius: 8px; color: #626570; font-size: 13px; font-weight: 550; }
nav a[aria-current] { color: var(--primary); background: #fcf0f5; }
nav a:hover { color: var(--primary); background: #faf5f7; }
.console-link { padding: 9px 14px; border: 1px solid #e3e4e9; border-radius: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.console-link span { margin-left: 12px; color: var(--muted); }
.console-link:hover { background: var(--page-bg); }
.shell { width: min(1080px, calc(100% - 64px)); margin: 0 auto; }
.hero { display: flex; align-items: center; justify-content: space-between; min-height: 236px; padding: 36px 12px 32px 0; gap: 24px; }
.eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--primary); font-size: 12px; font-weight: 550; letter-spacing: .06em; }
.eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #bd7993; }
h1 { margin: 0; font-size: clamp(32px, 4.2vw, 42px); line-height: 1.25; font-weight: 750; letter-spacing: -.05em; }
.hero-description { margin: 15px 0 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.mobile-break { display: none; }
.hero-art { position: relative; flex: 0 0 200px; height: 155px; background: radial-gradient(ellipse, #f5e4ec 0%, var(--page-bg) 70%); }
.receipt { position: absolute; top: 0; left: 44px; display: flex; flex-direction: column; width: 116px; height: 146px; padding: 14px 17px; border: 1px solid #ece2e7; border-radius: 10px 10px 5px 5px; background: var(--surface); box-shadow: 0 10px 24px #7d526912; transform: rotate(-9deg); }
.receipt-brand { color: #b0748c; font: bold 21px Georgia, serif; }
.receipt-line { width: 100%; height: 4px; margin-top: 11px; background: #ececf1; border-radius: 3px; }
.receipt-line.short { width: 65%; margin-top: 7px; }
.receipt-value { margin-top: 15px; color: var(--primary); font-size: 17px; font-weight: 700; }
.receipt-caption { margin-top: 5px; color: #87838b; font-size: 9px; }
.receipt-check { position: absolute; right: 22px; bottom: 5px; display: grid; place-items: center; width: 44px; height: 44px; border: 5px solid var(--page-bg); border-radius: 50%; color: #fff; background: #b57690; font-size: 21px; }
.art-spark { position: absolute; top: 12px; right: 13px; font-size: 28px; color: #b7869b; }
.account-panel { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 16px 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.account-avatar { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 50%; background: var(--surface-soft); color: #8b8195; }
.account-avatar svg { width: 19px; height: 19px; }
.account-copy { min-width: 0; flex: 1; }
.account-kicker { color: var(--muted); font-size: 11px; }
.account-panel p { margin: 3px 0 0; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.account-note { color: var(--muted); font-size: 11px; }
.secondary { padding: 9px 12px; border: 1px solid #e7cbd7; border-radius: 8px; color: var(--primary); background: #fcf3f7; font-size: 12px; white-space: nowrap; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 24px; align-items: start; }
.results-column { min-width: 0; }
.panel { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: 0 4px 18px #24283b03; }
.result-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.section-kicker { color: var(--muted); font-size: 11px; }
.result-heading h2 { margin: 6px 0 0; font-size: 19px; font-weight: 650; letter-spacing: -.025em; }
.link-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 7px; color: #636772; background: var(--surface); font-size: 11px; }
.link-button svg { width: 15px; height: 15px; }
.link-button:hover { background: var(--page-bg); color: var(--ink); }
.stat-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; margin: 27px 0 24px; }
.stat-primary { padding: 24px; background: #fcf3f7; border: 1px solid #f2e4eb; border-radius: 12px; }
.stat-grid article > span { color: #686470; font-size: 12px; }
.stat-value { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin-top: 12px; font-variant-numeric: tabular-nums; }
.stat-grid strong { min-width: 0; overflow-wrap: anywhere; font-size: 25px; font-weight: 600; line-height: 1.15; letter-spacing: -.04em; }
.stat-primary strong { color: var(--primary); font-size: clamp(34px, 3.6vw, 46px); }
.stat-grid small { color: var(--muted); font-size: 11px; }
.stat-primary p { margin: 16px 0 0; color: #897680; font-size: 10px; line-height: 1.7; }
.stat-secondary { display: grid; align-content: center; }
.stat-secondary article { padding: 6px 0 16px; }
.stat-secondary article + article { padding: 16px 0 4px; border-top: 1px solid var(--line); }
.stat-secondary .stat-value { margin-top: 8px; }
.primary { min-height: 48px; padding: 13px 20px; border: 1px solid var(--primary); border-radius: 9px; color: #fff; background: var(--primary); box-shadow: 0 4px 8px #a3496b14; font-size: 14px; font-weight: 600; }
.primary:hover { border-color: var(--primary-dark); background: var(--primary-dark); box-shadow: 0 5px 12px #a3496b24; }
.full { width: 100%; }
.claim-area { margin-bottom: 25px; }
.claim-area p { margin: 11px 0 0; color: var(--muted); font-size: 11px; line-height: 1.8; text-align: center; }
.claim-area strong { color: #64616b; font-weight: 550; }
.records-section { border-top: 1px solid var(--line); padding-top: 22px; }
.records-section h3 { margin: 0 0 10px; font-size: 13px; font-weight: 600; }
.record-list { margin: 0; padding: 0; list-style: none; }
.record { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 17px 0; border-bottom: 1px solid #f0f0f4; }
.record:last-child { border-bottom: 0; padding-bottom: 0; }
.record-main { min-width: 0; }
.record-model { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; line-height: 1.8; }
.record-meta { color: var(--muted); font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; }
.record-amount { color: var(--primary); font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.zero-badge { display: inline-block; margin-left: 7px; padding: 1px 6px; border: 1px solid #eeedf1; border-radius: 4px; color: #87808b; background: #f8f8fa; font-size: 9px; font-weight: 400; vertical-align: 1px; white-space: nowrap; }
.history-panel { margin-top: 20px; }
.history-panel .result-heading { margin-bottom: 9px; }
.history-panel .record-amount { color: #49836e; }
.soft-badge { padding: 5px 9px; border-radius: 6px; color: #77727d; background: #f4f3f6; font-size: 11px; }
.rule-card { padding: 26px 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.guide-kicker { color: var(--primary); font-size: 11px; font-weight: 550; }
.rule-card h2 { margin: 11px 0 12px; font-size: 17px; font-weight: 650; }
.guide-description { color: var(--muted); font-size: 12px; line-height: 1.85; }
.rule-list { margin: 27px 0 25px; padding: 0; list-style: none; }
.rule-list li { display: flex; gap: 12px; margin-top: 23px; }
.step-number { flex: 0 0 25px; display: grid; place-items: center; height: 25px; border: 1px solid #ebe7ec; border-radius: 7px; color: #9a8190; font-size: 10px; font-variant-numeric: tabular-nums; }
.rule-list h3 { margin: 3px 0 6px; font-size: 12px; font-weight: 600; }
.rule-list p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.9; }
.guide-link { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--line); color: var(--primary); font-size: 12px; font-weight: 550; }
.guide-link:hover { color: var(--primary-dark); }
.reassurance { display: flex; align-items: flex-start; gap: 10px; padding: 19px 12px; color: #85828e; }
.reassurance svg { flex: 0 0 16px; height: 16px; margin-top: 3px; }
.reassurance p { margin: 0; font-size: 10px; line-height: 1.9; }
.center-state { display: grid; align-content: center; min-height: 340px; text-align: center; }
.center-state h2 { margin: 22px 0 8px; font-size: 18px; }
.center-state p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.spinner { width: 32px; height: 32px; margin: 0 auto; border: 3px solid #f1e6ed; border-top-color: var(--primary); border-radius: 50%; animation: spin .9s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.empty-state { border-top: 1px solid var(--line); padding: 29px 0 12px; text-align: center; }
.empty-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: auto; border-radius: 50%; color: #719889; background: #eef6f2; }
.empty-icon svg { width: 24px; height: 24px; }
.empty-state h3 { margin: 15px 0 8px; font-size: 14px; font-weight: 600; }
.empty-state p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.toast, .success-message { margin: 0 0 18px; padding: 16px 18px; border: 1px solid #efced6; border-radius: 10px; color: #a04459; background: #fff4f5; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.success-message { color: #36765c; border-color: #cce5d8; background: #eff9f3; }
.noscript { width: min(1080px, calc(100% - 40px)); margin: 20px auto; }
footer { display: flex; align-items: center; gap: 15px; margin-top: 42px; padding: 25px 0 30px; border-top: 1px solid var(--line); color: #7c7f8b; font-size: 11px; }
.footer-brand { color: #666572; font-size: 18px; font-weight: 750; letter-spacing: -.7px; }
.footer-brand span { color: #90929c; font-size: 9px; font-weight: 500; letter-spacing: 1px; }
footer p { margin: 0; }
footer > a { margin-left: auto; }
footer a:hover { color: var(--primary); }
@media (max-width: 900px) {
  .content-grid { grid-template-columns: minmax(0, 1fr) 252px; gap: 18px; }
  .panel, .rule-card { padding: 22px; }
  .stat-grid { gap: 16px; }
  .stat-primary { padding: 18px; }
}
@media (max-width: 720px) {
  .nav-inner, .shell { width: calc(100% - 40px); }
  .nav-inner { height: 68px; }
  nav { display: none; }
  .hero { min-height: 218px; padding: 32px 0; gap: 8px; }
  .hero-art { flex-basis: 130px; transform: scale(.8); transform-origin: right center; }
  .receipt { left: 5px; }
  .receipt-check { right: -7px; }
  .art-spark { right: -16px; }
  .content-grid { grid-template-columns: 1fr; gap: 20px; }
  .account-panel { margin-bottom: 20px; padding: 14px 16px; }
  .account-note { display: none; }
  .rule-card { padding: 24px; }
  .guide-description br { display: none; }
  .rule-list { margin-top: 20px; }
  .reassurance { padding-bottom: 0; }
  footer { margin-top: 28px; }
}
@media (max-width: 440px) {
  .nav-inner, .shell { width: calc(100% - 32px); }
  .hero { min-height: 207px; }
  .hero-art { flex-basis: 90px; transform: scale(.68); }
  .receipt { left: -24px; }
  .hero-copy { flex: 1; }
  .eyebrow { font-size: 10px; gap: 6px; letter-spacing: 0; }
  .hero-description { font-size: 12px; margin-top: 12px; }
  .mobile-break { display: block; }
  .panel { padding: 20px; }
  .stat-grid { gap: 14px; }
  .stat-primary { padding: 18px 14px; }
  .stat-primary strong { font-size: 33px; }
  .stat-grid article > span { font-size: 11px; }
  .stat-secondary strong { font-size: 23px; }
  .record { gap: 10px; }
  .record-amount { font-size: 14px; max-width: 110px; }
  footer { flex-wrap: wrap; gap: 10px; }
  footer p { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}


/* Compact navigation preserves the existing compensation records. */
.history-pagination {display:flex;align-items:center;justify-content:flex-end;gap:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px;font-size:12px;color:var(--muted);}
.history-pagination button {font:inherit;padding:7px 12px;border-radius:9px;}
.history-pagination button:disabled {opacity:.4;cursor:default;}
@media(max-width:600px){.history-pagination{justify-content:space-between;gap:8px;}}

/* BEGIN GENERATED SERVICE THEME — edit ovo-service-theme instead */
/* Shared theme for the standalone customer pages, independent of admin styles. */
html.ovo-service .nav-actions { display: flex; align-items: center; gap: 10px; }
html.ovo-service #theme-mode {
  max-width: 110px; min-height: 36px; padding: 7px 8px;
  border: 1px solid var(--line); border-radius: 8px;
  color: var(--muted); background: var(--surface); font: inherit; font-size: 12px; cursor: pointer;
}
html.ovo-service #theme-mode:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
html.ovo-service.dark, html.ovo-service.dark body {
  color-scheme: dark;
  --ink: #f3e5de; --muted: #c0aca8; --line: #514146;
  --page-bg: #282124; --surface: #30282b; --surface-soft: #3b3134;
  --primary: #e9b5c7; --primary-dark: #f3c9d8;
  --accent-bg: #49333d; --accent-line: #795265; --primary-ink: #472c37;
  --success: #a7d5bb; --success-bg: #293e35; --success-line: #496b58;
  --danger: #f2b2bb; --danger-bg: #472c34; --danger-line: #79515d;
  --warm: #e7c996; --warm-bg: #40362a; --warm-line: #69583f;
  --shadow: 0 10px 30px #120c141a;
  color: var(--ink); background: var(--page-bg);
}
html.ovo-service.dark .site-header { background: #2c2427; }
html.ovo-service.dark .panel,
html.ovo-service.dark .guide-card,
html.ovo-service.dark .rule-card { box-shadow: var(--shadow); }
html.ovo-service.dark :is(.brand-mark, .history-mark, .history-dialog-mark) {
  color: var(--primary); background: var(--accent-bg); border-color: var(--accent-line);
}
html.ovo-service.dark nav a { color: var(--muted); }
html.ovo-service.dark nav a[aria-current],
html.ovo-service.dark nav a:hover { color: var(--primary); background: var(--accent-bg); }
html.ovo-service.dark .console-link { border-color: var(--line); }
html.ovo-service.dark .console-link:hover { background: var(--surface-soft); }
html.ovo-service.dark :is(.account-avatar, .link-button, .reassurance, .help-note, footer, .footer-brand span) { color: var(--muted); }
html.ovo-service.dark .footer-brand { color: var(--ink); }
html.ovo-service.dark .primary,
html.ovo-service.dark .code-box button {
  color: var(--primary-ink); background: var(--primary); border-color: var(--primary); box-shadow: none;
}
html.ovo-service.dark .primary:hover,
html.ovo-service.dark .code-box button:hover { background: var(--primary-dark); border-color: var(--primary-dark); }
html.ovo-service.dark .secondary {
  color: var(--primary); background: var(--accent-bg); border-color: var(--accent-line);
}
html.ovo-service.dark .secondary:hover { background: #59404b; }
html.ovo-service.dark .link-button:hover { color: var(--primary); background: var(--surface-soft); }
html.ovo-service.dark :is(button, a):focus-visible { outline-color: var(--primary); }
html.ovo-service.dark .spinner { border-color: var(--line); border-top-color: var(--primary); }
html.ovo-service.dark :is(.step-number, .guide-list li > span) { color: var(--primary); border-color: var(--line); background: var(--surface-soft); }
html.ovo-service.dark :is(.toast, .error-icon) { color: var(--danger); border-color: var(--danger-line); background: var(--danger-bg); }
html.ovo-service.dark :is(.success-message, .toast.notice, .success-icon, .empty-icon) {
  color: var(--success); background: var(--success-bg); border-color: var(--success-line);
}
html.ovo-service.dark :is(.hero-art, .wallet-art) { background: radial-gradient(ellipse, #51343f70, transparent 70%); }
html.ovo-service.dark .receipt { border-color: var(--line); box-shadow: 0 12px 28px #160f1840; }
html.ovo-service.dark .receipt-line { background: var(--line); }
html.ovo-service.dark :is(.receipt-brand, .wallet-logo, .art-spark, .wallet-spark, .heading-flower) { color: var(--primary); }
html.ovo-service.dark :is(.receipt-caption, .wallet-caption) { color: var(--muted); }
html.ovo-service.dark :is(.receipt-check, .wallet-coin) { color: var(--primary-ink); background: var(--primary); }
html.ovo-service.dark .wallet-card { border-color: var(--accent-line); box-shadow: inset 0 17px var(--surface-soft); }
html.ovo-service.dark .wallet-body { background: var(--accent-bg); border-color: var(--accent-line); box-shadow: 0 12px 28px #160f1840; }
html.ovo-service.dark .wallet-clasp { background: var(--surface-soft); border-color: var(--accent-line); }
html.ovo-service.dark .wallet-clasp i { background: var(--primary); }
/* Refund totals, records and the zero-result state. */
html.ovo-service.dark .stat-primary { background: var(--accent-bg); border-color: var(--accent-line); }
html.ovo-service.dark :is(.stat-grid article > span, .stat-primary p, .claim-area strong) { color: var(--muted); }
html.ovo-service.dark .record { border-color: var(--line); }
html.ovo-service.dark :is(.zero-badge, .soft-badge) { color: var(--muted); border-color: var(--line); background: var(--surface-soft); }
html.ovo-service.dark .history-panel .record-amount { color: var(--success); }
/* Checkout choices retain a distinct border and radio marker when selected. */
html.ovo-service.dark .checkout-steps li { color: var(--muted); }
html.ovo-service.dark .checkout-steps li + li::before { background: var(--line); }
html.ovo-service.dark .checkout-steps li > span { border-color: var(--line); }
html.ovo-service.dark .checkout-steps li[aria-current] { color: var(--primary); }
html.ovo-service.dark .checkout-steps li[aria-current] > span { color: var(--primary-ink); border-color: var(--primary); }
html.ovo-service.dark .checkout-steps .is-complete > span { background: var(--accent-bg); border-color: var(--accent-line); }
html.ovo-service.dark :is(.amount, .choice, .choice .choice-check) { border-color: var(--line); }
html.ovo-service.dark :is(.amount, .choice):hover { background: var(--surface-soft); border-color: var(--accent-line); }
html.ovo-service.dark :is(.amount, .choice).selected { background: var(--accent-bg); border-color: var(--primary); box-shadow: 0 0 0 1px #e9b5c722; }
html.ovo-service.dark .choice.selected .choice-check { border-color: var(--primary); }
html.ovo-service.dark :is(.amount-currency, .amount-tag, .total-label, .total-detail p) { color: var(--muted); }
html.ovo-service.dark .amount-tag.vip-tag { color: var(--warm); }
html.ovo-service.dark .amount:last-child:nth-child(3n + 1) .amount-tag { background: var(--warm-bg); }
html.ovo-service.dark .pay-icon.alipay { color: #a5ccff; background: #293b52; }
html.ovo-service.dark .pay-icon.wechat { color: var(--success); background: var(--success-bg); }
html.ovo-service.dark :is(.campaign-note, .payment-remark, .center-state .vip-result) { color: var(--warm); background: var(--warm-bg); border-color: var(--warm-line); }
html.ovo-service.dark .payment-remark :is(span, strong) { color: var(--warm); }
html.ovo-service.dark .payment-remark small { color: #cbbba5; }
html.ovo-service.dark :is(.waiting-payment, .reviewing, .history-status) { color: var(--warm); background: var(--warm-bg); }
html.ovo-service.dark .confirmed { color: var(--success); background: var(--success-bg); }
html.ovo-service.dark .rejected { color: var(--danger); background: var(--danger-bg); }
/* A white quiet zone around the original QR image is intentional for scanning. */
html.ovo-service.dark .qr-frame { background: #fff; border-color: #fff; }
html.ovo-service.dark .code-box { background: var(--accent-bg); border-color: var(--accent-line); }
html.ovo-service.dark .code-box code { color: var(--primary); }
/* Also cover restored orders and history dialogs if rendered by checkout. */
html.ovo-service.dark :is(.history-panel, .history-dialog, .history-card) {
  color: var(--ink); background: var(--surface); border-color: var(--line); box-shadow: var(--shadow);
}
html.ovo-service.dark .history-dialog::backdrop { background: #160f18a6; }
html.ovo-service.dark :is(.history-tabs, .history-retention, .history-controls, .history-empty) { background: var(--surface-soft); }
html.ovo-service.dark :is(.history-tabs button, .history-retention, .history-controls label, .history-pagination,
  .history-pagination label, .history-panel .section-kicker, #history-message, .history-order-id,
  .history-payment-copy span, .history-amount span, .history-card p, .history-card summary, .history-help summary,
  .history-actions .history-manage, .history-footnote, .history-help p, .history-empty p, #history-clear) { color: var(--muted); }
html.ovo-service.dark .history-tabs button[aria-pressed="true"] { color: var(--primary); background: var(--accent-bg); }
html.ovo-service.dark :is(.history-controls input, .history-controls select, .history-pagination select, .quiet-button) {
  color: var(--ink); background: var(--page-bg); border-color: var(--line);
}
html.ovo-service.dark .history-controls input::placeholder { color: var(--muted); }
html.ovo-service.dark :is(.history-amount strong, .history-empty strong) { color: var(--ink); }
html.ovo-service.dark .history-card details { border-color: var(--line); }
html.ovo-service.dark .history-status.pending_review { color: var(--primary); background: var(--accent-bg); }
html.ovo-service.dark .history-status.confirmed { color: var(--success); background: var(--success-bg); }
html.ovo-service.dark .history-status.rejected { color: var(--danger); background: var(--danger-bg); }
html.ovo-service.dark :is(.history-message-error, #history-message.history-message-error) { color: var(--danger); }
html.ovo-service.dark ::selection { color: var(--ink); background: #795265; }
@media (max-width: 850px) and (min-width: 721px) {
  html.ovo-service .nav-inner { gap: 12px; }
  html.ovo-service nav a { padding-inline: 10px; }
}
@media (max-width: 440px) {
  html.ovo-service .nav-inner { gap: 8px; }
  html.ovo-service .nav-actions { gap: 6px; }
  html.ovo-service #theme-mode { max-width: 96px; font-size: 11px; }
  html.ovo-service .console-link { padding-inline: 9px; }
  html.ovo-service .console-link span { margin-left: 4px; }
}
/* END GENERATED SERVICE THEME */