/* =====================================================================
 * BlaBlaPrice dark theme (html[data-theme="dark"], set by js/bbp-theme.js).
 * The legacy theme hard-codes colours everywhere, so text and borders are
 * reset broadly with !important and the few accents are restored after.
 * Palette: Telegram Night (owner 2026-10-05) — slate blue-greys, white text, Telegram-blue accents;
 * the less important filled buttons are slate, the important ones blue.
 * ===================================================================== */
html[data-theme="dark"] {
    color-scheme: dark;
    --d-canvas: #17212b;
    --d-panel: #0e1621;
    --d-surface: #1f2c3a;
    --d-raised: #2b3b4c;
    --d-line: #2c3a48;
    --d-text: #f1f4f7;
    --d-muted: #8b9cae; /* 4.9:1 on the raised #252e38 too (the chips' 4.47 before, 2026-10-08) */
    --d-btn: #2f4256;
    --d-btn-text: #ffffff;
    --bbp-line: var(--d-line);
    --bbp-tile: var(--d-raised);
}

/* ---------- canvas and panels ---------- */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] #main,
html[data-theme="dark"] aside,
html[data-theme="dark"] #aside-right,
html[data-theme="dark"] .popup-container.wide,
html[data-theme="dark"] .popup-container.wide .request-head,
html[data-theme="dark"] .popup-container.wide .request-body,
html[data-theme="dark"] .popup-container.wide .tabs-block,
html[data-theme="dark"] .popup-container.wide .tab-answer,
html[data-theme="dark"] .popup-container.wide .tab-spam,
html[data-theme="dark"] .popup-container.wide .tab-share,
html[data-theme="dark"] .popup-container.wide .request-foot,
html[data-theme="dark"] section.faq,
html[data-theme="dark"] .bbp-example { background-color: var(--d-canvas) !important; }

html[data-theme="dark"] #aside-left,
html[data-theme="dark"] aside:first-of-type,
html[data-theme="dark"] aside .wrap { background-color: var(--d-panel) !important; }

/* ---------- text and lines ---------- */
html[data-theme="dark"] body,
html[data-theme="dark"] body * { color: var(--d-text) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] body *::placeholder { color: #8495a7 !important; }

/* muted text */
html[data-theme="dark"] :is(.date, .from, .bbp-subtitle, .bbp-field-hint, .bbp-no-reviews, .bbp-muted, .bbp-price-cur,
    .bbp-composer-hint, .bbp-chip-label, .request-info, .bbp-crumbs, .bbp-crumbs *, .item-accordeon .content, .item-accordeon .content *,
    .blabla-comment .text::before, .bbp-old-price, .bbp-empty p) { color: var(--d-muted) !important; }
html[data-theme="dark"] .blabla-comment .text::before { color: var(--d-muted) !important; }

/* ---------- surfaces (cards, fields, menus, popups) ---------- */
html[data-theme="dark"] :is(.header-search, .bbp-card, .bbp-plan, .request.open-popup, .popup-container, .drop, .drop-menu .drop,
    .item-accordeon, .accordeon-settings .item-accordeon, .share-button, .link-btn, .autocomplete, .nav-menu, .header-menu-content,
    .bbp-price-chip, input, textarea, select, .input, .bbp-auth, .bbp-empty, .blabla-comment .text) { background-color: var(--d-surface) !important; }
html[data-theme="dark"] .popup-container.wide .blabla-comment .text,
html[data-theme="dark"] .bbp-home .blabla-comment .text,
html[data-theme="dark"] .request.open-popup .blabla-comment .text,
html[data-theme="dark"] #main > .center > .blabla-comment .text { background-color: transparent !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps::before { background: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps input.input,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps textarea.input { background: transparent !important; }

/* raised: tiles, quiet buttons, hovers, own bubble */
html[data-theme="dark"] :is(.bbp-tile, .menu-button, .close-popup-all, .popup-button:not(.blue),
    .drop-menu .drop a:hover, .request-body .text-right .message .inner, .request-body .text-right .message .inner.inner,
    .request-body .request-info, .bbp-av-none) { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .request-body :not(.text-right) > .message .inner { background: transparent !important; }

/* primary (ink) buttons become light, like claude.ai dark */
html[data-theme="dark"] :is(.popup-button.blue, .menu-button.green, .menu-button.blue, .bbp-btn-primary, .bbp-card-cta, .bbp-new-request,
    .drop-menu.active > a, .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-ready:not(.bbp-step-comment) .bbp-add-comment,
    .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment.bbp-has-comment .popup-send, .popup-send.blue:not(.no-active)) {
    background-color: var(--d-btn) !important;
    color: var(--d-btn-text) !important;
}
html[data-theme="dark"] :is(.popup-button.blue, .menu-button.green, .bbp-btn-primary, .bbp-card-cta, .drop-menu.active > a, .bbp-add-comment) * { color: var(--d-btn-text) !important; }
html[data-theme="dark"] .popup-send svg,
html[data-theme="dark"] .bbp-add-comment svg { fill: var(--d-btn-text) !important; }
html[data-theme="dark"] .drop-menu > a { background: var(--d-surface) !important; }

/* ---------- accents kept ---------- */
html[data-theme="dark"] .drop-menu .drop a.js-spam { color: #f08a75 !important; }
html[data-theme="dark"] .drop-menu .drop a::before { background-color: #aab6c2 !important; }
html[data-theme="dark"] .drop-menu .drop a.js-spam::before { background-color: #f08a75 !important; }
html[data-theme="dark"] .bbp-status-offers,
html[data-theme="dark"] .bbp-status-offers *,
html[data-theme="dark"] .bbp-head-status.bbp-status-offers { color: #89d0f2 !important; }
html[data-theme="dark"] .request .request-body .request-info.bbp-status-offers,
html[data-theme="dark"] .bbp-badge { background: #1d3946 !important; color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-head-status.bbp-status-wait,
html[data-theme="dark"] .request .request-body .request-info.bbp-status-wait { color: #d9b44a !important; }
html[data-theme="dark"] .request .request-body .request-info.bbp-status-wait { background: var(--d-raised) !important; }
html[data-theme="dark"] .count { color: #fff !important; }
html[data-theme="dark"] .bbp-av,
html[data-theme="dark"] .bbp-av * { color: #fff !important; }
html[data-theme="dark"] .alert-danger { background: #3d2320 !important; color: #f4b3a8 !important; }
html[data-theme="dark"] .search-highlight,
html[data-theme="dark"] .autocomplete strong { background: #5a4a1a !important; }

/* ---------- icons and logos ---------- */
html[data-theme="dark"] img[src*="logo-black"],
html[data-theme="dark"] .logo img,
html[data-theme="dark"] .blabla-comment::before { filter: invert(1) brightness(1.1); }
html[data-theme="dark"] svg:not([fill="none"]):not(.bbp-keep) { fill: currentColor; }
html[data-theme="dark"] .bbp-empty svg,
html[data-theme="dark"] .bbp-icon { color: var(--d-muted) !important; }

/* ---------- shadows are too heavy on dark ---------- */
html[data-theme="dark"] :is(.bbp-card, .bbp-plan, .request.open-popup, .drop, .popup-container, .header-search) { box-shadow: 0 1px 0 rgba(0, 0, 0, .25) !important; }
html[data-theme="dark"] .popup-wrapper,
html[data-theme="dark"] .popup-bg { background-color: rgba(0, 0, 0, .6) !important; }

/* ---------- the toggle itself ---------- */
.bbp-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-left: 6px;
    padding: 0;
    color: #3d4247;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: background .2s;
}
.bbp-theme-toggle:hover { background: rgba(31, 35, 38, .06); }
.bbp-theme-toggle svg { width: 18px; height: 18px; fill: none !important; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bbp-theme-toggle .bbp-moon { display: block; }
.bbp-theme-toggle .bbp-sun { display: none; }
html[data-theme="dark"] .bbp-theme-toggle .bbp-moon { display: none; }
html[data-theme="dark"] .bbp-theme-toggle .bbp-sun { display: block; }
html[data-theme="dark"] .bbp-theme-toggle:hover { background: rgba(255, 255, 255, .08) !important; }
.bbp-theme-toggle.bbp-floating {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 50;
    background: #fff;
    border-color: var(--bbp-line);
    box-shadow: 0 2px 10px rgba(31, 35, 38, .12);
}
html[data-theme="dark"] .bbp-theme-toggle.bbp-floating { background: var(--d-surface) !important; }

/* ---------- second pass: what the first pass missed ---------- */
html[data-theme="dark"] header#header,
html[data-theme="dark"] .popup-container.wide .request-head,
html[data-theme="dark"] .popup-container.wide .request-body,
html[data-theme="dark"] .request-body.request-main,
html[data-theme="dark"] .page-contact,
html[data-theme="dark"] ul.accordeon { background-color: var(--d-canvas) !important; }
/* wallpaper pattern behind the page is too loud on dark */
html[data-theme="dark"] main::before,
html[data-theme="dark"] #main::before { opacity: .05 !important; filter: invert(1); }
/* left menu: active item, filter buttons, checkboxes */
html[data-theme="dark"] :is(a.link.active, .link-btn, a.active, a.filter-button, .is-best, .checkbox, .radio) { background-color: var(--d-raised) !important; }
/* select arrow icon */
html[data-theme="dark"] select.input { background-image: none !important; }
/* close (x) buttons */
html[data-theme="dark"] .close-popup-all,
html[data-theme="dark"] .close-popup { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .close-popup-all svg,
html[data-theme="dark"] .close-popup svg { fill: var(--d-text) !important; stroke: var(--d-text); }
html[data-theme="dark"] .close-popup-all svg use,
html[data-theme="dark"] .close-popup svg use { fill: var(--d-text) !important; }
/* the toggle sits in the header row right before the share block */
.head-main > .bbp-theme-toggle { flex: none; align-self: center; margin-right: auto; }

/* cabinet request cards: header and body inside the card were still white */
html[data-theme="dark"] .request.open-popup,
html[data-theme="dark"] .request.open-popup .request-head,
html[data-theme="dark"] .request.open-popup .request-body,
html[data-theme="dark"] .request.open-popup .request-body_inner { background-color: var(--d-surface) !important; }
/* own bubble inside a card: one step lighter than the card */
html[data-theme="dark"] .request.open-popup .text-right .message .inner { background-color: #34465a !important; }
/* the card's BlaBlaPrice logo */
html[data-theme="dark"] .request.open-popup .blabla-comment::before { filter: invert(1) brightness(1.1); }

/* logo discs: the logo is inverted, so the disc behind it must stay transparent (otherwise it inverts to white) */
html[data-theme="dark"] .blabla-comment::before,
html[data-theme="dark"] .blabla-comment:before { background-color: transparent !important; box-shadow: none !important; }
/* wrapper around the share button */
html[data-theme="dark"] .head-social { background-color: transparent !important; box-shadow: none !important; }
/* card outline: the light theme pins it with !important */
html[data-theme="dark"] .request.open-popup,
html[data-theme="dark"] .bbp-card,
html[data-theme="dark"] .bbp-plan { border-color: var(--d-line) !important; }
/* composer fields stay transparent on the card */
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps input.input,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps textarea.input { background-color: transparent !important; }
/* the generated rules target these fields by id, which outranks classes */
html[data-theme="dark"] .popup-container.wide #offer-price,
html[data-theme="dark"] .popup-container.wide #offer-comment { background-color: transparent !important; }

/* empty states: no box, line art in dark tones (its light tile and dark stroke are SVG attributes) */
html[data-theme="dark"] .bbp-empty { background-color: var(--d-surface) !important; border: 1px solid var(--d-line) !important; box-shadow: none !important; }
html[data-theme="dark"] .bbp-empty-art { stroke: #8495a7; fill: none !important; }
html[data-theme="dark"] .bbp-empty-art [fill] { fill: var(--d-raised) !important; }
/* icons that only draw lines must keep an empty fill */
html[data-theme="dark"] svg[fill="none"],
html[data-theme="dark"] svg[fill="none"] *:not([fill]) { fill: none !important; }

/* header share dropdown (legacy background: var(--gray)) and its buttons */
html[data-theme="dark"] .head-social .wrap,
html[data-theme="dark"] .share-chat.wrap { background-color: var(--d-surface) !important; border: 1px solid var(--d-line) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important; }
html[data-theme="dark"] .share-chat p { color: var(--d-muted) !important; }
html[data-theme="dark"] .share-chat .share-button { background-color: var(--d-raised) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .share-chat .share-button * { color: var(--d-text) !important; }
html[data-theme="dark"] .share-chat .share-button:hover { background-color: #34465a !important; }
/* next to the seller's "Фільтри" button */
.bbp-theme-toggle.bbp-next-to-filter { margin-right: auto; margin-left: 8px; align-self: center; }
html[data-theme="dark"] .bbp-item.bbp-item-static:hover { background-color: transparent !important; }

/* ---------- right FAQ panel ---------- */
html[data-theme="dark"] #aside-right .item-accordeon,
html[data-theme="dark"] #aside-right li { border-color: #2b3b4c !important; }
html[data-theme="dark"] #aside-right .wrap,
html[data-theme="dark"] #aside-right section.faq { background-color: transparent !important; }
html[data-theme="dark"] #aside-right .inner-accordeon { color: var(--d-muted) !important; }
html[data-theme="dark"] #aside-right .btn-accordeon svg { fill: #8495a7 !important; }

/* ---------- icons: legacy fills were dark grey; lift them to a soft light grey ---------- */
html[data-theme="dark"] svg:not([fill="none"]):not(.bbp-keep):not(.bbp-empty-art),
html[data-theme="dark"] svg:not([fill="none"]):not(.bbp-keep):not(.bbp-empty-art) use { fill: #c3cdd7 !important; }
html[data-theme="dark"] .bbp-icon,
html[data-theme="dark"] .bbp-tile svg { color: #c3cdd7 !important; stroke: #c3cdd7; opacity: 1 !important; }
html[data-theme="dark"] aside svg,
html[data-theme="dark"] .accordeon-settings svg { opacity: 1 !important; }
/* keep coloured and inverse icons as they are */
html[data-theme="dark"] .drop-menu .drop a.js-spam svg,
html[data-theme="dark"] .bbp-status-icon svg { fill: #f08a75 !important; }
html[data-theme="dark"] :is(.popup-button.blue, .menu-button.green, .bbp-btn-primary, .popup-send, .bbp-add-comment) svg,
html[data-theme="dark"] :is(.popup-button.blue, .menu-button.green, .bbp-btn-primary, .popup-send, .bbp-add-comment) svg use { fill: var(--d-btn-text) !important; }
html[data-theme="dark"] .bbp-theme-toggle svg { fill: none !important; }

/* hover tint only on rows that are links (kept out of the grouped rule above, whose :is() specificity is too high) */
html[data-theme="dark"] a.bbp-item:hover,
html[data-theme="dark"] .bbp-item.menu-button:hover,
html[data-theme="dark"] .bbp-subcat:hover { background-color: var(--d-raised) !important; }

/* left sidebar menu in dark: visible active item and hover */
html[data-theme="dark"] aside a.link { background-color: transparent !important; }
html[data-theme="dark"] aside a.link:not(.active):hover { background-color: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] aside a.link.active { background-color: #34465a !important; box-shadow: none !important; }
html[data-theme="dark"] aside a.link.active,
html[data-theme="dark"] aside a.link.active * { color: #fff !important; }
html[data-theme="dark"] aside a.link.active svg,
html[data-theme="dark"] aside a.link.active svg use { fill: #fff !important; }
/* hover must stay clearly weaker than the active item */
html[data-theme="dark"] aside a.link:not(.active):hover { background-color: rgba(255, 255, 255, .035) !important; }
html[data-theme="dark"] aside a.link.active { background-color: #3f536a !important; font-weight: 600; }
html[data-theme="dark"] .bbp-filter-count { color: #89d0f2 !important; background: #1d3946 !important; }
html[data-theme="dark"] .seller-filter .item-accordeon.bbp-has-selected { border-color: #30657e !important; }
/* button icons in dark: same colour as the button label */
html[data-theme="dark"] .popup-button.blue svg,
html[data-theme="dark"] .popup-button.blue svg use { fill: var(--d-btn-text) !important; stroke: none !important; }
html[data-theme="dark"] .popup-button:not(.blue) svg,
html[data-theme="dark"] .popup-button:not(.blue) svg use { fill: var(--d-text) !important; stroke: none !important; }
html[data-theme="dark"] .popup-button.gray:hover { background-color: #34465a !important; }
/* seller filter groups: quiet outline instead of a bright one */
html[data-theme="dark"] .seller-filter .accordeon > .item-accordeon { border-color: var(--d-line) !important; background-color: var(--d-surface) !important; }
/* icons in primary buttons: beat the generic dark icon rule (it has three :not() parts) */
html[data-theme="dark"] .popup-button.blue svg:not(.a):not(.b):not(.c),
html[data-theme="dark"] .popup-button.blue svg:not(.a):not(.b):not(.c) use { fill: var(--d-btn-text) !important; }
html[data-theme="dark"] .popup-button:not(.blue) svg:not(.a):not(.b):not(.c),
html[data-theme="dark"] .popup-button:not(.blue) svg:not(.a):not(.b):not(.c) use { fill: var(--d-text) !important; }
html[data-theme="dark"] .count { background: #229ed9 !important; color: #fff !important; }
/* groups with ticked options keep their blue outline (must outrank the quiet-outline rule above) */
html[data-theme="dark"] .seller-filter .accordeon > .item-accordeon.bbp-has-selected { border-color: #439cc7 !important; }
html[data-theme="dark"] .head-social .wrap.share-chat .share-button.twitter::before { background: #f1f4f7; }
html[data-theme="dark"] .head-social .wrap.share-chat .share-button { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .head-social .wrap.share-chat .share-button { border-color: var(--d-line) !important; }
html[data-theme="dark"] .head-social .wrap.share-chat .share-button:hover { background-color: #34465a !important; }
.bbp-toggle-slot { display: block; width: 0; height: 0; }
html[data-theme="dark"] .bbp-slide { background-color: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-slide-bubble { background-color: #34465a !important; }
html[data-theme="dark"] .bbp-slide-offers li.is-best { background-color: #1d3946 !important; border-color: #30657e !important; }
html[data-theme="dark"] .bbp-slide-price em { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-slider-dots button { background: #3f536a; }
html[data-theme="dark"] .bbp-slider-dots button.is-active { background: var(--d-text); }
html[data-theme="dark"] .bbp-slider-arrow:hover { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-slide-offers .bbp-av, html[data-theme="dark"] .bbp-slide-offers .bbp-av * { color: #fff !important; }
html[data-theme="dark"] :is(.menu-button.green, .menu-button.blue, .bbp-btn-primary) svg:not(.a):not(.b):not(.c),
html[data-theme="dark"] :is(.menu-button.green, .menu-button.blue, .bbp-btn-primary) svg:not(.a):not(.b):not(.c) use { fill: var(--d-btn-text) !important; }
html[data-theme="dark"] .bbp-slider-dots button { background-color: #3f536a !important; }
html[data-theme="dark"] .bbp-slider-dots button.is-active { background-color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-composer { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-chip { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-chip:hover { background-color: #34465a !important; }
html[data-theme="dark"] .bbp-chip select,
html[data-theme="dark"] .bbp-chip input,
html[data-theme="dark"] .bbp-req2 .bbp-composer-text { background-color: transparent !important; }
html[data-theme="dark"] .bbp-chip select option { background: var(--d-surface); color: var(--d-text); }
html[data-theme="dark"] .bbp-suggest-chip { border-color: #3f536a !important; }
html[data-theme="dark"] .bbp-suggest-chip:hover { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .popup-send[data-tip]::after { background: var(--d-text); color: var(--d-btn-text); }
html[data-theme="dark"] .bbp-offers { background-color: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-offer { background-color: transparent !important; }
html[data-theme="dark"] .bbp-offer.is-best { background-color: #1d3946 !important; border-color: #30657e !important; }
html[data-theme="dark"] .bbp-offer-price em, html[data-theme="dark"] .bbp-offer-more, html[data-theme="dark"] .bbp-offer-reviews .is-pos { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-offer-top .bbp-av, html[data-theme="dark"] .bbp-offer-top .bbp-av * { color: #fff !important; }
html[data-theme="dark"] .bbp-auction-hint { background: #3a2f1c !important; border-color: #5a4726 !important; color: #f0c98a !important; }
html[data-theme="dark"] .bbp-auction-hint.is-leading { background: #1d3946 !important; border-color: #30657e !important; color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-auction-hint * { color: inherit !important; }
html[data-theme="dark"] .bbp-offers-sort { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-offers-sort button { background-color: transparent !important; }
html[data-theme="dark"] .bbp-offers-sort button.is-active { background-color: #3f536a !important; }
html[data-theme="dark"] .drop-menu.bbp-head-menu > a { background-color: transparent !important; color: var(--d-text) !important; }
html[data-theme="dark"] .drop-menu.bbp-head-menu > a:hover,
html[data-theme="dark"] .drop-menu.bbp-head-menu.active > a { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .drop-menu.bbp-head-menu > a svg, html[data-theme="dark"] .drop-menu.bbp-head-menu > a svg use { fill: var(--d-text) !important; }
/* open header menu button: beat the grouped primary-button rule (its :is() list is very specific) */
html[data-theme="dark"] .popup-container.wide .request-head .drop-menu.bbp-head-menu.bbp-head-menu.bbp-head-menu.bbp-head-menu.bbp-head-menu.active > a { background-color: var(--d-raised) !important; color: var(--d-text) !important; }

/* search: the BlaBlaPrice logo mark (::after image) is dark - invert it; hide the empty suggestions box */
html[data-theme="dark"] .header-search::after,
html[data-theme="dark"] .header-search:after { filter: invert(1) brightness(1.1); }
html[data-theme="dark"] .header-search .autocomplete:not(:has(li a)),
html[data-theme="dark"] .header-search .autocomplete:has(> li:only-child:empty) { display: none !important; }
/* category button chevron */
html[data-theme="dark"] .menu-button svg, html[data-theme="dark"] .menu-button svg use { stroke: var(--d-text) !important; }
html[data-theme="dark"] .bbp-offers-empty-icon { background-color: #1d3946 !important; color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-offers-empty-share .share-button { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-offers-empty-share .share-button.twitter::before { background: #f1f4f7; }
html[data-theme="dark"] .links-horizontal { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .links-horizontal a { color: var(--d-muted) !important; background-color: transparent !important; }
html[data-theme="dark"] .links-horizontal a:hover { color: var(--d-text) !important; }
html[data-theme="dark"] .links-horizontal a.active,
html[data-theme="dark"] .links-horizontal li.active a { background-color: #3f536a !important; color: #fff !important; box-shadow: none; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap:not(.bbp-rated) .popup-send { background-color: #34465a !important; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap:not(.bbp-rated) .button-reviews button { background-color: var(--d-raised) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap:not(.bbp-rated) .popup-send::after { background: var(--d-text); color: var(--d-btn-text); }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap.bbp-rated .popup-send { background-color: var(--d-btn) !important; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap.bbp-rated .popup-send svg, html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap.bbp-rated .popup-send svg use { fill: var(--d-btn-text) !important; }
html[data-theme="dark"] .bbp-rate-chip.is-pos { color: #89d0f2 !important; background: #1d3946 !important; }
html[data-theme="dark"] .bbp-rate-chip.is-neu { color: #d9b44a !important; background: #3a2f1c !important; }
html[data-theme="dark"] .bbp-rate-chip.is-neg { color: #f08a75 !important; background: #3d2320 !important; }
html[data-theme="dark"] .bbp-review-edit { color: #89d0f2 !important; background: none !important; }
html[data-theme="dark"] .name-reviews .reviews { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .bbp-pager .bbp-pager-num,
html[data-theme="dark"] .bbp-pager .bbp-pager-step { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-pager a.bbp-pager-num:hover, html[data-theme="dark"] .bbp-pager a.bbp-pager-step:hover { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-pager .bbp-pager-num.is-current { background-color: var(--d-btn) !important; color: var(--d-btn-text) !important; border-color: var(--d-btn) !important; }
html[data-theme="dark"] .pagination-wrapper.bbp-pager { background: transparent !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps .bbp-edit-comment { color: #89d0f2 !important; background: none !important; }
html[data-theme="dark"] .bbp-list-search, html[data-theme="dark"] .bbp-list-cat select { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-list-search input { background-color: transparent !important; }
html[data-theme="dark"] .bbp-list-cat select option { background: var(--d-surface); }
html[data-theme="dark"] .bbp-list-go { background-color: var(--d-btn) !important; color: var(--d-btn-text) !important; }
html[data-theme="dark"] .bbp-list-result a { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-their-review .bbp-review-head span { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-rate-chip.is-pos { color: #93d08b !important; background: #22391f !important; }
html[data-theme="dark"] .bbp-offer-reviews .is-pos { color: #93d08b !important; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap.bbp-rated .button-reviews button[value="2"] { background-color: #22391f !important; border-color: #3d6a37 !important; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap.bbp-rated .button-reviews button.is-chosen[value="1"] { background-color: #3a2f1c !important; border-color: #5a4726 !important; }
html[data-theme="dark"] .popup-container.wide .request-foot .form-wrap.bbp-rated .button-reviews button.is-chosen[value="0"] { background-color: #3d2320 !important; border-color: #6a3a31 !important; }

html[data-theme="dark"] .bbp-contact-chip { background-color: var(--d-surface) !important; color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-contact-chip span { background-color: var(--d-raised) !important; color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-contact-chip.is-active { background-color: var(--d-btn) !important; color: var(--d-btn-text) !important; border-color: var(--d-btn) !important; }
html[data-theme="dark"] .bbp-contact-chip.is-active span { background-color: var(--d-surface) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-contact-chip.has-action:not(.is-active) span { background-color: #229ed9 !important; color: #fff !important; }
html[data-theme="dark"] .bbp-contact-state.is-action { color: #89d0f2 !important; background: #1d3946 !important; }
html[data-theme="dark"] .bbp-contact-state.is-done { color: #93d08b !important; background: #22391f !important; }
html[data-theme="dark"] .bbp-contact-state.is-refused { color: var(--d-muted) !important; background: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-contact-secondary { background-color: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-contact-person .bbp-av, html[data-theme="dark"] .bbp-contact-person .bbp-av * { color: #fff !important; }
html[data-theme="dark"] .bbp-contact .message .inner { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-contact .message .avatar, html[data-theme="dark"] .bbp-contact .message .avatar * { color: #fff !important; }
html[data-theme="dark"] .bbp-contact-state.is-action { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-contact-state.is-done, html[data-theme="dark"] .bbp-contact-state.is-refused { color: var(--d-muted) !important; background: transparent !important; }
html[data-theme="dark"] .bbp-contact .message .inner { background-color: transparent !important; border-right-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-contact .text-right .message .inner.inner { background-color: transparent !important; border-right-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-contact .bbp-review-head span { color: var(--d-muted) !important; }

html[data-theme="dark"] .bbp-meta { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-meta.is-accent { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-meta.is-warn { color: #d9b44a !important; }
html[data-theme="dark"] .bbp-meta.is-urgent { color: #f08a75 !important; }
html[data-theme="dark"] .bbp-meta.is-empty { color: #56687b !important; }
html[data-theme="dark"] .bbp-meta .bbp-icon { color: inherit !important; stroke: currentColor; }
html[data-theme="dark"] .bbp-meta-btn { background-color: var(--d-raised) !important; border-color: var(--d-line) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-meta-btn.is-quiet { background-color: transparent !important; border-color: transparent !important; color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-new-dot, html[data-theme="dark"] .bbp-new-dot * { color: #fff !important; background-color: #229ed9 !important; }
html[data-theme="dark"] .bbp-new-dot::before { background: #fff !important; }
html[data-theme="dark"] .bbp-contact-remind { background: #3a2f1c !important; color: #f0c98a !important; }
html[data-theme="dark"] .pagination-wrapper.bbp-pager { background-color: rgba(48, 48, 46, .92) !important; border-color: var(--d-line) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .bbp-list-filter-head .bbp-list-search, html[data-theme="dark"] .bbp-list-filter-head .bbp-list-cat select { background-color: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-list-sort select { background-color: var(--d-surface) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-contact-ask span { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-ask-bubble { background-color: #34465a !important; }
html[data-theme="dark"] .bbp-contact-ask.is-theirs .bbp-ask-bubble { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-meta-state.is-done { color: #93d08b !important; }
html[data-theme="dark"] .bbp-meta-state.is-action { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-contact-ask.is-theirs .bbp-ask-bubble.bbp-ask-bubble { background-color: transparent !important; padding: 0 !important; }
html[data-theme="dark"] .bbp-contact-chip.is-warn { color: #f0c98a !important; background-color: #3a2f1c !important; border-color: #5a4726 !important; }
html[data-theme="dark"] .bbp-contact-chip.is-warn span { color: #fff !important; background-color: #d0781f !important; }
html[data-theme="dark"] aside .count.bbp-count-total { background-color: var(--d-raised) !important; color: var(--d-text) !important; }
html[data-theme="dark"] aside .count.bbp-count-total.has-new::after { box-shadow: 0 0 0 2px var(--d-panel); }
html[data-theme="dark"] .request.open-popup.bbp-is-new { border-color: #30657e !important; box-shadow: none !important; }
html[data-theme="dark"] .bbp-seen-chips, html[data-theme="dark"] .bbp-contact-chips { background-color: var(--d-canvas) !important; box-shadow: 0 8px 8px -8px rgba(0,0,0,.5); }
html[data-theme="dark"] #main .center > .blabla-comment.bbp-hint { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-hint-ok { background-color: var(--d-btn) !important; color: var(--d-btn-text) !important; }
html[data-theme="dark"] .bbp-tip.bbp-hint { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .request.open-popup.bbp-is-new { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-new-dot { background-color: #44b3e9 !important; }
html[data-theme="dark"] .bbp-tpl { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-tpl button { background-color: transparent !important; }
html[data-theme="dark"] .bbp-tpl-add { color: #89d0f2 !important; background: transparent !important; border-color: #30657e !important; }
html[data-theme="dark"] .bbp-tpl { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-tpl button { background-color: transparent !important; }
html[data-theme="dark"] .bbp-tpl-add { color: #89d0f2 !important; background: transparent !important; border-color: #30657e !important; }
html[data-theme="dark"] .bbp-contact .bbp-card-meta .bbp-meta-review.is-mine { background-color: #34465a !important; }
html[data-theme="dark"] .bbp-contact-btn { background-color: var(--d-raised) !important; border-color: var(--d-line) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-contact-btn .bbp-icon { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-contact-copy { background-color: transparent !important; border-color: var(--d-line) !important; }
@media (max-width: 991px) {
    html[data-theme="dark"] #header .aside-menu { background-color: var(--d-surface) !important; }
    html[data-theme="dark"] #header .aside-menu a.link.active { background-color: #3f536a !important; color: #fff !important; }
}
html[data-theme="dark"] .bbp-seen-chips, html[data-theme="dark"] .bbp-contact-chips { box-shadow: 12px 0 0 var(--d-canvas), -12px 0 0 var(--d-canvas) !important; }
html[data-theme="dark"] #header .head-main > .menu-button.h-991 { background: var(--d-surface, #26282b) !important; border-color: rgba(255,255,255,.1) !important; color: #d6dee6 !important; }
html[data-theme="dark"] #header .head-main > .menu-button.h-991::before { background: #74c5ec; }
html[data-theme="dark"] #header .head-main > .menu-button.h-991 svg { filter: invert(1); }
html[data-theme="dark"] .bbp-seen-chips > .bbp-list-cat select, html[data-theme="dark"] .bbp-contact-chips > .bbp-list-cat select { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-list-filter-mob .bbp-list-search { background-color: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] #header .aside-menu a.link .count.bbp-count-total { background-color: var(--d-raised) !important; color: var(--d-text) !important; }
html[data-theme="dark"] #header .aside-menu .count.bbp-count-total.has-new::after { box-shadow: 0 0 0 2px var(--d-panel); }
html[data-theme="dark"] .bbp-list-clear { background: #56687b !important; color: #17212b !important; }

/* phones: hamburger lines, underline tabs and light filter chips in the dark theme */
html[data-theme="dark"] #header .head-main > .btn-aside span { background: #d6dee6 !important; }
html[data-theme="dark"] #header .head-main > a.filter-button svg { fill: #d6dee6 !important; }
@media (max-width: 991px) {
    html[data-theme="dark"] #header .aside-menu { background: transparent !important; }
    html[data-theme="dark"] #header .aside-menu a.link { color: #8f9fb0 !important; background: transparent !important; }
    html[data-theme="dark"] #header .aside-menu a.link.active { color: #f1f4f7 !important; background: transparent !important; }
    html[data-theme="dark"] #header .aside-menu a.link.active::after { background: #68bde7 !important; }
    html[data-theme="dark"] #header .aside-menu a.link .count.bbp-count-total { color: #d6dee6 !important; background: rgba(255, 255, 255, .1) !important; }
    html[data-theme="dark"] #header .aside-menu a.link.active .count.bbp-count-total { color: #fff !important; background: #229ed9 !important; }
    html[data-theme="dark"] #header .aside-menu a.link.active .count.bbp-count-total.has-new::after { box-shadow: 0 0 0 2px var(--d-canvas); }
    html[data-theme="dark"] #header { border-bottom-color: rgba(255, 255, 255, .08); }
}
html[data-theme="dark"] .bbp-contact-chip { color: #c3c6ca; background: transparent !important; border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .bbp-contact-chip span { color: #8f9398; background: transparent !important; }
html[data-theme="dark"] .bbp-contact-chip.is-active { color: #a4ddf9 !important; background: rgba(34, 158, 217, .25) !important; border-color: rgba(104, 189, 231, .45) !important; }
html[data-theme="dark"] .bbp-contact-chip.is-active span { color: #a4ddf9 !important; }
html[data-theme="dark"] .bbp-contact-chip.has-action:not(.is-active) span { color: #fff; background: #229ed9 !important; }
html[data-theme="dark"] :is(.bbp-seen-chips, .bbp-contact-chips) > .bbp-list-cat select { background-color: transparent !important; border-color: rgba(255, 255, 255, .14) !important; }
@media (max-width: 991px) {
    html[data-theme="dark"] #aside-left .head .btn-aside-close { background: rgba(255, 255, 255, .08) !important; }
    html[data-theme="dark"] #aside-left .head .btn-aside-close svg { fill: #d6dee6; }
    html[data-theme="dark"] #aside-left .aside-menu a.link,
    html[data-theme="dark"] #aside-left .foot > ul li a,
    html[data-theme="dark"] #aside-left .foot > ul li button,
    html[data-theme="dark"] #aside-left .foot > .link-btn span { color: #f1f4f7 !important; }
    html[data-theme="dark"] #aside-left.active { box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5), -8px 0 32px rgba(0, 0, 0, .5) !important; }
}
/* dark: the count inside an active filter chip has no dark disc */
html[data-theme="dark"] .bbp-seen-chips .bbp-contact-chip.is-active span,
html[data-theme="dark"] .bbp-contact-chips .bbp-contact-chip.is-active span { background: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] .bbp-req-dock { --bbp-dock-bg: var(--d-canvas); }
html[data-theme="dark"] .bbp-req-steps b { color: #a4ddf9; background: rgba(34, 158, 217, .25); }
@media (max-width: 991px) {
    html[data-theme="dark"] #aside-left .head #lang { color: #f1f4f7 !important; background: rgba(255, 255, 255, .08); }
}
/* offer composer in the dark theme */
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps::before { border-color: rgba(255, 255, 255, .16) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .35) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps:focus-within::before { border-color: #68bde7 !important; box-shadow: 0 0 0 4px rgba(104, 189, 231, .18) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps input.input::placeholder,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps textarea.input::placeholder { color: #8f9fb0 !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps:not(.bbp-step-comment):not(.bbp-ready) .popup-send,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(.bbp-has-comment) .popup-send { background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps:not(.bbp-step-comment):not(.bbp-ready) .popup-send svg,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(.bbp-has-comment) .popup-send svg { fill: #6f7378 !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps .list-files-uploaded label.input-file { color: #f1f4f7 !important; background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps { background: transparent !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-ready:not(.bbp-step-comment) .bbp-add-comment,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment.bbp-has-comment .popup-send,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-ready:not(.bbp-step-comment) .popup-send { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-req-perks li { color: #b9bcc0; }
html[data-theme="dark"] .bbp-req-perks b { color: #f1f4f7; }
html[data-theme="dark"] .bbp-perk-ic { color: #a4ddf9 !important; background: rgba(34, 158, 217, .25) !important; }
html[data-theme="dark"] .bbp-example-toggle { color: #f1f4f7; background: transparent !important; border-color: rgba(255, 255, 255, .18); }

/* phones, dark theme: the same slate canvas as Telegram Night under the list */
@media (max-width: 991px) {
    html[data-theme="dark"] body,
    html[data-theme="dark"] #vue-app,
    html[data-theme="dark"] #main,
    html[data-theme="dark"] #header,
    html[data-theme="dark"] .bbp-seen-chips,
    html[data-theme="dark"] .bbp-contact-chips { background-color: #17212b !important; }
    html[data-theme="dark"] .bbp-seen-chips,
    html[data-theme="dark"] .bbp-contact-chips { box-shadow: 12px 0 0 #17212b, -12px 0 0 #17212b !important; }
    html[data-theme="dark"] .bbp-req-dock { --bbp-dock-bg: #17212b; }
    html[data-theme="dark"] #header .aside-menu a.link.active .count.bbp-count-total.has-new::after { box-shadow: 0 0 0 2px #17212b; }
    html[data-theme="dark"] #main::before, html[data-theme="dark"] body::before { background-image: none !important; }
}
@media (max-width: 991px) {
    html[data-theme="dark"] #vue-app #header,
    html[data-theme="dark"] #vue-app .request-head #header { background-color: #17212b !important; }
    /* the input itself paints no box inside the rounded search */
    html[data-theme="dark"] #header .head-main > .header-search input { background: transparent !important; }
}

/* ---------- full-test fixes (2026-09-28), dark theme ---------- */
html[data-theme="dark"] .bbp-contacts-none { color: #8f9fb0 !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-chip select,
html[data-theme="dark"] .bbp-req-dock .bbp-chip input { background-color: transparent !important; }
html[data-theme="dark"] .page-settings .accordeon-settings { background: transparent !important; }
html[data-theme="dark"] .page-settings .accordeon-settings .item-accordeon { background: var(--d-surface) !important; border-color: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .page-settings > h2.heading { color: #f1f4f7 !important; }
html[data-theme="dark"] .page-settings .accordeon-settings .text-small { color: #8f9fb0 !important; }
html[data-theme="dark"] .bbp-rep { color: #8f9fb0; }
html[data-theme="dark"] .bbp-rep b.is-pos { color: #5cc98a; }
html[data-theme="dark"] .bbp-rep b.is-neg { color: #ef7b6e; }
html[data-theme="dark"] .bbp-filter-actions { background: rgba(23, 33, 43, .92) !important; border-color: rgba(255, 255, 255, .1); box-shadow: 0 8px 28px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .bbp-filter-actions .bbp-filter-clear { color: #b9bcc0; }
html[data-theme="dark"] .seller-filter .bbp-filter-intro .bbp-title { color: #f1f4f7 !important; }
html[data-theme="dark"] .seller-filter .bbp-filter-intro p { color: #8f9fb0; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer { border-color: rgba(255, 255, 255, .16) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .35) !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer:focus-within { border-color: #68bde7 !important; box-shadow: 0 0 0 4px rgba(104, 189, 231, .18) !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer-bar .bbp-chip { background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer-send .bbp-btn-primary { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer-text::placeholder { color: #8f9fb0; }
html[data-theme="dark"] #main .bbp-req-dock .bbp-composer-send button.bbp-btn-primary { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] #main .bbp-req-dock .bbp-composer-send button.bbp-btn-primary svg { fill: #fff !important; color: #fff !important; }
html[data-theme="dark"] .bbp-req-perks li { color: #f1f4f7; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer-opts .bbp-chip { background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer-opts .bbp-chip select, html[data-theme="dark"] .bbp-req-dock .bbp-composer-opts .bbp-chip input { background-color: transparent !important; }
html[data-theme="dark"] .bbp-error { background: var(--d-surface) !important; border-color: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .bbp-error-code { color: #3f536a; }
html[data-theme="dark"] .bbp-error .bbp-title { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-error p { color: #8f9fb0; }
html[data-theme="dark"] .bbp-error-home { color: #f1f4f7; background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] #main .bbp-error .menu-button.bbp-error-main { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] #main .bbp-error .bbp-error-code { color: #56687b !important; }
html[data-theme="dark"] .bbp-plan .bbp-badge { color: #a4ddf9 !important; background: rgba(34, 158, 217, .25) !important; }
html[data-theme="dark"] .bbp-plan.is-featured { border: 2px solid #68bde7 !important; }
html[data-theme="dark"] .bbp-balance-card { color: #f1f4f7; background: rgba(34, 158, 217, .22) !important; }
html[data-theme="dark"] .bbp-balance-ic { color: #a4ddf9; background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .name-reviews .bbp-rep b.is-pos, html[data-theme="dark"] .bbp-rep b.is-pos { color: #5cc98a !important; }
html[data-theme="dark"] .name-reviews .bbp-rep b.is-neg, html[data-theme="dark"] .bbp-rep b.is-neg { color: #ef7b6e !important; }
html[data-theme="dark"] .page-contact input, html[data-theme="dark"] .page-contact textarea { border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .bbp-contact-chip.is-warn.is-active { color: #fff !important; background: #d0781f !important; border-color: #d0781f !important; }
html[data-theme="dark"] .bbp-mail-link { color: #89d0f2; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group:not(.bbp-steps) .popup-send { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] #main .bbp-req-dock .bbp-composer-send button.bbp-btn-primary svg { color: #fff !important; stroke: #fff !important; }
html[data-theme="dark"] .bbp-assist-chip { color: #a4ddf9 !important; background: rgba(34, 158, 217, .25) !important; }
html[data-theme="dark"] .bbp-assist-seller { color: #89d0f2; }
html[data-theme="dark"] .bbp-assist-text { color: #f1f4f7; }
html[data-theme="dark"] #main .bbp-assist-seller { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-assist-chip.is-popular { color: #f1f4f7 !important; background: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .bbp-chat-bubble { color: #f1f4f7; background: #2b3b4c !important; }
html[data-theme="dark"] .bbp-chat-title { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-cat-chip { color: #a4ddf9 !important; background: rgba(34, 158, 217, .18) !important; border-color: rgba(104, 189, 231, .5) !important; }
html[data-theme="dark"] .bbp-cat-chip .bbp-icon { color: #a4ddf9 !important; }
html[data-theme="dark"] .bbp-cat-chip.is-set { background: rgba(34, 158, 217, .3) !important; }
html[data-theme="dark"] .bbp-catpick-sheet { background: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-catpick-head { border-color: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .bbp-catpick-title, html[data-theme="dark"] .bbp-catpick-item { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-catpick-back, html[data-theme="dark"] .bbp-catpick-close { color: #f1f4f7; background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .bbp-catpick-item:hover { background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] .bbp-home-note { color: #f0a36b; }
html[data-theme="dark"] .bbp-filter-count { color: #fff !important; background: #229ed9 !important; }
@media (max-width: 991px) { html[data-theme="dark"] #header .head-main > a.filter-button .bbp-filter-count { box-shadow: 0 0 0 2px #17212b; } }
html[data-theme="dark"] #main a.menu-button.bbp-new-request, html[data-theme="dark"] #main .bbp-new-request { color: #fff !important; background: #229ed9 !important; border-color: #229ed9 !important; }
html[data-theme="dark"] .bbp-menu-extend { color: #f1f4f7 !important; background: transparent !important; }
html[data-theme="dark"] .bbp-menu-extend:hover { background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] .bbp-contact-btn, html[data-theme="dark"] .bbp-contact-copy { background: transparent !important; border-color: transparent !important; }

/* ---------- "Мій AI-агент" and the API docs ---------- */
html[data-theme="dark"] .bbp-agent-card { background: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-agent-lead p, html[data-theme="dark"] .bbp-agent-head h3, html[data-theme="dark"] .bbp-agent-step h4,
html[data-theme="dark"] .bbp-agent-text, html[data-theme="dark"] .bbp-agent-log li, html[data-theme="dark"] .bbp-agent code,
html[data-theme="dark"] .bbp-api code, html[data-theme="dark"] .bbp-agent-secret.is-new p, html[data-theme="dark"] .bbp-api-table { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-agent-muted, html[data-theme="dark"] .bbp-agent-lead p.bbp-agent-muted, html[data-theme="dark"] .bbp-agent-meta,
html[data-theme="dark"] .bbp-agent-log-when, html[data-theme="dark"] .bbp-agent-log-what span { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-agent-tile, html[data-theme="dark"] .bbp-agent-code, html[data-theme="dark"] .bbp-agent code, html[data-theme="dark"] .bbp-api code,
html[data-theme="dark"] .bbp-agent-pill { background: var(--d-raised) !important; color: var(--d-text) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-agent-pill { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-agent-code code, html[data-theme="dark"] .bbp-agent-code pre { background: transparent !important; }
html[data-theme="dark"] .bbp-agent-pill.is-on, html[data-theme="dark"] .bbp-agent-secret.is-new { background: #1d3946 !important; color: #89d0f2 !important; border-color: #28566c !important; }
html[data-theme="dark"] .bbp-agent-secret.is-new .bbp-agent-code { background: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-agent-copy, html[data-theme="dark"] .bbp-agent-text a, html[data-theme="dark"] .bbp-agent-note a { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-agent-btn { color: var(--d-text) !important; background: transparent !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-agent-btn:hover { background: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-agent-btn.is-primary { color: var(--d-btn-text) !important; background: var(--d-btn) !important; border-color: var(--d-btn) !important; }
html[data-theme="dark"] .bbp-agent-btn.is-danger { color: #f08a7e !important; background: transparent !important; border-color: transparent !important; }
html[data-theme="dark"] .bbp-agent-input { color: var(--d-text) !important; background: var(--d-raised) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-agent-note { color: #f0c89a !important; background: #3a2e1f !important; border-color: #5a4326 !important; }
html[data-theme="dark"] .bbp-agent-log li, html[data-theme="dark"] .bbp-agent-step, html[data-theme="dark"] .bbp-api-table td, html[data-theme="dark"] .bbp-api-table tr { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-agent-log li.is-error b { color: #f08a7e !important; }
html[data-theme="dark"] .bbp-agent > h2.heading { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-edit-label { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-edit-chips .bbp-agent-btn { color: #89d0f2 !important; background: #1d3946 !important; border-color: #28566c !important; }
html[data-theme="dark"] .bbp-clarity-dots i { background: var(--d-line) !important; }
html[data-theme="dark"] .bbp-clarity-dots i.on { background: #89d0f2 !important; }
html[data-theme="dark"] .bbp-clarity { color: var(--d-muted) !important; }
html[data-theme="dark"] #main .blabla-comment.bbp-held .text b, html[data-theme="dark"] .bbp-agent-note b { color: #f08a7e !important; }
html[data-theme="dark"] .bbp-clarity-card { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-home-composer .bbp-assist-chip.is-selected { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-offers-clarity { color: var(--d-text) !important; background: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-offers-held .bbp-offers-empty-title { color: #f08a7e !important; }
html[data-theme="dark"] .bbp-clarity { --lvl: #f0786f; --lvl-soft: rgba(217, 83, 79, .18); --bar-off: rgba(255, 255, 255, .14); }
html[data-theme="dark"] .bbp-clarity.lvl-2 { --lvl: #f29a58; --lvl-soft: rgba(224, 120, 47, .18); }
html[data-theme="dark"] .bbp-clarity.lvl-3 { --lvl: #e6bc45; --lvl-soft: rgba(201, 146, 14, .18); }
html[data-theme="dark"] .bbp-clarity.lvl-4 { --lvl: #86c776; --lvl-soft: rgba(79, 154, 69, .2); }
html[data-theme="dark"] .bbp-clarity.lvl-5 { --lvl: #5cc98a; --lvl-soft: rgba(35, 145, 74, .22); }
html[data-theme="dark"] .bbp-clarity-text { color: var(--d-muted) !important; font-weight: 500 !important; }
html[data-theme="dark"] .bbp-clarity-text b { color: var(--lvl) !important; font-weight: 700 !important; }
html[data-theme="dark"] .bbp-offers-empty-share .share-chat { background: none !important; border: 0 !important; box-shadow: none !important; }
html[data-theme="dark"] .bbp-req-edit-link { color: #89d0f2 !important; }
html[data-theme="dark"] .popup-container.wide .bbp-check-msg .text p.bbp-check-title,
html[data-theme="dark"] .popup-container.wide .bbp-check-msg .text p.bbp-check-lead,
html[data-theme="dark"] .bbp-crit-label { color: var(--d-text) !important; }
html[data-theme="dark"] .popup-container.wide .bbp-check-msg .text p.bbp-check-title.is-held { color: #f08a7e !important; }
html[data-theme="dark"] .popup-container.wide .bbp-check-msg .text p.bbp-check-text,
html[data-theme="dark"] .bbp-crit-eg { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-crit li { --c: #f0786f; }
html[data-theme="dark"] .bbp-crit li.is-ok { --c: #5cc98a; }
html[data-theme="dark"] .bbp-crit li.is-partly { --c: #e6bc45; }
html[data-theme="dark"] .bbp-popup-edit-text { color: var(--d-text) !important; }
html[data-theme="dark"] .request-body .text-right .message .inner a.bbp-req-edit-link { color: #89d0f2 !important; }
html[data-theme="dark"] .seller-filter .bbp-filter-search { background: var(--d-surface) !important; border-color: var(--d-line) !important; color: var(--d-muted) !important; }
html[data-theme="dark"] .seller-filter .bbp-filter-search-input { color: var(--d-text) !important; }
html[data-theme="dark"] .seller-filter .bbp-fgroup-toggle { color: var(--d-muted) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .seller-filter .bbp-fgroup.is-partial .bbp-fgroup-toggle,
html[data-theme="dark"] .seller-filter .bbp-fgroup-head:has(input:checked) .bbp-fgroup-toggle { color: #89d0f2 !important; border-color: rgba(137, 208, 242, .45) !important; }
html[data-theme="dark"] .seller-filter .bbp-fgroup-leaves { border-right-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-crit li { --c: #f0a05e; }
html[data-theme="dark"] .bbp-crit li.is-partly { --c: #e6bc45; }
html[data-theme="dark"] .bbp-crit-more { color: var(--d-muted) !important; }
html[data-theme="dark"] .seller-filter mark.bbp-hl { color: #1f2326 !important; background: #e6bc45 !important; }
html[data-theme="dark"] .bbp-steps { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-steps li.is-done { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-steps li::before { border-color: rgba(137, 208, 242, .35); border-top-color: #89d0f2; }
html[data-theme="dark"] .bbp-steps li.is-done::before { background: #2fa35c; }
html[data-theme="dark"] .bbp-check-delta.is-up { color: #5cc98a !important; }
html[data-theme="dark"] .bbp-check-delta.is-down { color: #f0a05e !important; }
html[data-theme="dark"] .bbp-check-delta.is-same { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-popup-edit .bbp-popup-edit-text, html[data-theme="dark"] .bbp-popup-edit .bbp-popup-edit-text:focus { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; }
html[data-theme="dark"] .bbp-help { border-top-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-done { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-invite-btn { color: var(--d-text) !important; background: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-invite-btn.bbp-invite-native { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-invite-btn.bbp-invite-copy.is-done { color: #5cc98a !important; }
html[data-theme="dark"] .bbp-done li.is-live .bbp-live-text { color: #fff !important; }
html[data-theme="dark"] .bbp-done li.is-live::before { border-color: rgba(137, 208, 242, .35); border-top-color: #89d0f2; }

/* request popup: opened contacts and "Домовились" (owner 2026-10-01) */
html[data-theme="dark"] .bbp-offer-contacts { background: var(--d-raised) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-offer-contacts.is-refused { background: transparent !important; }
html[data-theme="dark"] .bbp-offer-deal-note, html[data-theme="dark"] .bbp-offer-deal.is-refused { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-offer-deal.is-agreed { color: #8fd18a !important; }
html[data-theme="dark"] .bbp-offers-done { background: #24321f !important; border-color: #3d5a31 !important; color: #a8dd9f !important; }
/* "Купую | Продаю" (owner 2026-10-02) */
html[data-theme="dark"] .bbp-mode { background: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-mode-btn { color: var(--d-muted) !important; background: transparent !important; }
html[data-theme="dark"] .bbp-mode-btn.is-active { color: var(--d-text) !important; background: var(--d-surface) !important; box-shadow: none !important; }
/* Google-only sign-in card, settings (owner 2026-10-02) */
html[data-theme="dark"] .bbp-google-btn { background: var(--d-surface) !important; border-color: var(--d-line) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-auth-text, html[data-theme="dark"] .bbp-auth-note, html[data-theme="dark"] .bbp-set-hint, html[data-theme="dark"] .bbp-set-google, html[data-theme="dark"] .bbp-set-share { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-set-card { background: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-set-row input, html[data-theme="dark"] .bbp-set-row select { background: var(--d-raised) !important; border-color: var(--d-line) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-set-status.is-ok { color: #8fd18a !important; }
html[data-theme="dark"] .bbp-set-status.is-error { color: #f0a08f !important; }
/* buyer's contact channels for sellers (owner 2026-10-02) */
html[data-theme="dark"] .bbp-buyer-channels, html[data-theme="dark"] .bbp-bc-lead { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-bc-chip { background: var(--d-raised) !important; color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-bc-chip .bbp-icon { color: #89d0f2 !important; }
/* offers: optional price, held by the check (owner 2026-10-02) */
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps .bbp-price-chip.is-empty { background: transparent !important; color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-offer-price b.bbp-no-price { color: var(--d-muted) !important; }
html[data-theme="dark"] .blabla-comment.bbp-held .text p { color: #f0b08f !important; }
/* seller popup verdict (owner 2026-10-02) */
html[data-theme="dark"] .bbp-offer-check.is-held .text p.bbp-check-title { color: #f0a08f !important; }
html[data-theme="dark"] .bbp-offer-reasons { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-check-msg .text p.bbp-check-hint { color: var(--d-muted) !important; }

/* offers ranked by benefit to the buyer (owner 2026-10-02) */
html[data-theme="dark"] .bbp-rank-best { background-color: #274d5f !important; color: #a5dcf6 !important; }
html[data-theme="dark"] .bbp-offer-stated, html[data-theme="dark"] .bbp-offers-note { color: #aab6c2 !important; }
html[data-theme="dark"] .bbp-offer-stated span { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-done li.bbp-done-place.is-top { color: #89d0f2 !important; }

/* request photo (owner 2026-10-02) */
html[data-theme="dark"] .bbp-req-photo-add { background-color: var(--d-raised) !important; border-color: #34465a !important; color: #aab6c2 !important; }
html[data-theme="dark"] .bbp-req-photo-del { border-color: #1f2c3a !important; background-color: #3f536a !important; }
html[data-theme="dark"] .bbp-req-photo-note { background-color: #3f536a !important; }

/* a seller without points (owner 2026-10-02) */
html[data-theme="dark"] .bbp-offer-unpaid .bbp-unpaid-why { color: #e7b46a !important; }

/* "Запроси друга" (owner 2026-10-02) */
html[data-theme="dark"] .aside-menu .count.bbp-invite-plus { color: #fff !important; background: #229ed9 !important; }

/* category article (owner 2026-10-02, SEO) */
html[data-theme="dark"] .bbp-cat-article a, html[data-theme="dark"] .bbp-cat-links li a { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-cat-faq details p, html[data-theme="dark"] .bbp-cat-links h3, html[data-theme="dark"] .bbp-cat-links-up { color: #aab6c2 !important; }

/* chat openings, progress, journey (owner 2026-10-02) */
html[data-theme="dark"] .bbp-say-av { fill: #f1f4f7; }
html[data-theme="dark"] .bbp-say-title, html[data-theme="dark"] .bbp-say-text { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-progress-pills li { color: #f1f4f7 !important; background: #1f2c3a !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-progress-pills li.is-hot { background: #3a2f1f !important; border-color: #5a4628 !important; }
html[data-theme="dark"] .bbp-progress-pills li.is-top { color: #89d0f2 !important; background: #1d3946 !important; border-color: #2b5c74 !important; }
html[data-theme="dark"] .bbp-journey li { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-journey li.is-done { color: #aab6c2 !important; }
html[data-theme="dark"] .bbp-journey li span { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-journey li.is-done span { color: #aab6c2 !important; }
html[data-theme="dark"] .bbp-auth-draft { color: #89d0f2 !important; background: #1d3946 !important; }
html[data-theme="dark"] .bbp-toast { background: #1f2c3a !important; border-color: var(--d-line) !important; box-shadow: 0 14px 34px rgba(0, 0, 0, .5) !important; }
html[data-theme="dark"] .bbp-toast.is-error { background: #2e2a22 !important; border-color: #5a4628 !important; }
html[data-theme="dark"] .bbp-toast-body p { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-toast-x:hover { background: #2c3a48 !important; }
html[data-theme="dark"] #main .request.open-popup .request-head .controls button { color: #8495a7 !important; background: transparent !important; }
html[data-theme="dark"] #main .request.open-popup:hover .request-head .controls button { color: #f1f4f7 !important; background: transparent !important; }
/* the web app (owner 2026-10-03) */
html[data-theme="dark"] .bbp-notify-ask, html[data-theme="dark"] .bbp-ios-card { background: #1f2c3a !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-notify-ask p, html[data-theme="dark"] .bbp-ios-title, html[data-theme="dark"] .bbp-ios-card ol { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-notify-ic { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-notify-yes { color: #fff !important; background: var(--d-btn) !important; }
/* its words are spans: a dark rule for spans painted them light on the light button */
html[data-theme="dark"] .bbp-notify-yes span { color: inherit !important; }
html[data-theme="dark"] .bbp-notify-x:hover { background: #2c3a48 !important; }
html[data-theme="dark"] .bbp-notify-row b, html[data-theme="dark"] .bbp-metrics-funnel b, html[data-theme="dark"] .bbp-metrics-table { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-metrics-table tr.is-now td { background: #2b2e33 !important; }
/* "Мій прайс" (owner 2026-10-03) */
html[data-theme="dark"] .bbp-pl-ask { background: #1f2c3a !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-pl-ask p, html[data-theme="dark"] .bbp-pl-stats b, html[data-theme="dark"] .bbp-pl-name, html[data-theme="dark"] .bbp-pl-price, html[data-theme="dark"] .bbp-pl-preview p, html[data-theme="dark"] .bbp-pl-auto { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-pl-stats li, html[data-theme="dark"] .bbp-pl-preview, html[data-theme="dark"] .bbp-pl-file { background: #2b2e33 !important; border-color: #44474c !important; }
html[data-theme="dark"] .bbp-pl-form input[type="url"], html[data-theme="dark"] .bbp-pl-tpl textarea, html[data-theme="dark"] .bbp-pl-search input, html[data-theme="dark"] .bbp-pl-manual input, html[data-theme="dark"] .bbp-pl-manual textarea { color: #f1f4f7 !important; background: #1d1f22 !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-pl-bar { background: #2c3a48 !important; }
html[data-theme="dark"] .bbp-offer-src { color: #89d0f2 !important; background: #1d3946 !important; }
html[data-theme="dark"] .bbp-pl-t-ok { color: #7fd19b !important; }
html[data-theme="dark"] .bbp-pl-t-wait { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-pl-t-warn { color: #e49a8f !important; }
html[data-theme="dark"] .bbp-pl-ask-hint { color: #e8c27a !important; }
html[data-theme="dark"] .bbp-pl-table td { color: #f1f4f7 !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-pl-table th { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-pl-table.is-example td, html[data-theme="dark"] .bbp-pl-t-cat { color: #8f9fb0 !important; }
html[data-theme="dark"] .bbp-pl-table tr.is-ask td, html[data-theme="dark"] .bbp-pl-table tr.is-ask { background: #2e2818 !important; }
html[data-theme="dark"] .bbp-offer-src.is-similar { color: #e8c27a !important; background: #3a2f1a !important; }
html[data-theme="dark"] .bbp-pl-status.is-ok, html[data-theme="dark"] .bbp-pl-items small { color: #7fd19b !important; }
html[data-theme="dark"] .bbp-pl-status.is-busy, html[data-theme="dark"] .bbp-pl-items li.is-wait small { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-pl-items li.is-off small, html[data-theme="dark"] .bbp-pl-items li.is-gone small { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-pl-remove { color: #f08a80 !important; }

html[data-theme="dark"] .bbp-nav .bbp-nav-group { color: #8f9fb0 !important; }
html[data-theme="dark"] .bbp-nav .bbp-nav-sep { background: var(--d-line) !important; }
html[data-theme="dark"] .bbp-nav a .count.bbp-nav-bal { color: #f1f4f7 !important; background: #2e3136 !important; }
html[data-theme="dark"] .bbp-nav a.bbp-nav-new { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-nav a.bbp-nav-new svg { stroke: #89d0f2 !important; }
html[data-theme="dark"] .bbp-crit-fold > summary { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-rate-hint { color: #e49a8f !important; }
html[data-theme="dark"] aside .count.bbp-count-dot, html[data-theme="dark"] #header .aside-menu .count.bbp-count-dot { background: #89d0f2 !important; }

html[data-theme="dark"] .bbp-nav .bbp-nav-side { background: var(--d-surface) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-nav-head { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-nav-head .icon svg { fill: #c9cbcf !important; }
html[data-theme="dark"] .bbp-nav-head .count.bbp-count-total { color: #f1f4f7 !important; background: #2c3a48 !important; }
html[data-theme="dark"] .bbp-nav-head .count.bbp-count-total.has-new::after { background: #89d0f2; box-shadow: 0 0 0 2px var(--d-surface); }
html[data-theme="dark"] .bbp-nav-head .count.bbp-count-dot { background: #89d0f2 !important; }
html[data-theme="dark"] .bbp-nav-side .bbp-nav-sub a.link:hover { background: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-nav-side .bbp-nav-sub a.link.active { background: var(--d-raised) !important; box-shadow: none !important; }

html[data-theme="dark"] .bbp-theme-pick button { color: #f1f4f7 !important; background: #1f2c3a !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-theme-pick button.is-on { color: #a4ddf9 !important; background: rgba(34, 158, 217, .25) !important; border-color: rgba(104, 189, 231, .45) !important; }
html[data-theme="dark"] .bbp-theme-row .icon { color: #d6dee6; }

html[data-theme="dark"] .bbp-head-gift { color: #d6dee6 !important; }
html[data-theme="dark"] .bbp-head-gift.is-on { color: #a4ddf9 !important; background: rgba(34, 158, 217, .25) !important; }
html[data-theme="dark"] .bbp-headswitch .bbp-mode-n { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-headswitch .bbp-mode-btn { text-decoration: none !important; }
/* the header switch on the black phone header: a dark track, the side you are on lighter */
html[data-theme="dark"] .bbp-headswitch .bbp-mode { background: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-headswitch .bbp-mode-btn.is-active { color: #fff !important; background: #34465a !important; }
html[data-theme="dark"] .seller-filter .bbp-filter-search { box-shadow: 0 0 0 10px var(--d-canvas) !important; }
@media (max-width: 991px) { html[data-theme="dark"] .seller-filter .bbp-filter-search { box-shadow: 0 0 0 10px #17212b !important; } }

html[data-theme="dark"] .bbp-journey li { --bar: #c9cbcf; }
html[data-theme="dark"] .bbp-journey li::before { background: linear-gradient(-90deg, var(--bar) 0 var(--fill, 0%), #2c3a48 var(--fill, 0%) 100%) !important; }
html[data-theme="dark"] .bbp-journey li.is-now, html[data-theme="dark"] .bbp-journey li.is-now span { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-journey li.tone-bad { --bar: #e86a52; }
html[data-theme="dark"] .bbp-journey li.tone-ok { --bar: #e3b44e; }
html[data-theme="dark"] .bbp-journey li.tone-good { --bar: #4fb173; }
html[data-theme="dark"] .bbp-journey li:is(.tone-bad, .tone-ok, .tone-good), html[data-theme="dark"] .bbp-journey li:is(.tone-bad, .tone-ok, .tone-good) span { color: #f1f4f7 !important; }

/* the colourful mark keeps its colours: no inverting; the logo with light text instead */
html[data-theme="dark"] .bbp-logo-light { display: none !important; }
html[data-theme="dark"] .bbp-logo-dark { display: inline-block !important; filter: none !important; }
html[data-theme="dark"] .blabla-comment::before, html[data-theme="dark"] .blabla-comment:before,
html[data-theme="dark"] .request.open-popup .blabla-comment::before { filter: none !important; }

html[data-theme="dark"] .bbp-av.bbp-av-photo, html[data-theme="dark"] .avatar.bbp-av-photo { background: #2b3b4c !important; }
html[data-theme="dark"] .bbp-set-av-remove { color: #8495a7; }

/* the Telegram tiles keep their colours and white glyphs in the dark theme */
html[data-theme="dark"] .tg-ic, html[data-theme="dark"] .bbp-agent-tile.tg-ic, html[data-theme="dark"] .bbp-perk-ic.tg-ic, html[data-theme="dark"] .bbp-notify-ic.tg-ic { background: var(--c, #8e8e93) !important; color: #fff !important; }
html[data-theme="dark"] .tg-ic .bbp-icon, html[data-theme="dark"] .tg-ic .bbp-moon, html[data-theme="dark"] .tg-ic .bbp-sun { color: #fff !important; stroke: #fff !important; }
html[data-theme="dark"] .tg-ic svg:not(.bbp-icon):not(.bbp-moon):not(.bbp-sun), html[data-theme="dark"] .tg-ic svg:not(.bbp-icon) use { fill: #fff !important; }
html[data-theme="dark"] .bbp-nav-head .icon.tg-ic svg, html[data-theme="dark"] .bbp-nav-head .icon.tg-ic svg use { fill: #fff !important; }

html[data-theme="dark"] #aside-left .tg-ic { background: #56687b !important; }
html[data-theme="dark"] #aside-left a.active .tg-ic, html[data-theme="dark"] #aside-left a.link.active .tg-ic, html[data-theme="dark"] #aside-left .bbp-nav-side.is-here > .bbp-nav-head .tg-ic { background: var(--c, #8e8e93) !important; }

html[data-theme="dark"] #aside-left .bbp-nav-side > .bbp-nav-head .tg-ic { background: var(--c, #8e8e93) !important; }

html[data-theme="dark"] .bbp-journey li { --bar: #2aabee; }
html[data-theme="dark"] .bbp-journey li.tone-bad { --bar: #e86a52; }
html[data-theme="dark"] .bbp-journey li.tone-ok { --bar: #e3b44e; }
html[data-theme="dark"] .bbp-journey li.tone-good { --bar: #4fb173; }
html[data-theme="dark"] .bbp-journey li::before { background: linear-gradient(-90deg, var(--bar) 0 var(--fill, 0%), #1d3946 var(--fill, 0%) 100%) !important; }

html[data-theme="dark"] .popup-container.wide .request-head .title { color: #f1f4f7 !important; }
html[data-theme="dark"] .popup-container.wide .request-head .from { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-head-saved { color: #7cc995 !important; }
html[data-theme="dark"] .bbp-archive-btn { color: #89d0f2 !important; }

html[data-theme="dark"] .bbp-set-to { color: #f1f4f7 !important; background-color: #1f2c3a !important; border-color: var(--d-line) !important; }

/* stronger than the :is(.close-popup-all, … .inner.inner) "raised" rule above */
html[data-theme="dark"] .popup-container .request-head .title a.close-popup-all.bbp-head-back.bbp-head-back { color: var(--d-text) !important; background-color: transparent !important; }
html[data-theme="dark"] .popup-container .request-head .title a.close-popup-all.bbp-head-back.bbp-head-back:hover { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .request-head .title .close-popup-all.bbp-head-back svg { fill: none !important; stroke: var(--d-text) !important; }

html[data-theme="dark"] .bbp-steps-line li::before { background: #2c3a48; }
html[data-theme="dark"] .bbp-steps-line li.is-now::before { background: linear-gradient(#2aabee, #2c3a48); }
html[data-theme="dark"] .bbp-step-dot { border-color: #5a5e63; }
html[data-theme="dark"] .bbp-steps-line li.is-now .bbp-step-dot { background: #2aabee; border-color: #2aabee; }
html[data-theme="dark"] .bbp-steps-line li:not(.is-now) .bbp-step-text { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-step-now { color: #89d0f2 !important; background: rgba(34, 158, 217, .22) !important; }

html[data-theme="dark"] #aside-left .foot > .link-btn:hover { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .bbp-auth-note a { color: #89d0f2 !important; }

/* the request popup's edit field: the chat's colour under it and a soft fade above, no hard seam (visual QA 2026-10-04) */
html[data-theme="dark"] .popup-container.wide > .bbp-req-dock.bbp-popup-edit { position: relative; z-index: 2; background: #17212b !important; border-top: 0 !important; box-shadow: none !important; }
html[data-theme="dark"] .popup-container.wide > .bbp-req-dock.bbp-popup-edit::before {
    content: ""; position: absolute; right: 0; left: 0; bottom: 100%; height: 40px; pointer-events: none;
    background: linear-gradient(to bottom, rgba(23, 33, 43, 0), #17212b 55%);
}

html[data-theme="dark"] .bbp-block-buyer { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-menu-danger { color: #ff7a6e !important; }

/* button hierarchy (owner 2026-10-05): the important buttons are Telegram blue in the dark theme too */
html[data-theme="dark"] :is(.bbp-open-contacts, .bbp-agree, .bbp-card-cta, .bbp-plan-btn, .bbp-contact-do.bbp-btn-primary,
    .page-contact .popup-button.blue, .bbp-agent-btn.is-primary, .bbp-set-actions .bbp-btn-primary, .bbp-filter-save,
    .bbp-pl-manual .bbp-btn-primary, .bbp-pl-add, .bbp-pl-tpl .bbp-btn-primary, .bbp-empty .bbp-new-request):not(#bbp-none) {
    background-color: #229ed9 !important; border-color: #229ed9 !important; color: #fff !important; /* white on it 4.6:1 (owner 2026-10-09) */
}
html[data-theme="dark"] :is(.bbp-open-contacts, .bbp-agree, .bbp-card-cta, .bbp-plan-btn, .bbp-contact-do.bbp-btn-primary,
    .page-contact .popup-button.blue, .bbp-agent-btn.is-primary, .bbp-set-actions .bbp-btn-primary, .bbp-filter-save,
    .bbp-pl-manual .bbp-btn-primary, .bbp-pl-add, .bbp-pl-tpl .bbp-btn-primary, .bbp-empty .bbp-new-request):not(#bbp-none) * { color: #fff !important; }
html[data-theme="dark"] :is(.bbp-open-contacts, .bbp-agree, .bbp-card-cta, .bbp-plan-btn, .bbp-contact-do.bbp-btn-primary,
    .page-contact .popup-button.blue, .bbp-agent-btn.is-primary, .bbp-set-actions .bbp-btn-primary, .bbp-filter-save,
    .bbp-pl-manual .bbp-btn-primary, .bbp-pl-add, .bbp-pl-tpl .bbp-btn-primary, .bbp-empty .bbp-new-request):not(#bbp-none) :is(svg, svg use) { fill: #fff !important; }

html[data-theme="dark"] #main .request.open-popup.bbp-row { background: transparent !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row:hover { background: #202b36 !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row.bbp-is-open { background: rgba(42, 171, 238, .18) !important; }
html[data-theme="dark"] .bbp-row-title { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-row-sub { color: #93a3b3 !important; }
html[data-theme="dark"] .bbp-row-sub .bbp-row-cat { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-row-sub .is-warn { color: #f0a050 !important; }
html[data-theme="dark"] .bbp-row-time { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-row-badge { color: #fff !important; background: #3b4d61 !important; }
html[data-theme="dark"] .bbp-is-new .bbp-row-badge, html[data-theme="dark"] .bbp-row-badge.is-review { background: #229ed9 !important; }
html[data-theme="dark"] .bbp-row-av.is-cat, html[data-theme="dark"] .bbp-row-av.is-cat * { color: #fff !important; }
html[data-theme="dark"] .bbp-row-av.is-cat svg, html[data-theme="dark"] .bbp-row-av.is-cat svg * { stroke: #fff !important; fill: none !important; }

html[data-theme="dark"] .bbp-row-offer { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-row-ticks { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-row-ticks.is-seen { color: #2aabee !important; }
html[data-theme="dark"] .bbp-row-ticks svg path { fill: none !important; stroke: currentColor !important; }

html[data-theme="dark"] .popup-container .request-head.has-av .bbp-head-av-row > a.close-popup-all.bbp-head-back.bbp-head-back { color: var(--d-text) !important; background-color: transparent !important; }
html[data-theme="dark"] .popup-container .request-head.has-av .bbp-head-av-row > a.close-popup-all.bbp-head-back.bbp-head-back:hover { background-color: var(--d-raised) !important; }
html[data-theme="dark"] .request-head.has-av .bbp-head-av-row > .close-popup-all.bbp-head-back svg { fill: none !important; stroke: var(--d-text) !important; }

html[data-theme="dark"] .bbp-row-sub .is-error { color: #f08a7e !important; }

html[data-theme="dark"] .bbp-row-sub .bbp-row-cat { color: inherit !important; }
html[data-theme="dark"] .bbp-row-third.is-mine .bbp-row-sub, html[data-theme="dark"] .bbp-row-third.is-mine .bbp-row-offer { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-row-contact { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-row-contact .bbp-icon { color: #8495a7 !important; }

html[data-theme="dark"] .bbp-row-sub .bbp-row-name { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-row-badge.is-fresh { background: #229ed9 !important; }
html[data-theme="dark"] .bbp-row-badge.is-total, html[data-theme="dark"] .bbp-is-new .bbp-row-badge.is-total { background: #3b4d61 !important; }

html[data-theme="dark"] .bbp-acc-meta, html[data-theme="dark"] .bbp-acc-chev { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-pl-dlg { color: #f1f4f7 !important; background: #17212b !important; box-shadow: 0 24px 64px rgba(0, 0, 0, .55) !important; }
html[data-theme="dark"] .bbp-pl-dlg::backdrop { background: rgba(0, 0, 0, .6); }
html[data-theme="dark"] .bbp-pl-dlg-head h3, html[data-theme="dark"] .bbp-pl-dlg-back { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-pl-dlg input, html[data-theme="dark"] .bbp-pl-dlg textarea { color: #f1f4f7 !important; background: #242f3d !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-pl-dlg .bbp-pl-ask-hint { color: #e9b45c !important; }
html[data-theme="dark"] .bbp-pl-edit-link { color: #5eb5f7 !important; }

html[data-theme="dark"] .bbp-google-btn.is-loading::before { border-color: #3b4d61; border-top-color: #2aabee; }
html[data-theme="dark"] .bbp-soft-bar { background: #2aabee; }

html[data-theme="dark"] .drop-menu.bbp-head-menu.bbp-head-trash > a svg, html[data-theme="dark"] .drop-menu.bbp-head-menu.bbp-head-trash > a svg path { fill: none !important; stroke: var(--d-text) !important; }
html[data-theme="dark"] .popup-container.wide .request-head .drop-menu.bbp-head-menu.bbp-head-trash.is-on > a { color: #ff7a6e !important; background-color: #3a2326 !important; }
html[data-theme="dark"] .drop-menu.bbp-head-menu.bbp-head-trash.is-on > a svg path { stroke: #ff7a6e !important; }
html[data-theme="dark"] .bbp-say-text a { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-pl-tpl-cap { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-pl-tpl-item { color: #8495a7 !important; border-color: #3b4d61 !important; }
html[data-theme="dark"] .bbp-pl-tpl-item b { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-pl-preview .bbp-tpl-b:not(:empty), html[data-theme="dark"] .bbp-pl-preview .bbp-tpl-a { background: rgba(42, 171, 238, .18) !important; }

html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) { background: #1f2c3a !important; border-color: rgba(255, 255, 255, .16) !important; box-shadow: none !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none):focus-within { border-color: #2aabee !important; box-shadow: 0 0 0 4px rgba(42, 171, 238, .18) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) .list-files-uploaded label.input-file { background: #2b3b4c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab6c2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3Z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important; border-color: #34465a !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) .popup-send, html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) .popup-send.blue { background: #229ed9 !important; }
html[data-theme="dark"] .bbp-popup-edit .bbp-composer:not(#bbp-none) .bbp-composer-send button.bbp-update-btn { background: #229ed9 !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) .popup-send svg, html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) .popup-send svg path { fill: none !important; stroke: #fff !important; }

html[data-theme="dark"] .bbp-row-ic { color: #fff !important; }
html[data-theme="dark"] .bbp-row-ic.is-review { color: #2aabee !important; }

html[data-theme="dark"] #main .request.open-popup.bbp-row { --ring: #17212b; }
html[data-theme="dark"] #main .request.open-popup.bbp-row:hover { --ring: #202b36; }
html[data-theme="dark"] #main .request.open-popup.bbp-row.bbp-is-open { --ring: #1a3a4e; }

html[data-theme="dark"] #main .request.open-popup.bbp-row:not(.bbp-is-new) .bbp-row-ic:not(.is-review) { background: #3b4d61 !important; color: #c5ced8 !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row:not(.bbp-is-new) .bbp-row-ic.is-review { color: #5b6e82 !important; }

html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-ic.is-review svg path:not([stroke]) { fill: #2aabee !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row:not(.bbp-is-new) .bbp-row-ic.is-review svg path:not([stroke]) { fill: #5b6e82 !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-ic.is-review svg ellipse { fill: #fff !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-ic.is-review svg path[stroke] { fill: none !important; stroke: #fff !important; }

html[data-theme="dark"] .bbp-seen-chips .bbp-filter-chip svg, html[data-theme="dark"] .bbp-seen-chips .bbp-filter-chip svg use { fill: currentColor !important; }

html[data-theme="dark"] .bbp-lift-btn { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-lift-have { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-row-lift { color: #2aabee !important; }

html[data-theme="dark"] .bbp-invite-btn.bbp-invite-native::before { background: #fff !important; }
html[data-theme="dark"] .bbp-share-link { color: #6ab3f3 !important; }

/* QA 2026-10-05: the row's marks keep their colours in the dark (a generic rule painted them white) */
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-ticks:not(#bbp-none) svg path { fill: none !important; stroke: #8495a7 !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-ticks.is-seen:not(#bbp-none) svg path { stroke: #2aabee !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-lift:not(#bbp-none) svg, html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-lift:not(#bbp-none) svg * { fill: none !important; stroke: #2aabee !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark:not(#bbp-none), html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark:not(#bbp-none) .bbp-icon { background: none !important; box-shadow: none !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark.is-best:not(#bbp-none) .bbp-icon, html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark.is-best:not(#bbp-none) .bbp-icon * { color: #2aabee !important; stroke: #2aabee !important; fill: none !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark.is-outbid:not(#bbp-none) .bbp-icon, html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark.is-outbid:not(#bbp-none) .bbp-icon * { color: #f0a050 !important; stroke: #f0a050 !important; fill: none !important; }
@media (min-width: 992px) {
    html[data-theme="dark"] .bbp-seen-chips.bbp-has-more::after { background: linear-gradient(to left, rgba(23, 33, 43, 0), #17212b) !important; }
}

/* QA 2026-10-06 */
html[data-theme="dark"] #main .request.open-popup.bbp-row .bbp-row-mark.is-warn:not(#bbp-none) { color: #f0a050 !important; }
@media (max-width: 991px) {
    html[data-theme="dark"] .bbp-seen-chips.bbp-more-right::after, html[data-theme="dark"] .bbp-contact-chips.bbp-more-right::after { background: linear-gradient(to left, rgba(23, 33, 43, 0), #17212b) !important; }
    html[data-theme="dark"] .bbp-seen-chips.bbp-more-left::before, html[data-theme="dark"] .bbp-contact-chips.bbp-more-left::before { background: linear-gradient(to right, rgba(23, 33, 43, 0), #17212b) !important; }
}
html[data-theme="dark"] .bbp-popup-error { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-popup-error a { color: #6ab3f3 !important; }

html[data-theme="dark"] .bbp-row-rv { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-row-rv i.is-pos { background: #4cc764 !important; }

html[data-theme="dark"] .bbp-row-reply { color: #f1f4f7 !important; background: #2b3b4c !important; }
html[data-theme="dark"] .bbp-row-reply i.is-pos { background: #4cc764 !important; }
html[data-theme="dark"] .bbp-nav-switch .bbp-mode-n { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .bbp-nav-switch .bbp-mode-btn { text-decoration: none !important; }
/* the left menu's switch as the phone header's; no card under the items (owner 2026-10-06) */
html[data-theme="dark"] .bbp-nav-switch .bbp-mode { background: var(--d-surface) !important; }
html[data-theme="dark"] .bbp-nav-switch .bbp-mode-btn { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-nav-switch .bbp-mode-btn.is-active { color: #fff !important; background: #34465a !important; }
html[data-theme="dark"] .bbp-nav.bbp-nav-switched .bbp-nav-side { background: transparent !important; border: 0 !important; }
/* active menu items and the switches' active half are #1f2c3a (owner 2026-10-06); the switch's track is #344556 (owner's pick)
   with a thin outline of the same colour so the active half stands out on the sidebar and in the header alike */
html[data-theme="dark"] #aside-left a.link.active,
html[data-theme="dark"] #aside-left .bbp-nav-side .bbp-nav-sub a.link.active { background: #1f2c3a !important; box-shadow: none !important; }
html[data-theme="dark"] #aside-left .bbp-nav a.link:not(.active):hover,
html[data-theme="dark"] #aside-left .bbp-nav-side .bbp-nav-sub a.link:not(.active):hover { background: rgba(255, 255, 255, .04) !important; }
html[data-theme="dark"] .bbp-mode,
html[data-theme="dark"] :is(.bbp-nav-switch, .bbp-headswitch) .bbp-mode { background: #344556 !important; box-shadow: inset 0 0 0 1px #1f2c3a !important; }
html[data-theme="dark"] .bbp-mode-btn.is-active,
html[data-theme="dark"] :is(.bbp-nav-switch, .bbp-headswitch) .bbp-mode-btn.is-active { color: #fff !important; background: #1f2c3a !important; }
/* owner 2026-10-06: the chip row's arrows and left edge; fewer blue marks; the price list's ticks only are green */
html[data-theme="dark"] .bbp-seen-chips > .bbp-chips-arrow, html[data-theme="dark"] .bbp-contact-chips > .bbp-chips-arrow { color: var(--d-text) !important; background: var(--d-raised) !important; border-color: var(--d-line) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .4) !important; }
@media (min-width: 992px) {
    html[data-theme="dark"] .bbp-seen-chips.bbp-has-more::after { background: linear-gradient(to left, rgba(23, 33, 43, 0), #17212b) !important; }
    html[data-theme="dark"] .bbp-seen-chips.bbp-more-left::before { background: linear-gradient(to right, rgba(23, 33, 43, 0), #17212b) !important; }
}
html[data-theme="dark"] .aside-menu .count.bbp-invite-plus { color: var(--d-text) !important; background: var(--d-raised) !important; }
html[data-theme="dark"] #header .aside-menu a.link.active .count.bbp-count-total { color: #fff !important; background: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .bbp-pl-status.is-ok, html[data-theme="dark"] .bbp-pl-t-ok { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-pl-items small { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-tick { color: #7fd19b !important; }
html[data-theme="dark"] .aside-menu .count.bbp-invite-plus { background: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] .bbp-agent-how { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-agent-examples li { color: #fff !important; background: #2b5278 !important; }
/* the popups' preloader in the dark: a dark veil, so changing popups does not flash (owner 2026-10-06) */
html[data-theme="dark"] .preloader:before { background-color: rgba(23, 33, 43, .6) !important; }
html[data-theme="dark"] .bbp-pl-edit-link.is-del { color: #f08a80 !important; }
/* «Шаблон відповіді» in the dark (owner 2026-10-06: «фони однакові і все змивається»): the fields are darker wells,
   the product's place is a blue dashed slot, the preview is the seller's message as the buyer gets it */
html[data-theme="dark"] .bbp-pl-tpl textarea { color: #f1f4f7 !important; background: #121b25 !important; border: 1px solid #34465a !important; }
html[data-theme="dark"] .bbp-pl-tpl textarea:focus { border-color: #229ed9 !important; outline: none; }
html[data-theme="dark"] .bbp-pl-tpl textarea::placeholder { color: #6f8193 !important; }
html[data-theme="dark"] .bbp-pl-tpl-item { color: #9fb3c6 !important; background: rgba(34, 158, 217, .1) !important; border: 1px dashed #3a7aa3 !important; }
html[data-theme="dark"] .bbp-pl-tpl-item svg { color: #5eb5f7 !important; }
html[data-theme="dark"] .bbp-pl-tpl .bbp-pl-preview { background: #2b5278 !important; border: 0 !important; border-radius: 16px 16px 4px 16px !important; }
html[data-theme="dark"] .bbp-pl-tpl .bbp-pl-preview p { color: #fff !important; }
html[data-theme="dark"] .bbp-pl-tpl .bbp-pl-preview .bbp-say-name { color: #a9d4f5 !important; }
html[data-theme="dark"] .bbp-pl-preview .bbp-tpl-b:not(:empty), html[data-theme="dark"] .bbp-pl-preview .bbp-tpl-a { background: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .bbp-pl-tpl-cap { color: #f1f4f7 !important; }
/* dark-auto.css draws the old ring for the dark theme: the mark here too */
html[data-theme="dark"] .preloader:before { background-image: url('/blabla/img/mark.svg?v=1') !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-theme="dark"] .preloader:before { background-image: url('/blabla/img/loader.svg?v=2') !important; }
html[data-theme="dark"] .bbp-skel { background: #17212b !important; }
html[data-theme="dark"] .bbp-skel-head { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-skel-h b, html[data-theme="dark"] .bbp-skel-say b { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-skel-h span, html[data-theme="dark"] .bbp-skel-text { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-ai-tip { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-ai-tip a { color: #5eb5f7 !important; }
/* the popup's edit field on wide popups: its dark strip runs the whole width (QA 2026-10-06, 2560 px) */
html[data-theme="dark"] .popup-container.wide .bbp-popup-edit.bbp-req-dock { box-shadow: 0 0 0 100vmax #17212b !important; clip-path: inset(0 -100vmax) !important; }
/* QA round 3, phones (2026-10-06): the menu separator shows, the withdraw icon is red like its word, the count reads */
html[data-theme="dark"] .bbp-nav .bbp-nav-sep { background: var(--d-line) !important; }
html[data-theme="dark"] .bbp-menu-extend.bbp-menu-danger svg, html[data-theme="dark"] .bbp-menu-extend.bbp-menu-danger svg use { fill: currentColor !important; }
html[data-theme="dark"] .bbp-row-badge.is-total, html[data-theme="dark"] .bbp-is-new .bbp-row-badge.is-total { color: #fff !important; background: #50647a !important; }
html[data-theme="dark"] .bbp-deal { background: linear-gradient(-135deg, #2a2f2b, #1f2c3a) !important; border-color: #4a4430 !important; }
html[data-theme="dark"] .bbp-deal-title, html[data-theme="dark"] .bbp-deal-text { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-deal-coins i { background: #4a5a6b; border-color: #1f2c3a; }
html[data-theme="dark"] .bbp-deal.is-gifted .bbp-deal-coins i { background: linear-gradient(-135deg, #ffd25a, #f5a623) !important; }
html[data-theme="dark"] .bbp-deal-steps li { color: #8495a7 !important; background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] .bbp-deal-steps li.is-on { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-deal-pinned { color: #5eb5f7 !important; }
html[data-theme="dark"] .bbp-deal-rules { color: #f1f4f7 !important; background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] .bbp-deal-keep-btn { color: #fff !important; }
html[data-theme="dark"] .bbp-keep-on { color: #ffd27a !important; background: rgba(245, 166, 35, .14) !important; }
html[data-theme="dark"] .bbp-keep-rules { color: #f1f4f7 !important; background: rgba(245, 166, 35, .08) !important; border-color: #4a4430 !important; }
html[data-theme="dark"] .bbp-keep-why { color: #f08a80 !important; }
html[data-theme="dark"] .bbp-tip { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] .bbp-soft-btn { color: #6ab3f3 !important; background: rgba(106, 179, 243, .14) !important; }
html[data-theme="dark"] .bbp-tip .bbp-keep-on { color: #f1f4f7 !important; background: none !important; }
html[data-theme="dark"] .bbp-tip .bbp-keep-rules { color: #f1f4f7 !important; background: none !important; border: 0 !important; }
html[data-theme="dark"] .bbp-tip .bbp-invite-btn { background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .bbp-cm-box { background: #1f2c3a !important; box-shadow: 0 10px 40px rgba(0, 0, 0, .5) !important; }
html[data-theme="dark"] .bbp-cm-item { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-cm-item.is-danger { color: #f08a80 !important; }
html[data-theme="dark"] .bbp-cm-title { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-cm-note { color: #f1f4f7 !important; }
@media (hover: hover) { html[data-theme="dark"] .bbp-cm-item:hover { background: rgba(255, 255, 255, .06) !important; } }
html[data-theme="dark"] .bbp-tip.is-ai { background: rgba(34, 158, 217, .12) !important; box-shadow: inset 0 0 0 1px rgba(34, 158, 217, .35) !important; }
html[data-theme="dark"] .bbp-soft-btn.is-accent { color: #fff !important; background: #2b8fd0 !important; }
html[data-theme="dark"] .bbp-chat-pitch { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-set-delete .bbp-del-open { color: #f08a80 !important; }
/* «Купую | Продаю» by the owner's sample (2026-10-07): a thin outline with air inside, the chosen half #1f2c3a outlined the same */
html[data-theme="dark"] .bbp-mode,
html[data-theme="dark"] :is(.bbp-nav-switch, .bbp-headswitch) .bbp-mode { background: transparent !important; border: 1px solid #3b4d60 !important; box-shadow: none !important; }
html[data-theme="dark"] .bbp-mode-btn.is-active,
html[data-theme="dark"] :is(.bbp-nav-switch, .bbp-headswitch) .bbp-mode-btn.is-active { color: #fff !important; background: #1f2c3a !important; box-shadow: 0 0 0 1px #3b4d60 !important; }
/* Telegram Night by the owner's sample (2026-10-07): the side panels are the darkest (#0e1621), the list a step lighter
   (#17212b), and one Telegram selection blue #2b5278 marks «here / mine» — the chosen menu item, the chosen half of the
   switch, the open card and your own message; the numbers stay grey */
html[data-theme="dark"] #aside-left, html[data-theme="dark"] #aside-left .wrap { background-color: #0e1621 !important; }
html[data-theme="dark"] .popup-container.wide,
html[data-theme="dark"] .popup-container.wide :is(.request-head, .request-body, .tabs-block, .tab-answer, .tab-spam, .tab-share, .request-foot) { background-color: #0e1621 !important; }
html[data-theme="dark"] .bbp-skel { background: #0e1621 !important; }
html[data-theme="dark"] #aside-left a.link.active,
html[data-theme="dark"] #aside-left .bbp-nav-side .bbp-nav-sub a.link.active { color: #fff !important; background: #2b5278 !important; box-shadow: none !important; }
html[data-theme="dark"] #aside-left a.link.active .count.bbp-count-total { color: #fff !important; background: rgba(255, 255, 255, .16) !important; }
html[data-theme="dark"] .bbp-mode,
html[data-theme="dark"] :is(.bbp-nav-switch, .bbp-headswitch) .bbp-mode { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-mode-btn.is-active,
html[data-theme="dark"] :is(.bbp-nav-switch, .bbp-headswitch) .bbp-mode-btn.is-active { color: #fff !important; background: #2b5278 !important; box-shadow: none !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row.bbp-is-open { background: #2b5278 !important; --ring: #2b5278; }
html[data-theme="dark"] .request-body .text-right .message .inner,
html[data-theme="dark"] .request-body .text-right .message .inner.inner { color: #fff !important; background-color: #2b5278 !important; }
html[data-theme="dark"] .popup-container.wide .bbp-req-dock.bbp-popup-edit { background-color: #0e1621 !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row.bbp-is-open :is(.bbp-row-time, .bbp-row-sub) { color: #b8cadc !important; }
/* the edit field's strip: the popup's own colour, and it runs only rightwards — the field starts at the popup's left edge,
   a strip running left covered the menu's account row and the list's composer in the two-column view */
html[data-theme="dark"] .popup-container.wide .bbp-popup-edit.bbp-req-dock { background-color: #0e1621 !important; box-shadow: 0 0 0 100vmax #0e1621 !important; clip-path: inset(0 -100vmax 0 0) !important; }
html[data-theme="dark"] .popup-container.wide > .bbp-req-dock.bbp-popup-edit::before { background: linear-gradient(to bottom, rgba(14, 22, 33, 0), #0e1621 55%) !important; }
/* the input field takes the neighbouring panel's colour (owner 2026-10-07, by his sketch): on the list (#17212b) it is
   the panels' #0e1621, in the popup (#0e1621) the list's #17212b; «Оновити» is blue text */
html[data-theme="dark"] #main > .center .bbp-composer:not(#bbp-none),
html[data-theme="dark"] #main > .center .bbp-composer:not(#bbp-none) textarea { background-color: #0e1621 !important; }
html[data-theme="dark"] .popup-container.wide .bbp-composer:not(#bbp-none),
html[data-theme="dark"] .popup-container.wide .bbp-composer:not(#bbp-none) textarea,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) { background-color: #17212b !important; }
html[data-theme="dark"] .bbp-popup-edit .bbp-composer:not(#bbp-none) .bbp-composer-send button.bbp-update-btn { color: #5eb5f7 !important; background: transparent !important; }
html[data-theme="dark"] .bbp-popup-edit .bbp-composer:not(#bbp-none) .bbp-composer-send button.bbp-update-btn.is-loading { color: transparent !important; }
html[data-theme="dark"] .bbp-ai-tip-ic, html[data-theme="dark"] .bbp-ai-tip-ic .bbp-icon { color: #fff !important; }
html[data-theme="dark"] .bbp-say-note { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-offer-match { color: #b8c4d0 !important; background: #2b3b4c !important; }
html[data-theme="dark"] .bbp-offer-match.is-full { color: #7fd99a !important; background: rgba(76, 199, 100, .16) !important; }
html[data-theme="dark"] .bbp-offer-match.is-low { color: #f2b56b !important; background: rgba(247, 154, 53, .16) !important; }
html[data-theme="dark"] .bbp-offer-why { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-pl-match label { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-pl-match label b { color: #5eb5f7 !important; }
html[data-theme="dark"] .bbp-pl-match input[type="range"] { background: linear-gradient(-90deg, #229ed9 0 var(--fill, 50%), #2c3a48 var(--fill, 50%) 100%) !important; }
html[data-theme="dark"] .bbp-pl-match input[type="range"]::-webkit-slider-thumb { background: #17212b; }
html[data-theme="dark"] .bbp-done li.bbp-intent .bbp-intent-fix { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-think-text { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-think-text.is-error { color: #ff7a6e !important; }
html[data-theme="dark"] .blabla-comment.bbp-think::before { filter: none !important; }
html[data-theme="dark"] .bbp-prepop { background: #0e1621 !important; box-shadow: 1px 0 0 var(--d-line) !important; }
html[data-theme="dark"] .bbp-prepop-head { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-prepop-h b { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-prepop-h span, html[data-theme="dark"] .bbp-prepop-name { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-prepop-bubble { color: #fff !important; background: #2b5278 !important; }
html[data-theme="dark"] .bbp-prepop .blabla-comment.bbp-think,
html[data-theme="dark"] .bbp-prepop .blabla-comment.bbp-think .text { background: transparent !important; box-shadow: none !important; border: 0 !important; }
html[data-theme="dark"] .bbp-help-msg .bbp-invite-btn:not(.bbp-invite-native) { color: #fff; background: #17212b; }
html[data-theme="dark"] .bbp-help-msg .bbp-soft-btn { color: #89d0f2; background: rgba(137, 208, 242, .14); }
html[data-theme="dark"] .bbp-help-msg .bbp-invite-btn:not(.bbp-invite-native) { background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .bbp-prepop-head { background: #0e1621 !important; }
html[data-theme="dark"] .bbp-prepop-back { color: #f1f4f7; }
html[data-theme="dark"] .bbp-prepop-meta { color: #8495a7; }
html[data-theme="dark"] .bbp-prepop-meta b { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-prepop-dots { color: #f1f4f7; border-color: var(--d-line); }
html[data-theme="dark"] .bbp-row-av.is-nocat { background: #2c3a48 !important; }
html[data-theme="dark"] .bbp-row-av.is-cat, html[data-theme="dark"] .bbp-row-ic { background: color-mix(in oklab, var(--c, #8e8e93) 38%, #33404e) !important; }
html[data-theme="dark"] .bbp-row-av.is-cat svg, html[data-theme="dark"] .bbp-row-av.is-cat svg * { stroke: #e3e9ee !important; }
html[data-theme="dark"] .bbp-journey li.tone-bad { --bar: color-mix(in oklab, #e86a52 55%, #33404e); }
html[data-theme="dark"] .bbp-journey li.tone-ok { --bar: color-mix(in oklab, #e3b44e 55%, #33404e); }
html[data-theme="dark"] .bbp-journey li.tone-good { --bar: color-mix(in oklab, #4fb173 55%, #33404e); }
/* ---------- the borders left from the old theme made quiet (owner 2026-10-07): Telegram Night lines barely show ---------- */
html[data-theme="dark"] { --d-line: #212d3a; }
html[data-theme="dark"] .item-accordeon, html[data-theme="dark"] #aside-right .item-accordeon { border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-assist-chip.is-popular,
html[data-theme="dark"] .bbp-contact-chip:not(.is-active),
html[data-theme="dark"] :is(.bbp-seen-chips, .bbp-contact-chips) > .bbp-list-cat select,
html[data-theme="dark"] .bbp-example-toggle,
html[data-theme="dark"] .page-contact input, html[data-theme="dark"] .page-contact textarea { border-color: rgba(255, 255, 255, .07) !important; }
html[data-theme="dark"] .bbp-composer, html[data-theme="dark"] .bbp-req-dock .bbp-composer,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps::before,
html[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) { border-color: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .bbp-req-photo-add { border-color: var(--d-line) !important; }
/* the home page's step dots stay visible: they are shapes, not borders */
html[data-theme="dark"] .bbp-step-dot { border-color: #3d4c5c !important; }
html[data-theme="dark"] .bbp-steps-line li.is-now .bbp-step-dot { border-color: #2aabee !important; }
/* without the old borders the fields show by their own darker fill, as in Telegram */
html[data-theme="dark"] :is(.bbp-set-card, .bbp-agent-card, .bbp-agent, .page-settings, .page-contact, .seller-filter, .bbp-pl-form, .bbp-pl-tpl, .bbp-pl-manual, .bbp-pl-search) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not(.bbp-filter-search-input), select, textarea) { background-color: #17212b !important; }
html[data-theme="dark"] .bbp-rail-btn span { background: #f1f4f7 !important; }
html[data-theme="dark"] body.bbp-rail-open #aside-left { box-shadow: -12px 0 32px rgba(0, 0, 0, .5) !important; }
html[data-theme="dark"] .bbp-headswitch.has-search .bbp-head-search { color: #d6dee6 !important; }
html[data-theme="dark"] .bbp-headswitch.is-searching .bbp-head-q { background: var(--d-surface) !important; }
html[data-theme="dark"] body.bbp-split #header .head-main > .btn-aside span { background: #f1f4f7 !important; }
/* ---------- QA round 2026-10-08 (dark) ---------- */
/* ☰ in the split head is seen (it was #1f2326 on #17212b) */
html[data-theme="dark"] body.bbp-split:is(:has(.popup-wrapper.active > .popup-content.request.active), :has(.bbp-prepop)) #header .head-main > .btn-aside span { background: #c3cdd7 !important; }
html[data-theme="dark"] body.bbp-split:is(:has(.popup-wrapper.active > .popup-content.request.active), :has(.bbp-prepop)).bbp-rail-open #aside-left { background-color: #17212b !important; box-shadow: 0 0 28px rgba(0, 0, 0, .55) !important; }
html[data-theme="dark"] body.bbp-split:is(:has(.popup-wrapper.active > .popup-content.request.active), :has(.bbp-prepop)).bbp-rail-open::before { background: rgba(0, 0, 0, .45) !important; }
/* the secondary text stays secondary (the broad white reset flattened it) */
/* the id kept out of :is(), or its weight beat the reply template's own light name on the blue bubble (2.65:1) */
html[data-theme="dark"] :is(.bbp-say-name, .bbp-ai-tip, .bbp-ai-tip > span, .bbp-step-text, .bbp-row-time, .bbp-auth-note) { color: var(--d-muted) !important; }
html[data-theme="dark"] #aside-right .links a { color: var(--d-muted) !important; }
/* controls keep their shape without the old borders */
html[data-theme="dark"] .bbp-google-btn { color: #1f2326 !important; background: #fff !important; border-color: #fff !important; }
html[data-theme="dark"] .bbp-google-btn * { color: #1f2326 !important; }
html[data-theme="dark"] :is(.bbp-agent-btn:not(.is-primary):not(.is-danger), .bbp-contact-chip:not(.is-active)) { background-color: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .1) !important; }
/* the request's field over the chat fades in instead of cutting the text */
html[data-theme="dark"] .popup-container.wide .bbp-req-dock.is-fixed { background: linear-gradient(to bottom, rgba(14, 22, 33, 0), #0e1621 28px) !important; }
html[data-theme="dark"] .popup-content .bbp-popup-error { background: #0e1621 !important; }
html[data-theme="dark"] .bbp-web-item { background: #17212b !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .popup-container.wide .bbp-check-msg .text a.bbp-web-name { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-web-why, .bbp-web-meta) { color: #8495a7 !important; }
html[data-theme="dark"] :is(.bbp-web-match, .bbp-web-meta a) { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-done.bbp-worksteps li[data-vis="work"]::before { border-color: rgba(137, 208, 242, .35); border-top-color: #89d0f2; }
html[data-theme="dark"] .bbp-worksteps li[data-vis="work"] .bbp-step-w, html[data-theme="dark"] .bbp-worksteps .bbp-step-r, html[data-theme="dark"] .bbp-step-chev { color: var(--d-muted) !important; }
html[data-theme="dark"] .popup-container.wide .request-body_inner .bbp-check-msg .text p.bbp-web-trust { color: #5fcf86 !important; }
html[data-theme="dark"] .bbp-price-row { background: #17212b !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-price-sum { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-price-shop, .popup-container.wide .request-body_inner .bbp-check-msg .text p.bbp-price-what) { color: #8495a7 !important; }
html[data-theme="dark"] :is(.bbp-ask-opt, .bbp-ask-own) { color: #f1f4f7 !important; background: #17212b !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] :is(.bbp-ask-opt.is-skip, .bbp-ask-opt.is-own) { color: #8495a7 !important; }
html[data-theme="dark"] .bbp-ask-opt[aria-pressed="true"] { color: #fff !important; background: #2b5278 !important; border-color: #2b5278 !important; }
html[data-theme="dark"] .bbp-ask-preview { background: rgba(106, 179, 243, .1) !important; }
html[data-theme="dark"] .bbp-ask-again { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-call-btn { color: #6ab3f3 !important; background: rgba(106, 179, 243, .12) !important; }
html[data-theme="dark"] .bbp-call-card { background: #17212b !important; }
html[data-theme="dark"] :is(.bbp-call-name, .bbp-call-num) { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-call-say { color: #a9b6c3 !important; }
html[data-theme="dark"] .bbp-call-pop { background: rgba(0, 0, 0, .6) !important; }
/* an offer's price on the card (2026-10-09) */
html[data-theme="dark"] .bbp-offer-price .bbp-offer-sum { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-offer-price .bbp-offer-sum small, .bbp-offer-sum-note, .bbp-offer-date) { color: var(--d-muted) !important; }
/* the chips' side bands wider than the gap beside them (2026-10-09) */
html[data-theme="dark"] .bbp-seen-chips, html[data-theme="dark"] .bbp-contact-chips { box-shadow: 20px 0 0 var(--d-canvas), -20px 0 0 var(--d-canvas) !important; }
html[data-theme="dark"] .bbp-price-similar, html[data-theme="dark"] .bbp-price-similar span { color: #f0b46e !important; }
html[data-theme="dark"] .bbp-price-similar span { background: rgba(240, 180, 110, .14) !important; }
/* the questions' panel over the request's field (2026-10-09) */
html[data-theme="dark"] .bbp-ask-pop { background: #17212b !important; border-color: #2c3a48 !important; box-shadow: 0 -10px 30px rgba(0, 0, 0, .45) !important; }
html[data-theme="dark"] :is(.bbp-ask-pop-head b, .bbp-ask-pop p.bbp-ask-title) { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-ask-pop-lead, .bbp-ask-pop-x) { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-ask-pop .bbp-ask-opt:not([aria-pressed="true"]) { background: #0e1621 !important; }
html[data-theme="dark"] :is(.bbp-ask-opt.is-skip, .bbp-ask-opt.is-own):not([aria-pressed="true"]) { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-req-dock .bbp-composer.is-asking { border-color: #68bde7 !important; box-shadow: 0 0 0 4px rgba(104, 189, 231, .18) !important; }
html[data-theme="dark"] .bbp-ask-fly { background: #2b5278 !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .45) !important; }
html[data-theme="dark"] body.bbp-split #main { scrollbar-color: rgba(255, 255, 255, .18) transparent; }
/* the web's one list (2026-10-09) */
html[data-theme="dark"] .bbp-web-sort { background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] .bbp-web-sort button { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-web-sort button.is-active { color: #f1f4f7 !important; background: #2b5278 !important; box-shadow: none !important; }
html[data-theme="dark"] .bbp-price-match { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-price-row p.bbp-web-trust { color: #6fd08c !important; }
/* the one list (2026-10-09) */
html[data-theme="dark"] .bbp-price-row.is-ours { border-color: #2b5278 !important; }
html[data-theme="dark"] a.bbp-price-what-link, html[data-theme="dark"] :is(.bbp-call-mail, .bbp-call-site) { color: #6ab3f3 !important; }
/* a web company's profile (2026-10-09) */
html[data-theme="dark"] :is(.bbp-company-card, .bbp-company-block) { background: #17212b !important; border-color: #2c3a48 !important; }
html[data-theme="dark"] :is(.bbp-company-name, .bbp-company-title, .bbp-company-ask, .bbp-company-rv-top span, .bbp-company-rv-text) { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-company-kind, .bbp-company-line, .bbp-company-note, .bbp-company-rv-top) { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-company-contact { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-company-text { color: #f1f4f7 !important; background: #0e1621 !important; border-color: #2c3a48 !important; }
html[data-theme="dark"] .bbp-company-rv { border-top-color: #2c3a48 !important; }
/* a personal offer's chat (2026-10-09) */
html[data-theme="dark"] .bbp-row-price, html[data-theme="dark"] .bbp-chat-rv { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-chat-bubble { color: #fff !important; background: #2b5278 !important; }
html[data-theme="dark"] .bbp-chat-myreview { background: #17212b !important; border-color: #2c3a48 !important; }
html[data-theme="dark"] :is(.bbp-chat-sub, .bbp-chat-label, .bbp-personal-note) { color: var(--d-muted) !important; }
/* the review under the opened contacts (2026-10-09) */
html[data-theme="dark"] .bbp-crv .bbp-company-text { background: #0e1621 !important; }
html[data-theme="dark"] .bbp-crv-mine { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-crv-label, .bbp-crv-note) { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-crv-note a { color: #6ab3f3 !important; }
/* «Це моя компанія» (2026-10-09) */
html[data-theme="dark"] .bbp-company-claim { color: #6ab3f3 !important; background: rgba(106, 179, 243, .14) !important; }
html[data-theme="dark"] :is(.bbp-company-note.is-ok, .bbp-claim-state.is-ok) { color: #7bd88f !important; }
html[data-theme="dark"] .bbp-claim-state.is-wait { color: #e0b05c !important; }
html[data-theme="dark"] :is(.bbp-claim .bbp-agent-card h3, .bbp-claim ol li) { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-claim-list li { border-top-color: #2c3a48 !important; }
html[data-theme="dark"] .bbp-claim-list a { color: #6ab3f3 !important; }
/* the company's profile window (2026-10-09) */
html[data-theme="dark"] .bbp-price-rate { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-prof-pop { background: rgba(0, 0, 0, .55) !important; }
html[data-theme="dark"] .bbp-prof-card { background: #17212b !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .5) !important; }
html[data-theme="dark"] .bbp-prof-x { color: #8b9cae !important; }
html[data-theme="dark"] :is(.bbp-prof-name, .bbp-prof-rate, .bbp-prof-title, .bbp-prof-rv-top b, .bbp-prof-rv-text, .bbp-prof-rv-reply) { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-prof-line, .bbp-prof-wait, .bbp-prof-empty, .bbp-prof-rv-top, .bbp-prof-rv-req, .bbp-prof-claim, .bbp-prof-rv-reply span) { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-prof-rv, html[data-theme="dark"] .bbp-prof-claim { border-color: #2c3a48 !important; }
html[data-theme="dark"] .bbp-prof-rv-reply { background: #0e1621 !important; }
html[data-theme="dark"] .bbp-prof-claim a { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-prof-av .bbp-av, html[data-theme="dark"] .bbp-prof-av .bbp-av * { color: #fff !important; }
/* the row's availability and stars (2026-10-09) */
html[data-theme="dark"] .bbp-price-avail { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-price-avail.is-in { color: #7bd88f !important; }
html[data-theme="dark"] .bbp-price-stars { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-pm-name b { color: #f1f4f7 !important; }
/* the company's own description (2026-10-09) */
html[data-theme="dark"] .bbp-set-about textarea { color: #f1f4f7 !important; background: #0e1621 !important; border-color: #2c3a48 !important; }
html[data-theme="dark"] .bbp-price-about { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-prof-about { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-price-list .bbp-price-row p.bbp-price-about, html[data-theme="dark"] .bbp-pm p.bbp-price-about { color: var(--d-muted) !important; }
html[data-theme="dark"] .popup-container.wide .request-body_inner .blabla-comment .text p.bbp-price-about { color: var(--d-muted) !important; }
/* Luna's models (2026-10-11) */
html[data-theme="dark"] .bbp-pick-top b { color: #f1f4f7 !important; }
html[data-theme="dark"] .bbp-pick-about { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-pick-diff { color: #6ab3f3 !important; background: rgba(106, 179, 243, .14) !important; }
html[data-theme="dark"] .bbp-pick-src { color: #7bd88f !important; }
html[data-theme="dark"] .bbp-pick-sources { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-pick-sources a { color: #6ab3f3 !important; }

/* Luna's chat on a request (owner 2026-10-12) */
html[data-theme="dark"] .bbp-cl-upd, html[data-theme="dark"] .bbp-reqview-list li { background: rgba(255, 255, 255, .05) !important; }
html[data-theme="dark"] .bbp-cl-new, html[data-theme="dark"] .bbp-story-now { background: rgba(34, 158, 217, .12) !important; box-shadow: inset 0 0 0 1px rgba(34, 158, 217, .35) !important; }
html[data-theme="dark"] .bbp-cl-q, html[data-theme="dark"] .bbp-row-upd { color: #a4ddf9 !important; background: rgba(34, 158, 217, .22) !important; }
html[data-theme="dark"] .bbp-row-upd.is-after { color: #f3c77a !important; background: rgba(243, 199, 122, .16) !important; }
html[data-theme="dark"] .bbp-story-now-label { color: #89d0f2 !important; }
html[data-theme="dark"] .popup-container.wide .bbp-story p.bbp-story-after { color: #f3c77a !important; }
html[data-theme="dark"] .bbp-reqview-card { color: #f1f4f7 !important; background: #17212b !important; }
html[data-theme="dark"] .bbp-reqview-first { color: #f1f4f7 !important; background: #2b5278 !important; }
html[data-theme="dark"] .bbp-reqview-x { color: #9aa7b3 !important; }

/* the personal chat (owner 2026-10-12) */
html[data-theme="dark"] .bbp-deal { color: #f1f4f7 !important; background: rgba(255, 255, 255, .04) !important; border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] .bbp-dm.is-mine { background: #2b5278 !important; }
html[data-theme="dark"] .bbp-dm.is-theirs, html[data-theme="dark"] .bbp-deal-card { background: #182533 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] .bbp-deal-form textarea { color: #f1f4f7 !important; background: #17212b !important; border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .bbp-deal .bbp-dm-warn { color: #ffd2c8 !important; background: rgba(208, 69, 58, .22) !important; }
html[data-theme="dark"] .bbp-dm-share { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-dm-shared, html[data-theme="dark"] .bbp-dm-seen.is-seen { color: #7fd1a1 !important; }

html[data-theme="dark"] .bbp-deal.is-folded { background: transparent !important; border: 0 !important; }
html[data-theme="dark"] .bbp-done li.is-warn { color: #f3c77a !important; }
html[data-theme="dark"] .bbp-row-msg { color: #6ab3f3 !important; }

/* the card over Luna's chat field (2026-10-12) */
html[data-theme="dark"] .bbp-lcard { background: var(--d-surface) !important; border-color: var(--d-line) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .40) !important; }
html[data-theme="dark"] :is(.bbp-lcard p.bbp-lcard-q, .bbp-lcard-opt, .bbp-lcard-own input, .bbp-lcard-skip, .bbp-lcard-pill) { color: var(--d-text) !important; }
html[data-theme="dark"] :is(.bbp-lcard-nav, .bbp-lcard-nav button, .bbp-lcard-x, .bbp-lcard-t small, .bbp-lcard p.bbp-lcard-src, .bbp-lcard-pen, .bbp-lcard-own input::placeholder) { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-lcard-n { color: var(--d-text) !important; background: var(--d-raised) !important; }
html[data-theme="dark"] :is(.bbp-lcard-skip, .bbp-lcard-pill) { background: var(--d-btn) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] .bbp-lcard-count { background: #2b8fc4 !important; }
html[data-theme="dark"] .bbp-lcard-opt:focus-visible { outline-color: #68bde7; }
html[data-theme="dark"] .bbp-lcard-enough { color: #68bde7 !important; }
html[data-theme="dark"] .bbp-chat-prev-open { color: var(--d-muted) !important; background: rgba(255, 255, 255, .07) !important; }
html[data-theme="dark"] .bbp-dmsg .bbp-dm-warn { color: #ffd2c8 !important; background: rgba(208, 69, 58, .22) !important; }
html[data-theme="dark"] :is(.bbp-asked-offer, .bbp-compose-mode) { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-compose-mode button { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-lcard[data-flow] .bbp-lcard-opts > li:has(> .bbp-lcard-opt[aria-pressed="true"]) { background: rgba(104, 189, 231, .14) !important; }
html[data-theme="dark"] .bbp-lcard[data-flow] .bbp-lcard-opt[aria-pressed="true"] { color: #89d0f2 !important; }
html[data-theme="dark"] .bbp-lcard[data-flow] .bbp-lcard-opt[aria-pressed="true"] .bbp-lcard-n { color: #fff !important; background: #2b8fc4 !important; }
html[data-theme="dark"] .bbp-lcard-back { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-lcard-go { background: #2b8fc4 !important; }
/* ---------- QA round 2026-10-13 (agents) ---------- */
html[data-theme="dark"] .page-contact h1.bbp-page-h1, html[data-theme="dark"] .bbp-agent > h1.heading { color: var(--d-text) !important; }
/* the phone menu's footer links were 3.2:1 */
html[data-theme="dark"] aside .links a { color: #9aabbd !important; }
html[data-theme="dark"] .bbp-menu-extend svg.bbp-icon, html[data-theme="dark"] .bbp-menu-extend.bbp-menu-danger svg.bbp-icon { fill: none !important; }
html[data-theme="dark"] .bbp-note-pop-title, html[data-theme="dark"] .bbp-note-pop-text { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-note-pop-from { color: #9aabbd !important; }
/* the found prices as cards (2026-10-14) */
html[data-theme="dark"] .bbp-price-row.is-card .bbp-price-title { color: #8ab4f8 !important; }
html[data-theme="dark"] .bbp-price-row.is-card span.bbp-price-title, html[data-theme="dark"] .bbp-price-row.is-card > .bbp-price-sum { color: var(--d-text) !important; }
html[data-theme="dark"] .bbp-price-row.is-card > .bbp-price-sum.is-none { color: var(--d-muted) !important; }
html[data-theme="dark"] .bbp-price-list .bbp-price-row.is-card.is-open { background: rgba(42, 171, 238, .12) !important; border-color: #2b5278 !important; }
html[data-theme="dark"] .bbp-plan-vat { color: var(--d-muted) !important; }

/* ---------- Telegram-like chat wallpaper (ux.css «chat wallpaper»): Telegram Night tones with the section's hue ---------- */
html[data-theme="dark"] [data-wall]            { --wall-ink: rgba(255, 255, 255, .055); --wall-pill: rgba(0, 0, 0, .38); }
html[data-theme="dark"] [data-wall="sky"]      { --w0: #0e1a27; --w1: #18324b; --w2: #0c1520; --w3: #1d3b58; --w4: #12263a; }
html[data-theme="dark"] [data-wall="mint"]     { --w0: #0d1c18; --w1: #153328; --w2: #0b1613; --w3: #1a4233; --w4: #102820; }
html[data-theme="dark"] [data-wall="sand"]     { --w0: #1c1810; --w1: #362a16; --w2: #16120b; --w3: #42331a; --w4: #2a2112; }
html[data-theme="dark"] [data-wall="leaf"]     { --w0: #141b0f; --w1: #263318; --w2: #10160c; --w3: #2f421c; --w4: #1e2914; }
html[data-theme="dark"] [data-wall="pink"]     { --w0: #1e1219; --w1: #3a1f2d; --w2: #170e13; --w3: #482538; --w4: #2c1823; }
html[data-theme="dark"] [data-wall="lavender"] { --w0: #15142a; --w1: #26234a; --w2: #100f20; --w3: #2f2b5c; --w4: #1d1b38; }
html[data-theme="dark"] [data-wall="wheat"]    { --w0: #1b1711; --w1: #33291b; --w2: #15120d; --w3: #3f3220; --w4: #282016; }
html[data-theme="dark"] [data-wall="steel"]    { --w0: #101a21; --w1: #1c2f3c; --w2: #0c141a; --w3: #223a4a; --w4: #16242e; }
html[data-theme="dark"] [data-wall="peach"]    { --w0: #1e1411; --w1: #3a241d; --w2: #170f0d; --w3: #482c23; --w4: #2c1c17; }
html[data-theme="dark"] [data-wall="teal"]     { --w0: #0c1c1c; --w1: #143433; --w2: #0a1616; --w3: #19413f; --w4: #102827; }
html[data-theme="dark"] [data-wall="orchid"]   { --w0: #1a1220; --w1: #321f3d; --w2: #140e19; --w3: #3e264c; --w4: #26182f; }
html[data-theme="dark"] [data-wall="green"]    { --w0: #0e1b10; --w1: #18331b; --w2: #0b150c; --w3: #1d4121; --w4: #132816; }

html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] { background-color: var(--w0) !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-body,
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .tabs-block { background-color: transparent !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-head { background-color: #17212b !important; box-shadow: 0 1px 0 rgba(0, 0, 0, .3); }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-foot { background-color: transparent !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-pop-journey { background: rgba(23, 33, 43, .94); box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-info { background: var(--wall-pill) !important; color: #fff !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-body .text-right .message .inner { background: #2b5278 !important; color: #fff !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .blabla-comment > .text,
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-assist > .blabla-comment > .text { background: #182533 !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-body .text-right .message .inner .date { color: rgba(255, 255, 255, .62) !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-lcard { background: #182533 !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-lcard-opt { color: #8fc8f2 !important; background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-lcard-t small { color: #9fb3c6 !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-lcard-own { background: rgba(255, 255, 255, .06) !important; }
/* the company's profile window, Telegram Night */
html[data-theme="dark"].tg-wall .bbp-prof-card { background: #0e1621 !important; }
html[data-theme="dark"].tg-wall .bbp-prof-head { background: linear-gradient(-150deg, #2b5f8f 0%, #2d4e86 52%, #4a3f86 100%) !important; }
html[data-theme="dark"].tg-wall :is(.bbp-prof-about, .bbp-prof-opener, .bbp-prof-contacts .bbp-offer-contacts, .bbp-prof-contacts > .bbp-contact-links, .bbp-prof-reviews) { background: #17212b !important; }
html[data-theme="dark"].tg-wall .bbp-prof :is(.bbp-prof-name, .bbp-prof-line, .bbp-prof-rate) { color: #fff !important; }
html[data-theme="dark"].tg-wall .bbp-prof .bbp-contact-btn { color: #f1f4f7 !important; border-bottom-color: #22303d !important; }
html[data-theme="dark"].tg-wall .bbp-prof .bbp-contact-btn svg { color: #fff !important; }
html[data-theme="dark"].tg-wall .bbp-prof-rv { border-top-color: #22303d !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-company-card { background: linear-gradient(-150deg, #2b5f8f 0%, #2d4e86 52%, #4a3f86 100%) !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-company-card :is(.bbp-company-name, .bbp-company-kind, .bbp-company-line, .bbp-company-note) { color: #fff !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-company-block { background: #17212b !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .request-body :not(.text-right) > .message > .box > .inner { background: #182533 !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .tab-entry { background-color: transparent !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .tab-entry:not(.tab-answer) .request-foot { background: #17212b !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .tab-answer .request-foot { background: transparent !important; }
html[data-theme="dark"] .bbp-deal.is-chat { background: none !important; border: 0 !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] :is(.bbp-buyer-channels, .bbp-bc-lead) { color: #fff !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-bc-chip { background: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-deal.is-chat :is(p.bbp-deal-hint, p.bbp-deal-note) { color: #fff !important; }
html[data-theme="dark"] .bbp-deal-dock.bbp-popup-edit .bbp-composer:not(#bbp-none) .bbp-composer-send button.bbp-update-btn { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] > .bbp-req-dock.bbp-popup-edit { background: transparent !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-chat-req > .bbp-chat-label { color: #fff !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-chat-offer { background: #182533 !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-chat-myreview { background: #182533 !important; box-shadow: none; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] :is(.bbp-dm-share, .bbp-dm-shared) { color: #fff !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .tab-share .share-chat .share-button { color: #8fc8f2 !important; background: rgba(255, 255, 255, .08) !important; border: 0 !important; }
/* the field floats on the wallpaper: no band under it (dark.css above fills the dock with a spread shadow) */
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] .bbp-popup-edit.bbp-req-dock { background-color: transparent !important; box-shadow: none !important; clip-path: none !important; }
html[data-theme="dark"].tg-wall .popup-container.wide[data-wall] > .bbp-req-dock.bbp-popup-edit::before { display: none !important; }

/* the pack's window before LiqPay and «Мої оплати», the night colours (2026-10-20) */
html[data-theme="dark"] .bbp-pay-sheet { background: rgba(0, 0, 0, .45); }
html[data-theme="dark"] .bbp-pay-box { background: #17212b; box-shadow: 0 -8px 30px rgba(0, 0, 0, .45); }
html[data-theme="dark"] .bbp-pay-head h2, html[data-theme="dark"] .bbp-pay-sum, html[data-theme="dark"] .bbp-pay-sum b { color: #f1f4f7 !important; }
html[data-theme="dark"] :is(.bbp-pay-what, .bbp-pay-hint, .bbp-pay-field small, .bbp-pay-date, .bbp-pay-st) { color: #8b9cae !important; }
html[data-theme="dark"] .bbp-pay-x { color: #aab6c3 !important; }
html[data-theme="dark"] .bbp-pay-x:hover { background: #242f3d; }
html[data-theme="dark"] .bbp-pay-check { background: #242f3d; }
html[data-theme="dark"] .bbp-pay-field input { color: #f1f4f7 !important; background: #0e1621; border-color: #2c3a48 !important; }
html[data-theme="dark"] :is(.bbp-pay-hint a, .bbp-pay-act) { color: #6ab3f3 !important; }
html[data-theme="dark"] .bbp-pay-row { background: #17212b; }
/* the important button is Telegram blue here too (the dark primary rule is very specific: #bbp-none outweighs it, as above) */
html[data-theme="dark"] .bbp-pay-go:not(#bbp-none) { color: #fff !important; background-color: #229ed9 !important; border-color: #229ed9 !important; }
html[data-theme="dark"] .bbp-pay-go:not(#bbp-none):hover { background-color: #1a8fc6 !important; }

/* Telegram iOS «liquid glass», the night colours (ux.css has the shapes) */
html.tg-glass[data-theme="dark"] {
    --glass-bg: rgba(33, 44, 57, .66);
    --glass-bg-strong: rgba(30, 40, 52, .86);
    --glass-rim: inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 0 0 .5px rgba(255, 255, 255, .09);
    --glass-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .35);
    --glass-tint: rgba(110, 180, 240, .12);
}
@media (prefers-reduced-transparency: reduce) {
    html.tg-glass[data-theme="dark"] { --glass-bg: rgba(33, 44, 57, .97); --glass-bg-strong: #1e2834; }
}
html.tg-glass.tg-wall[data-theme="dark"] .popup-content .popup-container.wide[data-wall] .request-head { background: transparent !important; box-shadow: none !important; }
html.tg-glass.tg-wall[data-theme="dark"] .popup-content .popup-container.wide[data-wall] .request-head :is(.bbp-head-back, .d-flex > svg:first-child) { color: #f1f4f7 !important; stroke: #f1f4f7; }
html.tg-glass.tg-wall[data-theme="dark"] .popup-content .popup-container.wide[data-wall] .drop-menu.bbp-head-menu > a { color: #f1f4f7 !important; }
html.tg-glass[data-theme="dark"] .drop-menu.bbp-head-menu .drop { background: var(--glass-bg-strong) !important; }
html.tg-glass.tg-wall[data-theme="dark"] .popup-content .popup-container.wide[data-wall] :is(.bbp-lcard, .bbp-pop-journey, .tab-entry:not(.tab-answer) .request-foot) { background: var(--glass-bg-strong) !important; }
html.tg-glass[data-theme="dark"] :is(.bbp-list-dock, .bbp-popup-edit) .bbp-composer:not(#bbp-none),
html.tg-glass[data-theme="dark"] :is(.bbp-list-dock, .bbp-popup-edit) .bbp-composer:not(#bbp-none) .bbp-req-photo-add,
html.tg-glass[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none),
html.tg-glass[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) .list-files-uploaded label.input-file { background-color: var(--glass-bg-strong) !important; }
html.tg-glass[data-theme="dark"] :is(.bbp-list-dock, .bbp-popup-edit) .bbp-composer:not(#bbp-none) .bbp-req-photo-add { color: #f1f4f7 !important; }
html.tg-glass[data-theme="dark"] :is(.bbp-list-dock, .bbp-popup-edit) .bbp-composer:not(#bbp-none) textarea,
html.tg-glass[data-theme="dark"] .popup-container.wide .tab-answer .input-group.bbp-steps.bbp-step-comment:not(#bbp-none) textarea { background: transparent !important; }
@media (max-width: 991px) {
    html.tg-glass[data-theme="dark"] { --glass-page: #17212b; }
    html.tg-glass[data-theme="dark"] #vue-app #header, html.tg-glass[data-theme="dark"] #vue-app .request-head #header { background: transparent !important; }
    html.tg-glass[data-theme="dark"] #header .bbp-headswitch .bbp-mode { background: var(--glass-bg) !important; }
}
html.tg-wall[data-theme="dark"] .popup-container.wide[data-wall] .blabla-comment.bbp-pm-msg > .text > .bbp-chat-offer { background: #182533 !important; }
html.tg-wall[data-theme="dark"] .popup-container.wide[data-wall] .bbp-chat-offer,
html.tg-wall[data-theme="dark"] .popup-container.wide[data-wall] .request-body :is(.text-right, :not(.text-right)) > .message > .box > .inner { filter: none; }
html.tg-wall[data-theme="dark"] .popup-container.wide[data-wall] .blabla-comment .bbp-crv .bbp-company-text { background: #0e1621 !important; border-color: transparent !important; }
html[data-theme="dark"] .popup-language .bbp-cc-list { background: #17212b !important; }
html[data-theme="dark"] .popup-language .bbp-cc-row { border-top-color: #22303d !important; }
html[data-theme="dark"] .popup-language .bbp-cc-name { color: #f1f4f7 !important; }
html[data-theme="dark"] .popup-language .bbp-cc-lang { color: #8fc8f2 !important; background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .popup-language .bbp-cc-lang.is-active { color: #fff !important; background: #2b5278 !important; }
html.tg-glass.tg-wall[data-theme="dark"] .popup-content .popup-container.wide[data-wall] .request-head > .d-flex > svg:first-child { stroke: #f1f4f7 !important; }
html.tg-glass[data-theme="dark"] .popup-container.wide[data-wall] .bbp-lcard-pill { color: #f1f4f7 !important; }
/* the thinner doodles keep showing at night */
html[data-theme="dark"].tg-wall [data-wall] { --wall-ink: rgba(255, 255, 255, .09); }
html[data-theme="dark"] .popup-container.wide .tab-answer .bbp-compose-kind { color: #ffd29a !important; background: rgba(255, 170, 60, .16) !important; }
html[data-theme="dark"] .popup-container.wide .tab-answer .bbp-compose-kind.is-ask { color: #9fe3b8 !important; background: rgba(70, 200, 120, .16) !important; }
html[data-theme="dark"] .is-seller .bbp-seller-pitch { background: #17212b !important; }
html[data-theme="dark"] .bbp-price-fit :is(.is-yes, .is-no, .is-unknown) { color: #c9d4de !important; }
html[data-theme="dark"] .bbp-price-fit .is-yes > i { color: #6fd08c !important; }
html[data-theme="dark"] .bbp-price-fit .is-no > i { color: #f2a493 !important; }
html[data-theme="dark"] .bbp-price-fit .is-unknown > i { color: #8b9cae !important; }
/* a list line with something not read yet (QA 2026-10-16): the blue count, the time blue, the unread words light, «Ти:» grey */
html[data-theme="dark"] .bbp-row-badge.is-unread { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] #main .request.open-popup.bbp-row:has(.bbp-row-badge.is-unread) .bbp-row-time { color: #2aabee !important; font-weight: 600; }
html[data-theme="dark"] .bbp-row-sub .bbp-row-unread-text { color: #f1f4f7 !important; font-weight: 500; }
html[data-theme="dark"] .bbp-row-sub .bbp-row-name.is-me { color: #93a3b3 !important; font-weight: 400; }
html[data-theme="dark"] :is(aside, #header .aside-menu, .bbp-nav-head) .count.bbp-count-total.is-news { color: #fff !important; background: #229ed9 !important; }
html[data-theme="dark"] .popup-container.wide .bbp-deal-contacts p.bbp-deal-wait { color: #d6dee6; background: rgba(23, 33, 43, .86); }
/* the chats' theme sheet (2026-10-17) at night */
html[data-theme="dark"] .bbp-wall-sheet { background: rgba(0, 0, 0, .35); }
html[data-theme="dark"] .bbp-wall-sheet-box { background: #17212b; box-shadow: 0 -8px 30px rgba(0, 0, 0, .45); }
html[data-theme="dark"] .bbp-wall-sheet-head h2 { color: #f1f4f7; }
html[data-theme="dark"] .bbp-wall-sheet-hint { color: #8495a7; }
html[data-theme="dark"] .bbp-wall-sheet-x { color: #aab6c3; }
html[data-theme="dark"] .bbp-wall-sheet-x:hover { background: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .bbp-wall-pick > button[aria-checked="true"] { box-shadow: 0 0 0 3px #17212b, 0 0 0 5px #2aabee; }
html[data-theme="dark"] .drop-menu .drop > li > button[data-bbp-wall-open] { color: #f1f4f7; }
html[data-theme="dark"] .drop-menu .drop > li > button[data-bbp-wall-open] svg { color: #aab6c3; }
html[data-theme="dark"] .drop-menu .drop > li > button[data-bbp-wall-open]:hover { background: rgba(255, 255, 255, .06); }
html[data-theme="dark"] .popup-content .popup-container.wide[data-wall] .drop-menu.bbp-head-menu.active > a { color: #f1f4f7 !important; }

/* your bubbles in the dark theme (owner 2026-10-17): «night» Telegram Night's #2b5278 (the default, as before), «emerald» WhatsApp's
   night green; <html data-outd>, the cookie bbp_outd */
html[data-theme="dark"].tg-wall[data-outd="emerald"] .popup-container.wide[data-wall] :is(.request-body .text-right .message .inner, .bbp-chat-bubble) { background: #005c4b !important; color: #e9edef !important; }
html[data-theme="dark"].tg-wall[data-outd="emerald"] .popup-container.wide[data-wall] .request-body .text-right .message .inner :is(.date, .date *) { color: rgba(233, 237, 239, .68) !important; }
html[data-theme="dark"].tg-wall[data-outd="emerald"] .popup-container.wide[data-wall] .request-body .text-right .message .inner a.bbp-req-edit-link { color: #9de1cf !important; }
html[data-theme="dark"] .bbp-out-pick > button { color: #aab6c3; background: #0e1621; }
html[data-theme="dark"] .bbp-out-pick > button[aria-checked="true"] { color: #f1f4f7; box-shadow: 0 0 0 2px #17212b, 0 0 0 4px #2aabee; }

/* the dark theme's backgrounds (owner 2026-10-17: «залиш як зараз, ватсап і чорна, і клауд темна тема»): <html data-walld>, the cookie
   bbp_walld, common\services\ChatWall::DARK_SCHEMES. «cat» (the default) keeps the section hues above; the others are flat, each with
   its own bubbles of the other side (--tg-in), date pills and glass tint */
html[data-theme="dark"].tg-wall[data-walld="wa"] .popup-container.wide[data-wall] {
    --w0: #0b141a; --w1: #0b141a; --w2: #0b141a; --w3: #0b141a; --w4: #0b141a; --wall-ink: rgba(255, 255, 255, .065); --wall-pill: rgba(24, 34, 41, .94);
    --tg-in: #202c33; --glass-bg: rgba(32, 44, 51, .7); --glass-bg-strong: rgba(32, 44, 51, .92);
}
html[data-theme="dark"].tg-wall[data-walld="black"] .popup-container.wide[data-wall] {
    --w0: #000; --w1: #000; --w2: #000; --w3: #000; --w4: #000; --wall-ink: rgba(255, 255, 255, .08); --wall-pill: rgba(28, 28, 30, .94);
    --tg-in: #1c1c1e; --glass-bg: rgba(28, 28, 30, .72); --glass-bg-strong: rgba(28, 28, 30, .92);
}
/* Claude's dark: its warm charcoal and cards */
html[data-theme="dark"].tg-wall[data-walld="claude"] .popup-container.wide[data-wall] {
    --w0: #262624; --w1: #262624; --w2: #262624; --w3: #262624; --w4: #262624; --wall-ink: rgba(250, 249, 245, .07); --wall-pill: rgba(48, 48, 46, .94);
    --tg-in: #30302e; --glass-bg: rgba(48, 48, 46, .72); --glass-bg-strong: rgba(44, 44, 42, .92);
}
html[data-theme="dark"].tg-wall:is([data-walld="wa"], [data-walld="black"], [data-walld="claude"]) .popup-container.wide[data-wall] :is(.blabla-comment > .text, .request-body :not(.text-right) > .message > .box > .inner, .bbp-chat-offer, .bbp-chat-myreview) { background: var(--tg-in) !important; }
html[data-theme="dark"].tg-wall:is([data-walld="wa"], [data-walld="black"], [data-walld="claude"]) .popup-container.wide[data-wall] .blabla-comment .bbp-crv .bbp-company-text { background: var(--w0) !important; }
/* the samples: the dark «За категорією» in three section hues; your bubble as you picked it */
html[data-theme="dark"] .bbp-wall-pick[data-for="dark"] > button.is-auto { background-image: linear-gradient(-135deg, #0e1a27 0 33%, #0d1c18 33% 66%, #1c1810 66%); }
html[data-theme="dark"] .bbp-wall-pick[data-for="dark"] > button.is-auto span { color: #f1f4f7; background: rgba(0, 0, 0, .55); }
html[data-theme="dark"] .bbp-wall-pick[data-for="dark"] > button { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
html[data-theme="dark"] .bbp-wall-pick[data-for="dark"] > button[aria-checked="true"] { box-shadow: 0 0 0 3px #17212b, 0 0 0 5px #2aabee; }
html[data-theme="dark"] .bbp-wall-pick[data-for="dark"] > button::before { background: rgba(255, 255, 255, .12); }
html[data-theme="dark"][data-outd] .bbp-wall-pick > button > .bbp-wp-out { background: #2b5278 !important; box-shadow: none; }
html[data-theme="dark"][data-outd="emerald"] .bbp-wall-pick > button > .bbp-wp-out { background: #005c4b !important; }
/* the price cards in BlaBlaPrice's bubble take the background's own colour, not Telegram Night's */
html[data-theme="dark"].tg-wall:is([data-walld="wa"], [data-walld="black"], [data-walld="claude"]) .popup-container.wide[data-wall] .bbp-price-row:not(.is-open) { background: var(--w0) !important; border-color: rgba(255, 255, 255, .08) !important; }
/* the points under a price and an offer (owner 2026-10-19): no tinted backgrounds, colour only on the marks */
html[data-theme="dark"] .bbp-price-fit :is(.is-warn, .bbp-fit-match) { color: #aebccb !important; }
html[data-theme="dark"] .bbp-price-fit .is-warn > i { color: #f0b36b !important; }
html[data-theme="dark"] .bbp-offer-match, html[data-theme="dark"] .bbp-offer-match:is(.is-full, .is-high, .is-low) { color: #aebccb !important; background: none !important; }
html[data-theme="dark"] .bbp-price-list .bbp-price-row.is-card.is-open:not(#bbp-none) { background: #17212b !important; border-color: var(--d-line) !important; }
html[data-theme="dark"].tg-wall:is([data-walld="wa"], [data-walld="black"], [data-walld="claude"]) .popup-container.wide[data-wall] .bbp-price-row.is-card.is-open:not(#bbp-none) { background: var(--w0) !important; }

/* the profile's contact rows and the offer's name link, the night colours (2026-10-20) */
html[data-theme="dark"].tg-wall .bbp-prof .bbp-contact-btn .bbp-cl-main, html[data-theme="dark"] .bbp-pm .bbp-pm-name > b { color: #6ab3f3 !important; }
html[data-theme="dark"].tg-wall .bbp-prof .bbp-contact-btn .bbp-cl-cap { color: #8b9cae !important; }
/* Luna's answers, the night colours (2026-10-20): solid with a fine edge (the glass rule's white #ffffff99 !important had made them
   grey), the hover deepens, the picked one loads with a blue fill and a soft shine */
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard-opt:not([aria-pressed="true"]) { color: #9cc7e6 !important; background: rgba(255, 255, 255, .05) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
@media (hover: hover) {
    html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard-opt:not([aria-pressed="true"]):hover { color: #b9d9ef !important; background: rgba(255, 255, 255, .09) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); }
}
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard-opt:not([aria-pressed="true"]):active { background: rgba(255, 255, 255, .12) !important; }
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard-opt[aria-pressed="true"] { color: #cfe6f5 !important; background: rgba(255, 255, 255, .08) !important; box-shadow: inset 0 0 0 1px rgba(143, 200, 242, .45); }
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard.is-sending .bbp-lcard-opt[aria-pressed="true"]::before { background: rgba(104, 189, 231, .16); }
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard.is-sending .bbp-lcard-opt[aria-pressed="true"]::after { background: linear-gradient(-100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .14) 50%, rgba(255, 255, 255, 0)); }
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard-nav > span { color: #9aaabb !important; background: rgba(255, 255, 255, .06); }
/* the answer's words take the button's colour (the dark theme's «body * { color }» painted them grey) */
html[data-theme="dark"].tg-wall .popup-content .popup-container.wide[data-wall]:not(#bbp-lc) .bbp-lcard-opt .bbp-lcard-t { color: inherit !important; }