/* AUJUNPEAK VN V60 | Shared dark appearance only.
   Covers late light-only CSS in public-ui-v2, commerce-modern and page-scoped
   styles without changing the default light theme, content, images or JS flows. */
html.site-pearl.site-dark body.public-ui {
  --v60-page:#0d141d; --v60-card:#16212c; --v60-card-alt:#1b2a3a;
  --v60-input:#182939; --v60-line:#304255; --v60-ink:#e5effb;
  --v60-sub:#a9bed5; --v60-muted:#8ea6bf; --v60-blue:#a4c9ff;
  --ui-ink:var(--v60-ink);--ui-subtle:var(--v60-sub);
  --ui-line:var(--v60-line);--ui-border:var(--v60-line);
  --ui-surface:var(--v60-card);--ui-surface-raised:var(--v60-card-alt);
  --pearl-bg:var(--v60-page);--pearl-surface:var(--v60-card);
  --pearl-soft:var(--v60-card-alt);--pearl-text:var(--v60-ink);
  --pearl-muted:var(--v60-muted);--pearl-line:var(--v60-line);
  background:var(--v60-page)!important; color:var(--v60-ink)!important;
  color-scheme:dark;
}
html.site-pearl.site-dark body.public-ui :is(.page-content,.site-main,.site-layout,.detail-container) {color:var(--v60-ink)}
html.site-pearl.site-dark body.public-ui :is(.site-bg-gif,.site-bg-img,.site-bg-overlay,.site-bg-seam) {opacity:.08!important;pointer-events:none}

/* Forms: the light-theme rule puts WHITE directly on the ct2-input-icon
   wrapper, so the white strips around labels are not caused by inputs. */
html.site-pearl.site-dark body.public-ui .ct2-page :is(.ct2-form-card,.ct2-info-card,.ct2-channel-section,.ct2-ch-card,.ct2-hero,.tiktok-embed-section,.tiktok-iframe-fallback,.tiktok-fallback-inner) {
  background:var(--v60-card)!important; border-color:var(--v60-line)!important; color:var(--v60-ink)!important;
}
html.site-pearl.site-dark body.public-ui .ct2-page .ct2-hero {background:linear-gradient(125deg,#192a3e,#14202b)!important}
html.site-pearl.site-dark body.public-ui .ct2-page :is(.ct2-field,.ct2-input-icon,.ct2-input-icon.ct2-field,.ct2-form-row,.ct2-form-card form,.ct2-info-body,.ct2-info-col,.ct2-main,.ct2-layout) {
  background:transparent!important; background-color:transparent!important; box-shadow:none!important;
}
html.site-pearl.site-dark body.public-ui .ct2-page :is(.ct2-label,.ct2-info-lbl,.ct2-info-sub,.ct2-form-sub,.ct2-hero-sub,.ct2-ch-desc,.ct2-ch-platform) {
  background:transparent!important; color:var(--v60-sub)!important; -webkit-text-fill-color:currentColor!important;
}
html.site-pearl.site-dark body.public-ui .ct2-page :is(.ct2-form-title,.ct2-info-val,.ct2-ch-name,.ct2-section-head,.ct2-hero-title,.tiktok-embed-title) {color:var(--v60-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl.site-dark body.public-ui .ct2-page :is(input.ct2-input,select.ct2-input,textarea.ct2-input) {
  box-sizing:border-box; background:var(--v60-input)!important; color:var(--v60-ink)!important;
  border:1px solid #405772!important;box-shadow:none!important;outline-offset:2px;
}
html.site-pearl.site-dark body.public-ui .ct2-page :is(input.ct2-input,select.ct2-input,textarea.ct2-input):focus {
  background:#1c3045!important;border-color:#76abf4!important;box-shadow:0 0 0 3px #397ed02c!important;
}
html.site-pearl.site-dark body.public-ui .ct2-page :is(input.ct2-input,textarea.ct2-input)::placeholder {color:#a0b4cb!important;opacity:1}
html.site-pearl.site-dark body.public-ui .ct2-page select option {background:#182939!important;color:#e5effb!important}
html.site-pearl.site-dark body.public-ui .ct2-page .ct2-ch-tags span {background:#203a51!important;color:#bcdcff!important;border-color:#3b5772!important}

/* History: remove light refresh button, filter highlight and transaction cards;
   keep semantic success/warning/error colours as subdued dark chips. */
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-stat,.hv3-panel,.hv3-row,.hv3-detail,.hv3-detail-item,.hv3-empty,.hv3-status-content) {
  background:var(--v60-card)!important;border-color:var(--v60-line)!important;color:var(--v60-ink)!important;
}
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-filterbar,.hv3-thead,.hv3-pagination,.hv3-detail-grid,.hv3-detail-header) {
  background:var(--v60-card-alt)!important;border-color:var(--v60-line)!important;color:var(--v60-sub)!important;
}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-hdr {background:transparent!important}
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-refresh-btn,.hv3-expand-btn,.hv3-copy-btn,.hv3-page-btn,.hv3-hdr-icon,.hv3-tab-cnt) {
  background:#233750!important;border-color:#38516e!important;color:#c0d9fa!important;
}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-tab {background:transparent!important;color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-tab:is(.active-green,.active-purple,.active-orange) {
  background:#2a4770!important;color:#e0edff!important;box-shadow:inset 0 0 0 1px #456897!important;
}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-row:hover {background:#203247!important}
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-hdr-sub,.hv3-stat-label,.hv3-delta,.hv3-col-time,.hv3-tx-sub,.hv3-detail-label,.hv3-status-note,.hv3-time-filter,.hv3-thead>span,.hv3-per-page) {
  color:var(--v60-sub)!important;-webkit-text-fill-color:currentColor!important;
}
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-tx-code,.hv3-detail-value,.hv3-col-amt,.hv3-stat-val,.hv3-detail-item strong) {color:var(--v60-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-col-amt.plus {color:#8fe0b4!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-col-amt.grey {color:#b8cee6!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-status-badge.success {background:#183e34!important;color:#98e7bd!important;border-color:#2d6852!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-status-badge.pending {background:#3b3120!important;color:#f4d08a!important;border-color:#715732!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-status-badge.error {background:#422635!important;color:#f0acb9!important;border-color:#754051!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-status-badge.info {background:#203a59!important;color:#b3d6ff!important;border-color:#3a597b!important}
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-page-btn.active {background:#244672!important;border-color:#416ba1!important;color:#e0edff!important}

/* Orders: commerce-modern forces white order cards, thumbnails, meta/info
   panels and delivery descriptions even when dark mode is selected. */
html.site-pearl.site-dark body.public-ui.detail-page :is(.ord2-row-card,.ord2-empty,.od2-inner,.ord3-product,.ord3-order-shell) {
  background:var(--v60-card)!important;color:var(--v60-ink)!important;border-color:var(--v60-line)!important;
}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-row-card {background:linear-gradient(145deg,#172431,#111c27)!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-page-icon {background:#203d32!important;color:#8ee1b2!important;border-color:#315d4c!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-balance-box {background:#1b322a!important;border-color:#345c4d!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-balance-lbl {color:#a6c9b8!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-balance-val {color:#99efc1!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl.site-dark body.public-ui.detail-page :is(.ord3-product-media,.ord3-meta-grid,.ord3-key-box,.ord3-img-fallback,.ord3-delivery-content pre) {
  background:#1d2d3e!important;border-color:#34506a!important;color:var(--v60-ink)!important;
}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-product-head {border-color:var(--v60-line)!important}
html.site-pearl.site-dark body.public-ui.detail-page :is(.ord3-product-head h2,.ord3-meta-grid strong,.ord3-key-info code) {color:var(--v60-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl.site-dark body.public-ui.detail-page :is(.ord2-page-sub,.ord3-package,.ord3-meta-grid span,.ord3-note-desc,.ord3-note-content,.ord3-contact-btn small,.ord3-key-info span,.ord3-order-total,.ord3-delivery-title span) {color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-admin-note {background:#1e3043!important;color:var(--v60-sub)!important;border-color:#38536e!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-note-title {color:#b9d5ff!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-note-content {border-color:#405570!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-contact-btn {background:#243d59!important;color:#c8dcff!important;border-color:#42678e!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-contact-btn strong {color:#e3efff!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-box.pending {background:#1f304b!important;border-color:#3c5682!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-box.delivered {background:#1b392f!important;border-color:#376e55!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-title b {color:#c6daff!important}
html.site-pearl.site-dark body.public-ui.detail-page .delivered .ord3-delivery-title b {color:#a9edc9!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-eta {background:#203653!important;color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-eta strong {color:#d0e2ff!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-box.pending p {color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-content pre {color:#a6efc9!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-note {background:#204034!important;color:#b2e0c6!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-delivery-note b {color:#a9f0c5!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-order-total {border-color:var(--v60-line)!important;color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-order-total strong {color:#9ff0c3!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord3-copy-btn {background:#1f4535!important;border-color:#376d52!important;color:#b6f0d0!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-badge-done {background:#184434!important;border-color:#32664d!important;color:#a5ecc5!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-badge-proc {background:#423320!important;border-color:#665331!important;color:#f5d18c!important}
html.site-pearl.site-dark body.public-ui.detail-page .ord2-badge-cancel {background:#472a37!important;border-color:#794255!important;color:#ffb6c3!important}
html.site-pearl.site-dark body.public-ui.detail-page #od2Modal {background:transparent!important;border:0!important}
html.site-pearl.site-dark body.public-ui.detail-page #od2Modal .od2-inner {background:var(--v60-card)!important;color:var(--v60-ink)!important;border-color:var(--v60-line)!important}
html.site-pearl.site-dark body.public-ui.detail-page #od2Modal :is(.od2-head,.od2-item,.od2-footer,.od2-hero) {background:var(--v60-card-alt)!important;border-color:var(--v60-line)!important;color:var(--v60-ink)!important}

/* Store: dark card bodies and product metadata should NEVER display bright
   blocks behind copy. Product artwork and product badges remain intact. */
html.site-pearl.site-dark body.public-ui .sp-section :is(.sp-card,.sp-card-body,.sp-card-banner+.sp-card-body,.sp-card-footer) {background:var(--v60-card)!important;color:var(--v60-ink)!important;border-color:var(--v60-line)!important}
html.site-pearl.site-dark body.public-ui .sp-section .sp-card-stats {background:#1e3042!important;border-color:#35495e!important}
html.site-pearl.site-dark body.public-ui .sp-section :is(.sp-plat-badge,.sp-category-pill) {background:#253a50!important;border-color:#39536f!important;color:#d0e3fa!important}
html.site-pearl.site-dark body.public-ui .sp-section :is(.sp-card-name,.sp-card .sp-feature-list li,.sp-price-free,.sp-price-range,.sp-stat-val) {color:var(--v60-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl.site-dark body.public-ui .sp-section :is(.sp-stat,.sp-stat-lbl,.sp-price-from) {color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui .sp-section .sp-feature-list li::before {background:#1c523d!important;color:#a8edc8!important}
html.site-pearl.site-dark body.public-ui .sp-section .sp-card-footer {background:transparent!important}

/* Additional storefront components with explicit light-only palette. */
html.site-pearl.site-dark body.public-ui :is(.topup-balance-pill,.topup-tabs,.topup-tab.tab-on,.topup-pkg,.bank-badge,.dlhero,.dlhero-search,.dlhero-stat-card,.dl-card-banner-img,.blog-card,.blog-card-body,.blog-comments-section,.blog-comment-form,.ct2-ch-card,.ct2-channel-section,.pd-stats-row,.pd-panel,.pd-purchase-panel,.pd-pkg-card,.pd-pkg,.psc-wrap,.psc-head,.home-dashboard .tp3-wrap,.home-dashboard .tp3-head-right,.home-dashboard .home-contact-ticker .hct-item) {
  background:var(--v60-card)!important;border-color:var(--v60-line)!important;color:var(--v60-ink)!important;
}
html.site-pearl.site-dark body.public-ui :is(.topup-tabs,.topup-pkg,.bank-badge,.pd-pkg,.pd-stats-row,.dlhero-search,.dlhero-stat-card,.home-dashboard .tp3-head-right) {background:var(--v60-card-alt)!important}
html.site-pearl.site-dark body.public-ui :is(.dlhero,.ct2-hero) {background:linear-gradient(115deg,#18283a,#16212c)!important}
html.site-pearl.site-dark body.public-ui :is(.topup-tab.tab-on,.topup-pkg.selected,.pd-pkg.selected,.pd-pkg-card.active) {background:#21405b!important;border-color:#47688a!important;color:#d3e7ff!important}
html.site-pearl.site-dark body.public-ui :is(.dl-card-banner-img,.pd-hero,.pd-hero-img) {background-color:#14202b!important}
html.site-pearl.site-dark body.public-ui :is(.bank-badge-name,.topup-section-title,.topup-pkg-amount,.dlhero-title,.dlhero-stat-val,.dl-card-name,.blog-card-title,.pd-title,.pd-stat-value,.psc-title,.psc-row-val) {color:var(--v60-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl.site-dark body.public-ui :is(.bank-badge-sub,.bank-notice-text,.topup-pkg-bonus,.topup-sub,.dlhero-sub,.dl-card-desc,.blog-card-excerpt,.psc-row-lbl,.home-dashboard .tp3-hr-title) {color:var(--v60-sub)!important}
html.site-pearl.site-dark body.public-ui :is(.topup-input,.tc-input,.ct2-input,.dlhero-search-inp) {background:var(--v60-input)!important;color:var(--v60-ink)!important;border-color:#405772!important}
html.site-pearl.site-dark body.public-ui :is(.topup-input,.tc-input,.ct2-input):focus {background:#1c3045!important;border-color:#76abf4!important}
html.site-pearl.site-dark body.public-ui .psc-total-val {color:#9fefc2!important;-webkit-text-fill-color:currentColor!important}

/* Keep semantic badges visible but eliminate pale panels in selected UI. */
html.site-pearl.site-dark body.public-ui .sp-section .sp-stock-badge.out {background:#492b36!important;color:#ffb5c2!important;border-color:#744354!important}
html.site-pearl.site-dark body.public-ui .sp-section .sp-stock-badge:not(.out) {background:#1c4934!important;color:#a3e7bf!important;border-color:#397051!important}
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-detail,.hv3-detail-grid,.hv3-detail-item) {background:#192838!important;border-color:#34495f!important}
html.site-pearl.site-dark body.public-ui :is(.ct2-page,.hv3-page,.sp-section,.detail-container) :is(a,button,input,textarea,select):focus-visible {outline-color:#83b9ff!important}
@media(max-width:600px){
 html.site-pearl.site-dark body.public-ui.detail-page .ord3-meta-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 html.site-pearl.site-dark body.public-ui.detail-page .ord3-meta-grid strong {overflow-wrap:anywhere;white-space:normal}
 html.site-pearl.site-dark body.public-ui .hv3-page .hv3-refresh-btn {min-height:42px}
}