/*
 * Dark mode for the older classes (w3.css, Bootstrap, the Azures template) and fixed colours outside the
 * --bc-* tokens. Only active under html[data-theme="dark"] (header.php). The modern styles follow the tokens
 * (styles/modern.css), so this file is only for what does not.
 * Loaded after every other stylesheet in header.php; the html[data-theme] prefix outranks their single classes.
 */

/* ---------- Page, text ---------- */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] #page,
html[data-theme="dark"] .page-content { background-color: var(--bc-bg) !important; color: var(--bc-ink-2); }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: var(--bc-ink); }
html[data-theme="dark"] p, html[data-theme="dark"] li, html[data-theme="dark"] td, html[data-theme="dark"] th, html[data-theme="dark"] label { color: inherit; }
html[data-theme="dark"] .color-dark, html[data-theme="dark"] .color-black, html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .w3-text-black, html[data-theme="dark"] .color-theme, html[data-theme="dark"] .text-body { color: var(--bc-ink) !important; }
html[data-theme="dark"] .opacity-60, html[data-theme="dark"] .text-muted, html[data-theme="dark"] .w3-text-grey,
html[data-theme="dark"] .w3-text-gray, html[data-theme="dark"] .color-gray-dark { color: var(--bc-muted) !important; }
html[data-theme="dark"] a:not([class]) { color: var(--bc-accent); }
html[data-theme="dark"] hr { border-color: var(--bc-line-strong); opacity: 1; }

/* ---------- Surfaces ---------- */
html[data-theme="dark"] .card, html[data-theme="dark"] .card-style, html[data-theme="dark"] .content-box,
html[data-theme="dark"] .menu, html[data-theme="dark"] .menu-box, html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu, html[data-theme="dark"] .list-group-item { background-color: var(--bc-surface) !important; color: var(--bc-ink-2); border-color: var(--bc-line); }
html[data-theme="dark"] .w3-white:not(.bc-belt), html[data-theme="dark"] .bg-white:not(.bc-belt), html[data-theme="dark"] .bg-theme,
html[data-theme="dark"] .w3-card, html[data-theme="dark"] .w3-card-2, html[data-theme="dark"] .w3-card-4 { background-color: var(--bc-surface) !important; color: var(--bc-ink-2) !important; }
html[data-theme="dark"] .w3-light-grey, html[data-theme="dark"] .w3-light-gray, html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-theme-light, html[data-theme="dark"] .w3-sand, html[data-theme="dark"] .w3-pale-blue,
html[data-theme="dark"] .w3-pale-green, html[data-theme="dark"] .w3-pale-yellow, html[data-theme="dark"] .w3-pale-red,
html[data-theme="dark"] .bg-gray-light, html[data-theme="dark"] .w3-grey.w3-opacity { background-color: var(--bc-surface-2) !important; color: var(--bc-ink-2) !important; }
html[data-theme="dark"] .w3-border, html[data-theme="dark"] .border, html[data-theme="dark"] .w3-border-bottom,
html[data-theme="dark"] .w3-border-top, html[data-theme="dark"] .border-bottom, html[data-theme="dark"] .border-top { border-color: var(--bc-line-strong) !important; }

/* ---------- Tables ---------- */
html[data-theme="dark"] table, html[data-theme="dark"] .table { color: var(--bc-ink-2); --bs-table-bg: transparent; --bs-table-color: var(--bc-ink-2); border-color: var(--bc-line); }
html[data-theme="dark"] .w3-table-all, html[data-theme="dark"] .w3-table-all tr, html[data-theme="dark"] .w3-table tr { background-color: transparent !important; border-color: var(--bc-line) !important; }
html[data-theme="dark"] .w3-striped tbody tr:nth-child(even), html[data-theme="dark"] .w3-table-all tr:nth-child(even) { background-color: var(--bc-surface-2) !important; }
html[data-theme="dark"] .w3-hoverable tbody tr:hover, html[data-theme="dark"] .w3-ul.w3-hoverable li:hover { background-color: var(--bc-surface-3) !important; }

/* ---------- Forms ---------- */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
html[data-theme="dark"] select, html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control, html[data-theme="dark"] .form-select, html[data-theme="dark"] .w3-input, html[data-theme="dark"] .w3-select {
  background-color: var(--bc-surface-2) !important; color: var(--bc-ink) !important; border-color: var(--bc-line-strong) !important;
}
html[data-theme="dark"] ::placeholder { color: var(--bc-faint) !important; opacity: 1; }
html[data-theme="dark"] option { background-color: var(--bc-surface); color: var(--bc-ink); }

/* ---------- jQuery UI (autocomplete, datepicker) ---------- */
html[data-theme="dark"] .ui-widget-content, html[data-theme="dark"] .ui-menu { background: var(--bc-surface) !important; color: var(--bc-ink-2) !important; border-color: var(--bc-line-strong) !important; }
html[data-theme="dark"] .ui-widget-header { background: var(--bc-surface-2) !important; color: var(--bc-ink) !important; border-color: var(--bc-line) !important; }
html[data-theme="dark"] .ui-state-default, html[data-theme="dark"] .ui-widget-content .ui-state-default { background: var(--bc-surface-2) !important; color: var(--bc-ink-2) !important; border-color: var(--bc-line) !important; }
html[data-theme="dark"] .ui-state-active, html[data-theme="dark"] .ui-menu .ui-state-active { background: var(--bc-accent) !important; color: #fff !important; }

/* ---------- Media stay as they are ---------- */
html[data-theme="dark"] img, html[data-theme="dark"] video, html[data-theme="dark"] canvas, html[data-theme="dark"] iframe { color-scheme: normal; }

/* ---------- Bootstrap 5 variables ---------- */
html[data-theme="dark"] {
  --bs-body-color: var(--bc-ink-2); --bs-body-bg: var(--bc-bg); --bs-emphasis-color: var(--bc-ink); --bs-secondary-color: var(--bc-muted);
  --bs-tertiary-color: var(--bc-faint); --bs-border-color: var(--bc-line-strong); --bs-secondary-bg: var(--bc-surface-2); --bs-tertiary-bg: var(--bc-surface-2);
  --bs-link-color: var(--bc-accent); --bs-link-hover-color: var(--bc-accent); --bs-heading-color: var(--bc-ink);
}
html[data-theme="dark"] .table > :not(caption) > * > * { color: inherit; background-color: transparent; }

/* ---------- Map overlays (clubs, open mats) ---------- */
html[data-theme="dark"] .bc-cm-status { background: var(--bc-glass-strong); }

/* ---------- Components with their own fixed white text on an ink surface ---------- */
html[data-theme="dark"] .ms-faq-contact { background: var(--bc-surface-2) !important; box-shadow: 0 0 0 1px var(--bc-line-strong); }
html[data-theme="dark"] .ms-faq-contact b { color: var(--bc-ink); }
html[data-theme="dark"] .ms-faq-contact .ms-btn--soft { color: var(--bc-ink) !important; background: rgba(255, 255, 255, 0.06); }
html[data-theme="dark"] .bc-wall-post, html[data-theme="dark"] .bc-wall-post * { color: var(--bc-on-ink) !important; }
html[data-theme="dark"] .bc-wall-post:hover { background: #d9d9e2; }
html[data-theme="dark"] .bc-dm-chip.is-active * { color: inherit !important; }
/* A white belt stays white in the belt journey, so its label stays dark */
html[data-theme="dark"] .bc-journey-seg.is-light, html[data-theme="dark"] .bc-journey-seg.is-light span { color: #0b0b10 !important; }
html[data-theme="dark"] .bc-ev-date-m { color: var(--bc-on-ink) !important; }
html[data-theme="dark"] .bc-ci-promo-go * { color: inherit !important; }

/* ---------- Belts keep their real colours; a faint edge so a black belt still shows on the dark page ---------- */
html[data-theme="dark"] .bc-belt { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important; }
html[data-theme="dark"] .bc-set-navlink.is-active i { color: var(--bc-on-ink) !important; }

/* ---------- Belt colours: black stays black, with a faint edge so it shows on the dark page ---------- */
/* Avatar rings in the member's belt colour (showProfileImage, inline border) and black belt swatches/bars (#1f1f24) */
/* Black is drawn as a dark grey that still shows on the dark page (a stylesheet !important outranks the inline value) */
html[data-theme="dark"] [style*="solid black"] { border-color: #5a5a66 !important; }
html[data-theme="dark"] [style*="#1f1f24"] { --c: #5a5a66 !important; --belt: #5a5a66 !important; --bc-dot: #5a5a66 !important; }
html[data-theme="dark"] [style*="background:#1f1f24"], html[data-theme="dark"] [style*="background: #1f1f24"], html[data-theme="dark"] [style*="background-color:#1f1f24"] { background: #5a5a66 !important; }
/* The default avatar picture is a dark silhouette on transparent: give it its light disc back */
html[data-theme="dark"] img[src*="avatar.png"], html[data-theme="dark"] img[src*="avatarevent.png"], html[data-theme="dark"] img[src*="avataracademy"] { background-color: #e6e6ec; }

/* ---------- Maps ---------- */
html[data-theme="dark"] .bc-wmap-stage, html[data-theme="dark"] .bc-cm-mapwrap, html[data-theme="dark"] .bc-cp-mapwrap,
html[data-theme="dark"] .bc-pm-wrap { background: linear-gradient(180deg, #121219, #0f0f15) !important; }
html[data-theme="dark"] .leaflet-bar a, html[data-theme="dark"] .leaflet-bar a:hover { background-color: var(--bc-surface-2) !important; color: var(--bc-ink) !important; border-color: var(--bc-line-strong) !important; }
html[data-theme="dark"] .leaflet-control-attribution { background: rgba(23, 23, 31, 0.8) !important; color: var(--bc-muted) !important; }
html[data-theme="dark"] .leaflet-control-attribution a { color: var(--bc-ink-2) !important; }
html[data-theme="dark"] .leaflet-popup-content-wrapper, html[data-theme="dark"] .leaflet-popup-tip { background: var(--bc-surface) !important; color: var(--bc-ink-2) !important; }

/* ---------- Event type chips: tinted on the dark surface ---------- */
html[data-theme="dark"] .bc-ev-type { background: color-mix(in srgb, var(--tc) 22%, var(--bc-surface)); color: color-mix(in srgb, var(--tc) 55%, #ffffff); }

/* ---------- Switches: a white knob, as on the device ---------- */
html[data-theme="dark"] .bc-set-switch-ui::after { background: #ffffff; }

/* ---------- Paper things (certificate and ID card previews) stay light, so their text stays dark ---------- */
html[data-theme="dark"] .bc-cert, html[data-theme="dark"] .bc-cert-paper, html[data-theme="dark"] .bc-idcard {
  --bc-ink: #0b0b10; --bc-ink-2: #3a3a44; --bc-muted: #6b6b76; --bc-faint: #9a9aa5; --bc-surface: #ffffff; --bc-line: rgba(15, 15, 25, 0.07); color-scheme: light;
}
html[data-theme="dark"] .bc-idcard-facts dd, html[data-theme="dark"] .bc-idcard-facts dt { color: inherit; }
/* ---------- Primary (ink) buttons: their inner text follows the button, and hover stays light ---------- */
html[data-theme="dark"] :is(.bc-forum-btn--primary, .bc-set-btn--primary, .ms-btn--primary, .bc-sheet-btn--primary, .bc-ci-promo-go, .bc-step-cta,
  .bc-donate-go, .bc-tr-btn.is-primary, .bc-ev-btn--primary, .bc-fr-btn--primary, .bc-vf-btn--primary, .bc-sm-btn--primary, .bc-btn.is-primary, .bc-search-go) * { color: inherit !important; }
html[data-theme="dark"] :is(.bc-set-card, .bc-set-head, .bc-set-body) a.bc-set-btn--primary { color: var(--bc-on-ink) !important; }
html[data-theme="dark"] .ms-faq-contact .ms-btn--primary { background: var(--bc-ink) !important; color: var(--bc-on-ink) !important; }
html[data-theme="dark"] a:is(.bc-forum-btn--primary, .ms-btn--primary, .bc-sheet-btn--primary, .bc-ci-promo-go, .bc-step-cta, .bc-ev-btn--primary, .bc-fr-btn--primary, .bc-vf-btn--primary, .bc-sm-btn--primary, .bc-hello-open, .bc-merch-cta, .bc-share-dl) { color: var(--bc-on-ink) !important; }
html[data-theme="dark"] :is(.bc-forum-btn--primary, .bc-wall-post, .ms-btn--primary, .bc-donate-go):hover { background: #d9d9e2 !important; }
/* ---------- Icons inside selected (ink) chips and tabs follow the chip's text ---------- */
html[data-theme="dark"] :is(.ms-chip.is-active, .bc-ptabs a[aria-selected="true"], .bcnt-chip.is-active, .bc-dm-chip.is-active,
  .bc-fr-tabs a[aria-selected="true"], .ms-seg-item.is-active, .bc-ev-pill.is-active, .bc-np-preset.is-active, .bc-om-day.is-on,
  .bc-sm-link.is-active, .nav-tabs .nav-link.active, .nav-pills .nav-link.active, .bc-wmap-rbtn.is-active, .bc-ci-pick-btn.is-active,
  .bc-chip-radio input:checked + span, .bc-sv-pill input:checked + span, .bc-ftab.is-active, .bc-stats-chip.is-active) i { color: inherit !important; }

/* ---------- The dark Beltchecker wordmark GIF (img/logo_<site>.gif): inverted, colours kept ---------- */
html[data-theme="dark"] img[src*="/img/logo_"] { filter: invert(1) hue-rotate(180deg); }

/* ---------- Lineage tree: nodes stand out from the panel ---------- */
html[data-theme="dark"] .lineage-node { background: var(--bc-surface-2) !important; border-color: var(--bc-line-strong) !important; }
html[data-theme="dark"] .lineage-explorer [style*="#e0e0e0"], html[data-theme="dark"] .lineage-node-empty { background: var(--bc-surface-3) !important; }

/* ---------- Bootstrap selects draw their arrow as a dark SVG: a light one instead ---------- */
html[data-theme="dark"] .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a0a0ad' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* ---------- Gi / no-gi slider: dark track while unanswered, a white handle ---------- */
html[data-theme="dark"] .bc-sv-row.is-unset input[type=range]::-webkit-slider-runnable-track { background: var(--bc-surface-3); }
html[data-theme="dark"] .bc-sv-row.is-unset input[type=range]::-moz-range-track { background: var(--bc-surface-3); }
html[data-theme="dark"] .bc-sv-slider input[type=range]::-webkit-slider-thumb, html[data-theme="dark"] .bc-gq-row .bc-gq-range::-webkit-slider-thumb { background: #ffffff; }
html[data-theme="dark"] .bc-sv-slider input[type=range]::-moz-range-thumb, html[data-theme="dark"] .bc-gq-row .bc-gq-range::-moz-range-thumb { background: #ffffff; }

/* ---------- Faded points under faces (fnDisplayUsers): readable on the dark page ---------- */
html[data-theme="dark"] .smallerlineheight.font-10.opacity-25, html[data-theme="dark"] .smallerlineheight.font-10.opacity-50 { opacity: 0.8 !important; }
html[data-theme="dark"] .badge em, html[data-theme="dark"] .badge i { color: inherit !important; }

/* ---------- A black belt drawing as the dark grey black is shown in, so it doesn't vanish into the page ---------- */
html[data-theme="dark"] .bc-belt.bg-black { background-color: #34343e !important; }

/* ---------- Round 2 of the visual check ---------- */
/* Icons in the active stats hub tab follow its text */
html[data-theme="dark"] .bc-hub-tab.is-active i, html[data-theme="dark"] .bc-seg-btn.is-active i { color: inherit !important; }
/* Blue and purple belt rings are too dark on the dark page: lighter shades of the same colours */
html[data-theme="dark"] [style*="solid blue"] { border-color: #4f7dff !important; }
html[data-theme="dark"] [style*="solid purple"] { border-color: #b05cc9 !important; }
/* World map (bcWorldMap): countries without data */
html[data-theme="dark"] .bc-wmap path, html[data-theme="dark"] .bc-wmap-stage path { fill: #2c2c38; }   /* countries with data carry an inline fill, which wins */
/* Silver medal tile keeps a dark glyph on its light metal */
html[data-theme="dark"] .bc-set-leadicon--silver { color: #3a3a44 !important; }
/* Switch knobs are white, as on the device */
html[data-theme="dark"] .bc-np-toggle-ui::after { background: #ffffff; }
/* Photo rotate buttons (tokens the button asked for that don't exist) */
html[data-theme="dark"] .bc-rot-btn { background: var(--bc-surface-2); border-color: var(--bc-line-strong); color: var(--bc-ink); }

/* White parts of a belt drawing (the red belts' rank bar) stay white */
html[data-theme="dark"] .bc-belt .w3-white, html[data-theme="dark"] .bc-belt .bg-white { background-color: #ffffff !important; }
/* Icons inside any primary (ink) button follow its text ("Add friend", compose) */
html[data-theme="dark"] [class*="--primary"] i, html[data-theme="dark"] [class*="-btn--primary"] svg { color: inherit !important; }
/* Belt history timeline: the belt colour's dot (black as the dark grey) */
html[data-theme="dark"] [style*="--bc-pht-belt:#1f1f24"], html[data-theme="dark"] [style*="--bc-pht-belt: #1f1f24"] { --bc-pht-belt: #5a5a66 !important; }
/* Map legend: "Home" was drawn in ink */
html[data-theme="dark"] .bc-pm-dot--home { background: #e6e6ec; }
/* Every switch knob is white */
html[data-theme="dark"] [class*="switch-ui"]::after, html[data-theme="dark"] [class*="toggle-ui"]::after { background: #ffffff !important; }
/* Faces without a photo or belt ring keep an edge */
html[data-theme="dark"] img.rounded-circle.shadow-s { box-shadow: 0 0 0 1px var(--bc-line-strong) !important; }

/* ---------- Notice boxes (alert(), styles/modern.css): dark tints of the same colours ---------- */
html[data-theme="dark"] .alert[role="alert"] { --al-bg: #1d1d26; --al-ring: rgba(255, 255, 255, 0.08); --al-ink: #e4e4ea; --al-icon: #8a8a96; }
html[data-theme="dark"] .alert[role="alert"].bg-yellow-dark { --al-bg: #2a2212; --al-ring: rgba(245, 158, 11, 0.3); --al-ink: #fde68a; --al-icon: #f59e0b; }
html[data-theme="dark"] .alert[role="alert"].bg-green-dark  { --al-bg: #10241a; --al-ring: rgba(34, 197, 94, 0.28); --al-ink: #bbf7d0; --al-icon: #16a34a; }
html[data-theme="dark"] .alert[role="alert"].bg-blue-dark   { --al-bg: #121c33; --al-ring: rgba(96, 165, 250, 0.28); --al-ink: #bfdbfe; --al-icon: #2563eb; }
html[data-theme="dark"] .alert[role="alert"].bg-red-dark    { --al-bg: #2a1219; --al-ring: rgba(244, 63, 94, 0.3); --al-ink: #fecdd3; --al-icon: #e11d48; }
html[data-theme="dark"] .alert:not([role="alert"]) { background-color: var(--bc-surface-2) !important; color: var(--bc-ink-2) !important; border-color: var(--bc-line-strong) !important; }

/* GENERATED by install/build_dark_css.php: do not edit by hand */
html[data-theme="dark"] .bc-aa-danger-link { color: #fb7185 !important; }
html[data-theme="dark"] .bc-aa-face > input:checked + .bc-aa-face-ui .bc-aa-state-present { color: #4ade80; }
html[data-theme="dark"] .bc-aa-face.is-already .bc-aa-state-already { color: #4ade80; }
html[data-theme="dark"] .bc-claim-count { color: #4ade80; }
html[data-theme="dark"] .bc-claim-verified { color: #4ade80; }
html[data-theme="dark"] .bc-claim-chip.is-ok { color: #4ade80; }
html[data-theme="dark"] .bc-claim-chip.is-link_rejected { color: #fb7185; }
html[data-theme="dark"] .bc-claim-act.is-copied { color: #4ade80 !important; }
html[data-theme="dark"] .bc-claim-mini li em { color: #fbbf24; }
html[data-theme="dark"] .bc-ord-flash.is-ok { color: #4ade80; }
html[data-theme="dark"] .bc-ord-flash.is-bad { color: #fb7185; }
html[data-theme="dark"] .bc-ord-kpi.is-amber .bc-ord-kpi-value { color: #fbbf24; }
html[data-theme="dark"] .bc-ord-kpi.is-red .bc-ord-kpi-value { color: #fb7185; }
html[data-theme="dark"] .bc-ord-tab.is-warn span { color: #fb7185; }
html[data-theme="dark"] .bc-ord-btn.is-danger { color: #fb7185 !important; }
html[data-theme="dark"] .bc-ord-chip.is-green { color: #4ade80; }
html[data-theme="dark"] .bc-ord-chip.is-amber { color: #fbbf24; }
html[data-theme="dark"] .bc-ord-chip.is-red { color: #fb7185; }
html[data-theme="dark"] .bc-ord-chip.is-blue { color: #60a5fa; }
html[data-theme="dark"] .bc-ord-chip.is-violet { color: #b4a9ff; }
html[data-theme="dark"] .bc-ord-empty.is-bad { color: #fb7185; }
html[data-theme="dark"] .bc-ord-notice.is-red { color: #fb7185; }
html[data-theme="dark"] .bc-ord-notice.is-green { color: #4ade80; }
html[data-theme="dark"] .bc-adm-flash.is-ok { color: #4ade80; }
html[data-theme="dark"] .bc-adm-flash.is-bad { color: #fb7185; }
html[data-theme="dark"] .bc-adm-state.is-on { color: #4ade80; }
html[data-theme="dark"] .bc-adm-btn.is-danger { color: #fb7185; }
html[data-theme="dark"] .bc-adm-btn.is-danger i { color: #fb7185; }
html[data-theme="dark"] .bc-shop-note { color: #60a5fa; }
html[data-theme="dark"] .bc-shop-note--ok { color: #4ade80; }
html[data-theme="dark"] .bc-co-locked { color: #fbbf24 !important; }
html[data-theme="dark"] .bc-co-locked b { color: #fbbf24; }
html[data-theme="dark"] .bc-co-hint.is-error { color: #fb7185; }
html[data-theme="dark"] .bc-co-testmode { color: #fbbf24; }
html[data-theme="dark"] .bc-co-error { color: #fb7185; }
html[data-theme="dark"] .bc-co-error-link { color: #fb7185 !important; }
html[data-theme="dark"] .bc-cm-toggle b { color: #4ade80; }
html[data-theme="dark"] .bc-cm-status { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-cm-status.is-empty { color: #fb7185; }
html[data-theme="dark"] .bc-cm-label span { text-shadow: 0 0 3px rgba(0, 0, 0, 0.8), 0 0 6px rgba(0, 0, 0, 0.6); }
html[data-theme="dark"] .bc-pm-pin--club { color: #4ade80; }
html[data-theme="dark"] .bc-pm-pin--seminar { color: #60a5fa; }
html[data-theme="dark"] .bc-donate-heart { color: #fb7185; }
html[data-theme="dark"] .bc-donate-note.is-ok { color: #4ade80; }
html[data-theme="dark"] .bc-donate-note.is-error { color: #fb7185; }
html[data-theme="dark"] .bc-hello-buy.bc-hello-donate i { color: #fb7185; }
html[data-theme="dark"] .bc-ev-draft { color: #fbbf24; }
html[data-theme="dark"] .bc-status--verified { color: #4ade80; }
html[data-theme="dark"] .bc-status--pending { color: #fbbf24; }
html[data-theme="dark"] .bc-status--disputed { color: #fb7185; }
html[data-theme="dark"] .bc-hello-state.is-ok { color: #4ade80 !important; }
html[data-theme="dark"] .bc-hello-state.is-wait { color: #fbbf24 !important; }
html[data-theme="dark"] .bc-hello-state.is-bad { color: #fb7185 !important; }
html[data-theme="dark"] .bc-merch-status { color: #4ade80; }
html[data-theme="dark"] .bc-merch-lock { color: #fbbf24 !important; }
html[data-theme="dark"] .bc-merch-lock b { color: #fbbf24; }
html[data-theme="dark"] .bc-spot-tag { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-spot.tone-green .bc-spot-tag i { color: #4ade80; }
html[data-theme="dark"] .bc-spot.tone-blue .bc-spot-tag i { color: #60a5fa; }
html[data-theme="dark"] .bc-vouch.is-ok .bc-vouch-pts { color: #4ade80; }
html[data-theme="dark"] .bc-vouch.is-bad .bc-vouch-pts { color: #fb7185; }
html[data-theme="dark"] .bc-row-rank--1 { color: #fbbf24; }
html[data-theme="dark"] .ms-support-facts li { background: var(--bc-glass-strong); }
html[data-theme="dark"] .ms-verdict--yes { color: #4ade80; }
html[data-theme="dark"] .ms-verdict--no { color: #fb7185; }
html[data-theme="dark"] .ms-verdict--info { color: #60a5fa; }
html[data-theme="dark"] .ms-verdict--pending { color: #fbbf24; }
html[data-theme="dark"] .ms-rule-points.is-pos { color: #4ade80; }
html[data-theme="dark"] .ms-rule-points.is-neg { color: #fb7185; }
html[data-theme="dark"] .ms-rv-lock { color: #fb7185; }
html[data-theme="dark"] .ms-rv-note { color: #fbbf24; }
html[data-theme="dark"] .ms-rv-btn--yes { color: #4ade80 !important; }
html[data-theme="dark"] .ms-rv-btn--no { color: #fb7185 !important; }
html[data-theme="dark"] .ms-sugg-btn.is-up { color: #4ade80; }
html[data-theme="dark"] .ms-sugg-btn.is-down { color: #fb7185; }
html[data-theme="dark"] .ms-sugg-net.color-green-dark { color: #4ade80 !important; }
html[data-theme="dark"] .ms-sugg-net.color-red-dark { color: #fb7185 !important; }
html[data-theme="dark"] .w3-button.w3-hover-white:hover { background: var(--bc-glass-strong) !important; }
html[data-theme="dark"] .bc-dist-beat { color: #b4a9ff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8), 0 0 6px rgba(0, 0, 0, 0.6); }
html[data-theme="dark"] .bc-step.is-pending .bc-step-dot { color: #fbbf24; }
html[data-theme="dark"] .bc-verified-banner { background: rgba(34, 197, 94, 0.14); }
html[data-theme="dark"] .bc-verified-title { color: #4ade80; }
html[data-theme="dark"] .bc-stepper li.is-pending .bc-step-dot { color: #fbbf24; }
html[data-theme="dark"] .bc-hero-online { color: #4ade80; }
html[data-theme="dark"] .bc-hero-vbadge { color: #4ade80; background: rgba(34, 197, 94, 0.14); }
html[data-theme="dark"] .bc-hero-vbadge.is-wait { color: #fbbf24; }
html[data-theme="dark"] .bc-hero-vbadge.is-bad { color: #fb7185; background: rgba(244, 63, 94, 0.14); }
html[data-theme="dark"] .bcnt-head { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bcnt-text span.w3-green:not(.w3-tag) { color: #4ade80 !important; }
html[data-theme="dark"] .bcnt-text span.w3-red:not(.w3-tag) { color: #fb7185 !important; }
html[data-theme="dark"] .bc-pv-close { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-pv-neg { color: #fb7185; }
html[data-theme="dark"] .pc-wld b.is-win { color: #4ade80; }
html[data-theme="dark"] .pc-wld b.is-loss { color: #fbbf24; }
html[data-theme="dark"] .pc-pill--ok { color: #4ade80 !important; }
html[data-theme="dark"] .pc-pill--wait { color: #fbbf24 !important; }
html[data-theme="dark"] .pc-pill--bad { color: #fb7185 !important; }
html[data-theme="dark"] .pc-row-video { color: #fb7185 !important; }
html[data-theme="dark"] .bc-vp-chip--green { color: #4ade80; }
html[data-theme="dark"] .bc-vp-chip--amber { color: #fbbf24; }
html[data-theme="dark"] .bc-vp-chip--red { color: #fb7185; }
html[data-theme="dark"] .bc-vp-flash { color: #4ade80; }
html[data-theme="dark"] .bc-vp-step.is-pending .bc-vp-num { color: #fbbf24; }
html[data-theme="dark"] .bc-vp-warn { color: #fbbf24; }
html[data-theme="dark"] .bc-vp-why { color: #fb7185; }
html[data-theme="dark"] .bc-vp-btn--reject { color: #fb7185; }
html[data-theme="dark"] .bc-pu-slot.is-busy .bc-pu-preview::after { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-pht-now { color: #4ade80; }
html[data-theme="dark"] .bc-pht .bc-early-note { color: #fbbf24; }
html[data-theme="dark"] .bc-set-err { color: #fb7185; }
html[data-theme="dark"] .bc-set-formerr { color: #fb7185; }
html[data-theme="dark"] .bc-set-formok { color: #4ade80; }
html[data-theme="dark"] .bc-set-note--warn > i { color: #fbbf24; }
html[data-theme="dark"] .bc-set-note--danger > i { color: #fb7185; }
html[data-theme="dark"] .bc-set-btn--danger-soft { color: #fb7185 !important; }
html[data-theme="dark"] .bc-set-icon--danger:hover { color: #fb7185 !important; }
html[data-theme="dark"] .bc-set-savebar { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-set-savestate.is-dirty { color: #fbbf24; }
html[data-theme="dark"] .bc-set-chip--green { color: #4ade80; }
html[data-theme="dark"] .bc-set-chip--green i { color: #4ade80; }
html[data-theme="dark"] .bc-set-chip--amber { color: #fbbf24; }
html[data-theme="dark"] .bc-set-chip--amber i { color: #fbbf24; }
html[data-theme="dark"] .bc-set-chip--red { color: #fb7185; }
html[data-theme="dark"] .bc-set-chip--red i { color: #fb7185; }
html[data-theme="dark"] .bc-set-leadicon--green { color: #4ade80; }
html[data-theme="dark"] .bc-set-leadicon--red { color: #fb7185; }
html[data-theme="dark"] .bc-set-leadicon--amber { color: #fbbf24; }
html[data-theme="dark"] .bc-ph-missing { color: #fbbf24; }
html[data-theme="dark"] .bc-set-card--danger .bc-set-head h2 { color: #fb7185; }
html[data-theme="dark"] .bc-sheet-error { color: #fb7185; }
html[data-theme="dark"] .bc-sheet-ok { color: #4ade80; }
html[data-theme="dark"] .bc-sheet--danger .bc-sheet-head h2 { color: #fb7185; }
html[data-theme="dark"] .bc-field-error { color: #fb7185; }
html[data-theme="dark"] .bc-login-warn { color: #fbbf24; }
html[data-theme="dark"] .bc-appr-btn--ok { color: #4ade80 !important; }
html[data-theme="dark"] .bc-appr-state--ok { color: #4ade80; }
html[data-theme="dark"] .bc-appr-state--no { color: #fb7185; }
html[data-theme="dark"] .bc-status--win { color: #4ade80; }
html[data-theme="dark"] .bc-status--loss { color: #fbbf24; }
html[data-theme="dark"] .bc-tr-badge:first-child { background: rgba(245, 158, 11, 0.14); }
html[data-theme="dark"] .bc-vq-count { color: #fbbf24; }
html[data-theme="dark"] .bc-vq-count.is-late { color: #fb7185; }
html[data-theme="dark"] .bc-vq-count.is-clear { color: #4ade80; }
html[data-theme="dark"] .bc-vq-stat.is-session { color: #4ade80; }
html[data-theme="dark"] .bc-vq-stat.is-session i { color: #4ade80; }
html[data-theme="dark"] .bc-vq-chip.is-green { color: #4ade80; }
html[data-theme="dark"] .bc-vq-chip.is-amber { color: #fbbf24; }
html[data-theme="dark"] .bc-vq-chip.is-red { color: #fb7185; }
html[data-theme="dark"] .bc-vq-notice.is-amber > i { color: #fbbf24; }
html[data-theme="dark"] .bc-vq-notice.is-red { color: #fb7185; }
html[data-theme="dark"] .bc-vq-notice.is-red > i { color: #fb7185; }
html[data-theme="dark"] .bc-vq-btn.is-reject { color: #fb7185 !important; }
html[data-theme="dark"] .bc-vq-reason input:checked + span { color: #fb7185; }
html[data-theme="dark"] .is-approved .bc-vq-r-dec { color: #4ade80; }
html[data-theme="dark"] .is-rejected .bc-vq-r-dec { color: #fb7185; }
html[data-theme="dark"] .bc-vq-toast-bar { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-vf .bc-vf-stepper { background: var(--bc-glass-strong); }
html[data-theme="dark"] .bc-vf-step.is-pending .bc-vf-step-dot { color: #fbbf24; }
html[data-theme="dark"] .bc-vf-pill.is-done { color: #4ade80; }
html[data-theme="dark"] .bc-vf-pill.is-pending { color: #fbbf24; }
html[data-theme="dark"] .bc-vf-note.is-warn > i { color: #fbbf24; }
html[data-theme="dark"] .bc-vf-note.is-danger > i { color: #fb7185; }
html[data-theme="dark"] .bc-vf-done-icon { color: #4ade80; }
html[data-theme="dark"] .bc-vf-btn--danger-soft { color: #fb7185 !important; }
html[data-theme="dark"] .bc-vf-pending-text .bc-vf-pending-title { color: #fbbf24; }
html[data-theme="dark"] .bc-vf-final.is-done { background: rgba(34, 197, 94, 0.14); }
html[data-theme="dark"] .bc-vf-final.is-done h2 { color: #4ade80; }
html[data-theme="dark"] .bc-vf-progress-ok { color: #4ade80; }
html[data-theme="dark"] .bc-vf-ov-list li.is-missing i { color: #fb7185; }
html[data-theme="dark"] .bc-vq-count.is-clear { color: #4ade80 !important; }
html[data-theme="dark"] .bc-vq-count.is-waiting { color: #fbbf24 !important; }
html[data-theme="dark"] .bc-vq-count.is-late { color: #fb7185 !important; }
html[data-theme="dark"] .bc-vf-reject-kicker { color: #fb7185; }
html[data-theme="dark"] .bc-vf-reject-keep { color: #4ade80; }
html[data-theme="dark"] .bc-vf-rpic.is-bad figcaption span { color: #fb7185; }
html[data-theme="dark"] .bc-vf-rpic.is-good figcaption span { color: #4ade80; }
html[data-theme="dark"] .bc-vf-rpic.is-warn figcaption span { color: #fbbf24; }
html[data-theme="dark"] .bc-vf-pill.is-rejected { color: #fb7185; }
html[data-theme="dark"] .bc-vf .bc-vf-stepper li.is-rejected .bc-stepper-label { color: #fb7185; }
html[data-theme="dark"] .bc-vf-stop .bc-vf-stop-title { color: #fb7185; }
html[data-theme="dark"] .bc-vrej-title { color: #fb7185; }
html[data-theme="dark"] .bc-vrej-hide { color: #fb7185; }
html[data-theme="dark"] .bc-vrej.is-min .bc-vrej-mini { color: #fb7185 !important; }
html[data-theme="dark"] .bc-step.is-rejected .bc-step-hint { color: #fb7185; }
html[data-theme="dark"] .bc-vf-cover-title i { color: #fbbf24; }
html[data-theme="dark"] .bc-vote-choice.is-verify .bc-vote-choice-icon { color: #4ade80; }
html[data-theme="dark"] .bc-vote-choice.is-verify .bc-vote-choice-pts { color: #4ade80; }
html[data-theme="dark"] .bc-vote-choice.is-dispute .bc-vote-choice-icon { color: #fb7185; }
html[data-theme="dark"] .bc-vote-choice.is-dispute .bc-vote-choice-pts { color: #fb7185; }
html[data-theme="dark"] .bc-vote-state.is-ok { color: #4ade80; }
html[data-theme="dark"] .bc-vote-state.is-ok > i { color: #4ade80; }
html[data-theme="dark"] .bc-vote-state.is-bad { color: #fb7185; }
html[data-theme="dark"] .bc-vote-state.is-bad > i { color: #fb7185; }
html[data-theme="dark"] .bc-vote-state.is-wait { color: #fbbf24; }
html[data-theme="dark"] .bc-votem-pts.is-ok { color: #4ade80; }
html[data-theme="dark"] .bc-votem-pts.is-wait { color: #fbbf24; }
html[data-theme="dark"] .bc-wmap-back { background: var(--bc-glass-strong); }
/* END GENERATED */