/* ═══════════════════════════════════════════════════════════════════════════
   admin.bulgharhomes.com във вида „Витрина“ (B). 29.10.2026.
   Раффи, 29.10.2026: „направи целият админски панел, имплементирай го с витрина“ (избрана по картинка от
   Дизайн система/макети-admin-2026-10/). Пласт над admin-crm.css и admin-mac.css: горна лента с пилюли вместо
   менюто вляво, тъмносиня заглавна лента на всеки екран (Playfair), карти със сянка. Логиката не се пипа.
   Менюто остава същото (#sidebar .sb-nav-item); пилюлите са огледало, „Още“ отваря всичко.
   Само светла тема (избраният вид); тъмна тема на съдържанието няма, виж § 5щ-4 на _ПРАВИЛА_САЙТ.md.
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face { font-family: 'BH Playfair'; font-weight: 400 700; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/playfair-display-400-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'BH Playfair'; font-weight: 400 700; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/playfair-display-400-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'BH Jura'; font-weight: 400; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/jura-400-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'BH Jura'; font-weight: 400; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/jura-400-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+2000-206F, U+20AC; }

@font-face { font-family: 'BH Body'; font-weight: 400; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-400-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'BH Body'; font-weight: 400; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-400-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'BH Body'; font-weight: 500; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-500-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'BH Body'; font-weight: 500; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-500-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'BH Body'; font-weight: 600; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-600-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'BH Body'; font-weight: 600; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-600-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'BH Body'; font-weight: 700; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-700-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'BH Body'; font-weight: 700; font-display: swap;
  src: url('../ds/bulghar-homes-design-system-019e27ca-c6b4-7400-851f-333dd01623b2/fonts/ibm-plex-serif-700-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
/* 31.10.2026 (Safari, снимка на Раффи): системният шрифт SF с lang=bg рисува кирилицата с локалните български форми и "locl" 0 не го сваля
   (Апартамент → „Анартаменм“). Затова основният шрифт на панела е самохостваният IBM Plex Serif по 03-FONTS.md (--font-body), без системен шрифт за кирилица. */
/* `html:not(#bh)` (специфичност 1,0,1) бие `.клас { font-family }` (както правеше двойният селектор за корена) */
html:not(#bh) button, html:not(#bh) input, html:not(#bh) select, html:not(#bh) textarea { font-family: inherit; }


/* ── Заглавна лента на екрана (всички ширини) ─────────────────────────── */
#content { background: var(--mac-paper); }
.crm-top { position: relative; overflow: hidden; z-index: 1; align-items: flex-end; padding: 30px 32px 54px;
  color: var(--cream);
  background: radial-gradient(ellipse 80% 140% at 0% 0%, var(--navy-soft) 0%, transparent 60%), linear-gradient(160deg, var(--hero-from), var(--navy-deep));
  border-bottom: 1px solid rgba(203, 178, 106, .25); }
.crm-top::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(135deg, rgba(245, 237, 214, .035) 0 1px, transparent 1px 16px); }
.crm-top > * { position: relative; z-index: 1; }
.crm-top h1 { font-family: var(--vt-display); font-weight: 400; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.08; letter-spacing: -.01em; color: var(--cream); }
.crm-top .crm-sub-title { margin-top: 8px; font-family: var(--vt-caption); font-weight: 400; font-size: 14px; letter-spacing: .06em; color: rgba(245, 237, 214, .86); }
.crm-top .crm-back, .crm-top a.crm-back { color: var(--gold-light); }
.crm-top .crm-btn { border-radius: 10px; }
.crm-top .crm-btn:not(.crm-btn-pri) { background: rgba(245, 237, 214, .1); border-color: rgba(245, 237, 214, .3); color: var(--cream); }
.crm-top .crm-btn:not(.crm-btn-pri):hover { background: rgba(245, 237, 214, .18); }
.crm-top .crm-btn-pri { background: var(--gold); border-color: var(--gold); color: var(--navy-deep); }
.crm-top .crm-btn-pri:hover { background: var(--gold-light); }
/* съдържанието е центрирано (макс. 1180px), лентата го следва */
#content:not(.split) .crm-wrap { margin-left: auto; margin-right: auto; }
#content:not(.split) .crm-top { padding-left: max(28px, calc((100% - 1180px) / 2 + 28px)); padding-right: max(28px, calc((100% - 1180px) / 2 + 28px)); }
/* първият блок под лентата се вдига върху нея, като плаващата карта на Витрина */
.crm-top + .crm-wrap { margin-top: -30px; position: relative; z-index: 2; padding-top: 0; }
.crm-kpi, .crm-box, .crm-list, .crm-empty, .crm-deal, .crm-col-stage { box-shadow: var(--vt-shadow); }
.crm-kpi { background: var(--bg-card); box-shadow: var(--vt-shadow-up); }
.crm-kpi b { font-size: 32px; }
.crm-hero { box-shadow: var(--vt-shadow-up); }
.crm-section-h h2 { font-family: var(--vt-caption); font-weight: 400; font-size: 13.5px; letter-spacing: .12em; color: var(--ink-2); }

/* ── Горна лента (≥821px): пилюли вместо менюто вляво ─────────────────── */
.vt-pills, .vt-more-btn, .vt-more-note { display: none; }
@media (min-width: 821px) {
  #app { flex-direction: column; }
  #sidebar { width: auto; height: auto; position: sticky; top: 0; z-index: 60; flex-direction: row; align-items: center; gap: 14px;
    padding: 9px 22px; border-right: 0; border-bottom: 1px solid var(--navy-line);
    background: linear-gradient(180deg, var(--hero-from) 0%, var(--navy-deep) 100%); }
  .sb-logo { padding: 0; flex: none; }
  .sb-logo-text small { display: none; }
  .sb-search { width: auto; margin: 0; flex: none; height: 36px; min-width: 120px; }
  .sb-search span { display: none; }
  .sb-new { margin: 0; height: 36px; padding: 0 14px; flex: none; border-radius: var(--radius-pill, 999px); }
  .sb-footer { padding: 0; flex: none; }
  .sb-admin-info { display: none; }
  .vt-pills { display: flex; flex: 1; min-width: 0; gap: 4px; overflow: hidden; }
  .vt-pill { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 15px; border: 0; border-radius: 999px; cursor: pointer;
    background: none; color: var(--cream); font-family: var(--vt-caption); font-weight: 400; font-size: 15px; letter-spacing: .02em; white-space: nowrap; }
  .vt-pill:hover { background: var(--navy-soft); }
  .vt-pill.on { background: var(--gold); color: var(--navy-deep); font-weight: 400; }
  .vt-pill b { font-family: var(--mac-num); font-size: 12px; padding: 0 7px; border-radius: 999px; background: var(--gold); color: var(--navy-deep); line-height: 18px; }
  .vt-pill.on b { background: var(--navy-deep); color: var(--gold); }
  .vt-pill:focus-visible, .vt-more-btn:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 2px; }
  .vt-more-btn { display: inline-flex; align-items: center; gap: 6px; flex: none; }
  /* пълното меню е падащ лист под лентата; тук са и групите и екраните от разширенията */
  .sb-nav { position: absolute; left: 12px; right: 12px; top: calc(100% + 6px); z-index: 61; display: none; flex: none;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 4px 10px; max-height: calc(100vh - 100px); overflow-y: auto;
    padding: 14px; border-radius: 18px; background: var(--navy-deep); border: 1px solid var(--navy-line);
    box-shadow: 0 24px 60px rgba(22, 28, 51, .5); }
  #sidebar.vt-open .sb-nav { display: grid; }
  .sb-nav .sb-group { grid-column: 1 / -1; padding: 10px 8px 2px; }
  .sb-nav .sb-group:first-child { padding-top: 0; }
  .sb-nav-item { width: auto; }
  #content.split { height: calc(100vh - var(--vt-bar-h)); }
  #content.split > .split-list, #content.split > #view-contact { height: calc(100vh - var(--vt-bar-h)); }
  #content.split > .split-list .crm-top { padding: 22px 18px 44px; }
  #content.split > .split-list .crm-top h1 { font-size: 28px; }
}
@media (min-width: 821px) and (max-width: 1100px) { .vt-pill { padding: 0 11px; font-size: 14px; } .sb-search kbd { display: none; } }

/* ── Телефон: долната лента остава, горе само лентата с логото ───────── */
@media (max-width: 820px) {
  .crm-top { padding: 18px 16px 44px; padding-top: calc(18px + env(safe-area-inset-top)); }
  .crm-top { flex-wrap: wrap; align-items: flex-start; gap: 14px; }
  .crm-top h1 { font-size: 28px; }
  .crm-top-actions { width: 100%; }
  .crm-top + .crm-wrap { margin-top: -26px; }
}
@media (prefers-reduced-motion: reduce) { .vt-pill { transition: none; } }

/* ═══ „Днес“ по макета: поздрав, четири числа, „Първо това“ (navy) и „Огледи днес“ (бяла) ═══ */
.vt-hero { display: block; padding-top: 38px; padding-bottom: 70px; }
.vt-hero .vt-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; font-family: var(--vt-caption); font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
.vt-hero .vt-eyebrow::before, .vt-hero .vt-eyebrow::after { content: ""; width: 34px; height: 1px; background: var(--gold-deep); }
.vt-hero h1 { font-size: clamp(36px, 5vw, 58px); }
.vt-hero .vt-lead { margin: 14px 0 0; max-width: 60ch; font-size: 17px; line-height: 1.5; color: rgba(245, 237, 214, .88); }
.vt-hero .vt-lead .crm-num { color: var(--cream); }
.vt-hero .crm-top-actions { position: absolute; right: max(28px, calc((100% - 1180px) / 2 + 28px)); top: 24px; z-index: 2; }
.vt-stats { display: flex; flex-wrap: wrap; gap: 14px 46px; margin: 28px 0 0; padding: 0; list-style: none; }
.vt-stats li { display: flex; flex-direction: column; }
.vt-stats b { font-family: var(--mac-num); font-weight: 700; font-size: 48px; line-height: 1; color: var(--gold); }
.vt-stats .late b { color: var(--danger-on-navy); }
.vt-stats span { margin-top: 8px; font-family: var(--vt-caption); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: rgba(245, 237, 214, .86); }
#view-today .vt-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: start; }
#view-today .vt-feature { padding: 22px 24px 10px; border-radius: 22px; color: var(--cream); background: linear-gradient(160deg, var(--hero-from), var(--navy-deep));
  border: 1px solid rgba(203, 178, 106, .25); box-shadow: var(--vt-shadow-up);
  --ink: var(--cream); --ink-2: rgba(245, 237, 214, .86); --ink-3: rgba(245, 237, 214, .72); --crm-line: rgba(245, 237, 214, .16); }
#view-today .vt-side { padding: 22px 24px 10px; border-radius: 22px; background: var(--bg-card); box-shadow: var(--vt-shadow-up); }
.vt-card-h { margin: 0 0 8px; font-family: var(--vt-display); font-weight: 400; font-size: 28px; line-height: 1.1; color: inherit; }
#view-today .vt-feature .crm-list, #view-today .vt-feature .crm-row { background: transparent; box-shadow: none; }
#view-today .vt-feature .crm-row + .crm-row { box-shadow: inset 0 1px 0 rgba(245, 237, 214, .14); }
#view-today .vt-feature .crm-name, #view-today .vt-feature .crm-section-h h2 { color: var(--cream); }
#view-today .vt-feature .crm-sub, #view-today .vt-feature .crm-meta { color: rgba(245, 237, 214, .8); }
#view-today .vt-feature .crm-meta .late, #view-today .vt-feature .late { color: var(--danger-on-navy); }
#view-today .vt-feature .crm-av { background: rgba(245, 237, 214, .1); color: var(--gold-light); }
#view-today .vt-feature .crm-btn { background: transparent; border-color: rgba(245, 237, 214, .4); color: var(--cream); }
#view-today .vt-feature .crm-btn:hover { background: rgba(245, 237, 214, .12); }
#view-today .vt-feature .crm-btn-pri { background: var(--gold); border-color: var(--gold); color: var(--navy-deep); }
#view-today .vt-feature .crm-chip { background: rgba(245, 237, 214, .1); border-color: transparent; color: var(--cream); }
#view-today .vt-feature .crm-section-h .n { color: var(--gold); }
#view-today .vt-side .crm-list, #view-today .vt-side .crm-row { background: transparent; box-shadow: none; }
#view-today .vt-side .crm-section-h { display: none; }
#view-today .crm-wrap > .crm-kpis { display: none; }
@media (max-width: 1000px) { #view-today .vt-grid { grid-template-columns: 1fr; } .vt-hero .crm-top-actions { position: static; margin-top: 16px; } .vt-stats b { font-size: 38px; } }

/* ═══ Тема: превключвател в „Още“ и тъмна тема на съдържанието ═══ */
.vt-theme { display: none; }
@media (min-width: 821px) {
  .vt-theme { display: flex; grid-column: 1 / -1; align-items: center; gap: 12px; padding: 12px 8px 2px; margin-top: 6px; border-top: 1px solid var(--navy-line); color: rgba(245, 237, 214, .86); font-size: 13px; }
}
.vt-seg { display: inline-flex; padding: 3px; border: 1px solid var(--navy-line-strong); border-radius: 999px; background: var(--navy-deep); }
.vt-seg button { height: 28px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: rgba(245, 237, 214, .86); font: 600 13px var(--mac-ui); cursor: pointer; }
.vt-seg button[aria-pressed="true"] { background: var(--gold); color: var(--navy-deep); }
.sb-search kbd { color: var(--cream); }
/* вградени цветове от admin-crm.js (inline style): злато 3.05:1 на бяло и оранжево на navy */
#view-today b[style*="--gold-deep"] { color: var(--gold-ink) !important; }

/* ═══ „Частни обяви“: филтри и карти като във „Витрина“ ═══ */
.vc-wrap { gap: 14px; }
.vc-filters { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; background: var(--bg-card); border-radius: 18px; box-shadow: var(--vt-shadow-up); }
.vc-row { display: flex; flex-wrap: wrap; gap: 6px; }
.vc-chip { height: 30px; padding: 0 13px; border-radius: 999px; border: 1px solid var(--cream-line-strong); background: transparent; color: var(--ink); font: 600 13px var(--mac-ui); cursor: pointer; }
.vc-chip:hover { background: var(--gold-tint-light); }
.vc-chip[aria-pressed="true"] { background: var(--navy); border-color: var(--navy); color: var(--cream); }
.vc-nums { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.vc-nums label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-2); }
.vc-nums input { width: 96px; height: 32px; padding: 0 10px; border: 1px solid var(--cream-line-strong); border-radius: 10px; font: 600 14px var(--mac-ui); background: var(--bg-card); color: var(--ink); }
.vc-count { margin: 4px 2px 0; font-size: 13px; color: var(--ink-3); }
.vc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.vc-card { display: flex; flex-direction: column; background: var(--bg-card); border-radius: 18px; overflow: hidden; box-shadow: var(--vt-shadow); transition: transform .18s ease, box-shadow .18s ease; }
.vc-card:hover { transform: translateY(-3px); box-shadow: var(--vt-shadow-up); }
.vc-ph { position: relative; aspect-ratio: 4 / 3; background: linear-gradient(160deg, var(--hero-from), var(--navy-deep)); overflow: hidden; }
.vc-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vc-ph-ic { position: absolute; left: 50%; top: 38%; width: 22%; transform: translate(-50%, -50%); color: var(--gold); opacity: .55; }
.vc-chips { position: absolute; left: 12px; top: 12px; z-index: 2; display: flex; gap: 6px; }
.vc-chip-s { height: 24px; display: inline-flex; align-items: center; padding: 0 10px; border-radius: 999px; background: var(--navy-deep); color: var(--cream); font: 700 12px var(--mac-ui); }
.vc-chip-s.sale { background: var(--gold); color: var(--navy-deep); }
.vc-chip-s.rent { background: var(--info-wash-navy); color: var(--info-on-navy); box-shadow: inset 0 0 0 1px var(--info-on-navy); }
.vc-over { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; gap: 2px; padding: 64px 16px 14px;
  background: linear-gradient(180deg, rgba(22, 28, 51, 0) 0%, rgba(22, 28, 51, .82) 40%, var(--navy-deep) 100%); }
.vc-price { font-family: var(--mac-num); font-weight: 700; font-size: 30px; line-height: 1.05; color: var(--cream); }
.vc-over span { font-family: var(--vt-caption); font-size: 14px; letter-spacing: .04em; color: rgba(245, 237, 214, .88); }
.vc-body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; flex: 1; }
.vc-facts { margin: 0; font-weight: 600; font-size: 14.5px; color: var(--ink); }
.vc-meta { margin: 0; font-size: 12.5px; color: var(--ink-3); }
.vc-tag.ok { padding: 1px 8px; border-radius: 999px; background: var(--success-wash); color: var(--success-ink); font-weight: 700; }
.vc-link { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--crm-line); font-weight: 700; font-size: 14px; color: var(--gold-ink); text-decoration: none; }
.vc-link:hover { text-decoration: underline; }
@media (max-width: 820px) { .vc-grid { grid-template-columns: 1fr; } }

/* Частни обяви: действия, нова значка, квартал, още (30.10.2026). Само токени на Витрина, без нови цветове. */
.vc-chip-s.new { background: var(--success-wash); color: var(--success-ink); box-shadow: inset 0 0 0 1px var(--success-ink); }
.vc-sel { height: 32px; padding: 0 10px; border: 1px solid var(--cream-line-strong); border-radius: 10px; font: 600 14px var(--mac-ui); background: var(--bg-card); color: var(--ink); max-width: 220px; }
.vc-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-2); cursor: pointer; }
.vc-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.vc-act { min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--cream-line-strong); background: transparent; color: var(--ink); font: 600 13px var(--mac-ui); cursor: pointer; }
.vc-act:hover:not(:disabled) { background: var(--gold-tint-light); }
.vc-act:disabled { opacity: .5; cursor: default; }
.vc-more { align-self: center; margin: 8px auto 24px; }
.vc-tag { padding: 1px 8px; border-radius: 999px; background: var(--gold-tint-light); color: var(--ink-2); font-weight: 700; }
.vc-nums .vc-check input { width: 18px; height: 18px; padding: 0; accent-color: var(--navy); }

/* ═══ Частни обяви по макет B (30.10.2026) ═══
   Корен на „счупения“ шрифт в Safari: `font: 600 13px …` (и другите кратки записи по бутони и полета) нулира font-feature-settings,
   затова локалните български форми на SF се връщат (г като ѕ, п като н, т като м). Макетът държи "locl" 0 върху всичко; тук е същото. */
/* `html:not(#bh)` (специфичност 1,0,1), защото `*` губи от всяко `.клас { font: … }`: първият опит с `*` не свали нищо (измерено: computed остава normal). */
html:not(#bh) *, html:not(#bh) *::before, html:not(#bh) *::after { font-feature-settings: "locl" 0; }

.vc-filters { gap: 12px; padding: 18px 20px; }
.vc-frow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
.vc-frow.vc-last { justify-content: space-between; padding-top: 4px; }
.vc-sort { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--ink-3); }
.vc-lab { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.vc-chip { color: var(--ink-2); background: var(--wash-gold); }
.vc-chip[aria-pressed="true"] { background: var(--gold-tint-light); border-color: var(--gold-ink); color: var(--gold-ink); box-shadow: inset 0 0 0 1px var(--gold-ink); }
.vc-nums input::placeholder { color: var(--ink-3); font-weight: 400; }
.vc-card.hot { box-shadow: 0 0 0 1.5px var(--gold), var(--vt-shadow); }
.vc-portal { position: absolute; right: 12px; top: 12px; z-index: 2; height: 24px; display: inline-flex; align-items: center; padding: 0 10px; border-radius: 999px;
  background: rgba(22, 28, 51, .7); color: var(--cream); font: 600 12px var(--vt-caption); letter-spacing: .02em; }
.vc-best { position: absolute; left: 12px; top: 44px; z-index: 2; height: 26px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; border-radius: 999px;
  background: var(--gold); color: var(--navy-deep); font: 700 12px var(--vt-caption); }
.vc-best svg { width: 13px; height: 13px; }
.vc-sc { display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--gold-tint-light); color: var(--gold-ink); font-weight: 700; }
.vc-filt-btn { display: none; width: 100%; }
@media (max-width: 900px) {
  .vc-filt-btn { display: inline-flex; justify-content: center; margin-top: 0; }
  .vc-filters { display: none; }
  .vc-filters.open { display: flex; }
  .vc-frow.vc-last { justify-content: flex-start; }
  .vc-nums input { width: 100%; }
  .vc-nums label { flex: 1 1 140px; }
}
/* тема: Светла / Тъмна в горната лента, както в макета (≥821px); на телефон остава в „Още“ */
.vt-bar-seg { display: none; }
@media (min-width: 821px) {
  .vt-bar-seg { display: inline-flex; margin-left: auto; flex: none; }
  .vt-bar-seg.vt-seg { background: var(--navy-deep); border: 1px solid var(--navy-line-strong, rgba(245, 237, 214, .28)); border-radius: 999px; padding: 2px; }
  .vt-bar-seg button[aria-pressed="true"] { background: var(--gold); color: var(--navy-deep); }
}

/* ═══ Тъмна тема: вградените стилове на разширенията имат бели фонове (30-31.10.2026, измерено с контраст по екрани) ═══ */
@media (max-width: 640px) {
  .vt-stats { gap: 12px 26px; }
  .vt-stats b { font-size: 34px; }
  .vt-stats span { font-size: 11.5px; letter-spacing: .1em; }
  .vt-hero { padding-top: 28px; padding-bottom: 56px; }
  .vc-price { font-size: 26px; }
}
/* 821 до 1100px: лентата не се свива до отрязани пилюли (измерено на 900px: пилюлите бяха 138px широки). Търсенето и надписите отиват в иконата. */
@media (min-width: 821px) and (max-width: 1100px) {
  #sidebar { gap: 8px; padding: 9px 12px; }
  .sb-logo-text, .sb-search { display: none; }
  .vt-pills { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .vt-pill { padding: 0 11px; font-size: 14px; flex: none; }
  .sb-new { font-size: 0; padding: 0; width: 36px; justify-content: center; gap: 0; }
  .sb-new svg { margin: 0; }
  .vt-bar-seg button { padding: 0 9px; font-size: 12px; }
}
/* „Чака Раффи“ (31.10.2026): четири входа към списъците за одобрение */
.xc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.xc-card { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; text-decoration: none; color: var(--ink); }
.xc-card:hover { box-shadow: var(--vt-shadow-up); }
.xc-n { font-family: var(--mac-num); font-weight: 700; font-size: 40px; line-height: 1; color: var(--gold-ink); }
.xc-t { font-family: var(--vt-display); font-size: 22px; }
.xc-s { font-size: 14px; color: var(--ink-3); }

/* „Днес“: най-добрите нови частни обяви (31.10.2026), като в макета */
.vt-np-h { display: flex; align-items: baseline; justify-content: space-between; margin: 28px 0 12px; }
.vt-np-h h2 { font-family: var(--vt-display); font-weight: 400; font-size: 28px; letter-spacing: 0; text-transform: none; color: var(--ink); }
.vt-np-all { font-family: var(--vt-caption); font-weight: 700; font-size: 14px; color: var(--gold-ink); }

/* ── Телефон: горна лента (лого, тема, профил) и долна лента по макет B (31.10.2026) ── */
.vt-mtop { display: none; }
@media (max-width: 820px) {
  .vt-mtop { position: sticky; top: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: calc(8px + env(safe-area-inset-top)) 14px 8px;
    background: linear-gradient(180deg, var(--hero-from) 0%, var(--navy-deep) 100%); border-bottom: 1px solid var(--navy-line); }
  .vt-mtop-logo { display: inline-flex; width: 34px; height: 34px; }
  .vt-mtop-logo > * { width: 34px; height: 34px; }
  .vt-mtop-seg { display: inline-flex; background: var(--navy-deep); border: 1px solid var(--navy-line-strong, rgba(245, 237, 214, .28)); border-radius: 999px; padding: 2px; }
  .vt-mtop-seg button { height: 30px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--cream); font: 600 13px var(--vt-caption); cursor: pointer; }
  .vt-mtop-seg button[aria-pressed="true"] { background: var(--gold); color: var(--navy-deep); }
  .vt-mtop-me { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--gold); color: var(--navy-deep); font: 700 15px var(--mac-ui); }
  .crm-top { padding-top: 18px; }
}

/* 31.10.2026: тема само в „Още“; бележка за съмнителна цена */
.vt-theme-row { display: flex; align-items: center; justify-content: space-between; padding: 6px 4px 10px; font-weight: 600; color: var(--ink); }
.vc-susp { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; font: 600 11px var(--vt-caption); letter-spacing: .02em; background: var(--warning-wash, var(--gold-tint-light)); color: var(--warning-ink, var(--gold-ink)); vertical-align: middle; }

/* ═══ 31.10.2026 (Раффи): „Първо това“ с реални редове, „Още“ по категории, камбанка и бързи бутони, док долу ═══ */
#view-today .vt-fi-list { display: flex; flex-direction: column; }
.vt-fi { display: flex; align-items: center; gap: 14px; padding: 14px 4px; color: var(--cream); text-decoration: none; box-shadow: inset 0 -1px 0 rgba(245, 237, 214, .14); }
.vt-fi:hover .vt-fi-btn { background: rgba(245, 237, 214, .12); }
.vt-fi-ic { flex: none; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(245, 237, 214, .1); color: var(--gold-light); }
.vt-fi-ic svg { width: 18px; height: 18px; }
.vt-fi-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.vt-fi-tag { align-self: flex-start; padding: 1px 9px; border-radius: 999px; background: rgba(245, 237, 214, .12); color: var(--gold-light); font: 600 12px var(--vt-caption); }
.vt-fi-t b { font-family: var(--vt-display); font-weight: 400; font-size: 17px; line-height: 1.25; color: var(--cream); }
.vt-fi-btn { flex: none; padding: 6px 14px; border: 1px solid rgba(245, 237, 214, .4); border-radius: 999px; color: var(--cream); font: 600 13px var(--vt-caption); }
.vt-fi-empty, .vt-side-empty { padding: 18px 4px 12px; font-size: 15px; line-height: 1.5; color: rgba(245, 237, 214, .86); }
#view-today .vt-side .vt-side-empty { color: var(--ink-2); }
#view-today .vt-side .vt-side-empty a { color: var(--gold-ink); font-weight: 700; }
.vt-after { padding-top: 6px; }

/* „Още“: категории */
.sb-nav .vt-g { color: var(--gold); }
.vt-out { grid-column: 1 / -1; display: flex; padding: 10px 6px 2px; border-top: 1px solid var(--navy-line); margin-top: 6px; }
.vt-out-btn { height: 34px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(245, 237, 214, .4); background: none; color: var(--cream); font: 600 14px var(--vt-caption); cursor: pointer; }
.vt-out-btn:hover { background: rgba(245, 237, 214, .12); }
.vt-more-h { margin: 14px 2px 4px; font: 700 12px var(--vt-caption); letter-spacing: .12em; text-transform: uppercase; color: var(--gold-ink); }
.vt-more-h:first-child { margin-top: 0; }

/* камбанка и бързи бутони до „Нов запис“ (≥821px) */
.vt-icons, .vt-dock { display: none; }
@media (min-width: 821px) {
  .vt-icons { display: flex; align-items: center; gap: 4px; flex: none; }
  .vt-ib { position: relative; width: 36px; height: 36px; border: 0; border-radius: 50%; background: none; color: var(--cream); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
  .vt-ib:hover { background: var(--navy-soft); }
  .vt-ib svg { width: 19px; height: 19px; }
  .vt-ib:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 2px; }
  .vt-ib-n { position: absolute; top: 1px; right: 0; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--gold); color: var(--navy-deep); font: 700 11px/17px var(--mac-num); text-align: center; }
  .sb-logout { display: none; }
  /* док: малка стъклена лента долу в средата, не пречи на съдържанието */
  .vt-dock { position: fixed; z-index: 55; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 2px; padding: 4px; border-radius: 999px;
    background: rgba(33, 41, 71, .82); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4);
    border: 1px solid rgba(245, 237, 214, .18); box-shadow: 0 8px 28px rgba(22, 28, 51, .32); }
  .vt-dk { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--cream); font: 600 13px var(--vt-caption); cursor: pointer; white-space: nowrap; }
  .vt-dk svg { width: 18px; height: 18px; }
  .vt-dk:hover { background: rgba(245, 237, 214, .12); }
  .vt-dk.on { background: var(--gold); color: var(--navy-deep); }
  .vt-dk:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 2px; }
  #content { padding-bottom: 76px; }
}
@media (min-width: 821px) and (max-width: 1100px) { .vt-dk span { display: none; } .vt-dk { padding: 0 13px; } }

/* 31.10.2026: „Преглед на деня“, „Имоти с разлика“, „Резерва“, роботът за групите и подобните блокове не са на Днес (остават в „Още“); редовете за внимание са в „Първо това“ */
#view-today .vt-after, .vt-after { display: none !important; }
#crm-gr-bar { display: none !important; } /* лентата „Групи: …“ (робот) е в „Още“, не на Днес */

/* 31.10.2026 (Раффи): входовете не се повтарят. Горе: Днес, Частни обяви, Чака Раффи, Входящи. Долу (док): Хора, Имоти, Още; менюто „Още“ се отваря нагоре от дока. */
@media (min-width: 821px) {
  #sidebar.vt-open.vt-up .sb-nav { position: fixed; top: auto; bottom: 70px; left: 50%; right: auto; transform: translateX(-50%); width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 110px); }
}

/* ═══ ТЪМНА ТЕМА: ЕДИН блок (03.11.2026) ═══
   Светлите стойности са в единствения корен на admin.html. Тук само сочим всяка роля към системата
   (Дизайн система/документация/01-TOKENS.md § Тъмна тема); нов hex няма. Каквото се рисува през роля, не иска правило за елемент. */
:root[data-tema="tamna"] {
  color-scheme: dark;
  --ink: var(--cream); --ink-2: rgba(245, 237, 214, .86); --ink-3: rgba(245, 237, 214, .72);
  --white: var(--navy); --bg-card: var(--navy); --border: rgba(245, 237, 214, .14); --bg: var(--navy-deep);
  --crm-line: rgba(245, 237, 214, .14); --crm-soft: var(--navy-soft);
  --mac-paper: var(--navy-deep); --mac-list: var(--navy); --mac-line: rgba(245, 237, 214, .12); --mac-soft: var(--navy-soft); --mac-gold-wash: var(--gold-wash-navy);
  --mac-late: var(--danger-on-navy); --mac-late-wash: var(--danger-wash-navy);
  --gold-ink: var(--gold); --gold-ink-deep: var(--gold); --gold-tint-light: var(--gold-wash-navy); --cream-line-strong: var(--navy-line-strong);
  --success-ink: var(--success-on-navy); --success-wash: var(--success-wash-navy);
  --warning-ink: var(--warning-on-navy); --warning-wash: var(--warning-wash-navy);
  --danger-ink: var(--danger-on-navy); --danger-wash: var(--danger-wash-navy);
  --info-ink: var(--info-on-navy); --info-wash: var(--info-wash-navy);
  --hair: var(--navy-line); --edge: var(--navy-line-strong);
  --edge-red: var(--danger-on-navy); --edge-ok: var(--success-on-navy); --edge-warn: var(--warning-on-navy); --edge-gold: var(--gold);
  --wash-neu: var(--navy-soft); --wash-warm: var(--navy-soft); --wash-gold: var(--gold-wash-navy); --bar: var(--navy-line-strong);
  --sev-amber: var(--warning-on-navy); --sev-green: var(--success-on-navy);
}
/* Само каквото ролята не стига: бутон със злато, заглавия, избрани чипове, полета на „Частни обяви“ */
html[data-tema="tamna"] .crm-btn-pri, html[data-tema="tamna"] .crm-btn-gold { background: var(--gold); color: var(--navy-deep); border-color: var(--gold); }
html[data-tema="tamna"] .crm-btn-pri:hover { background: var(--gold-light); border-color: var(--gold-light); }
html[data-tema="tamna"] .crm-btn { border-color: var(--navy-line-strong); }
html[data-tema="tamna"] h2, html[data-tema="tamna"] h3, html[data-tema="tamna"] h4 { color: var(--ink); }
html[data-tema="tamna"] .crm-av, html[data-tema="tamna"] .crm-row.sev-red .crm-av, html[data-tema="tamna"] .crm-row.sev-gold .crm-av { background: var(--navy-soft); color: var(--cream); }
html[data-tema="tamna"] .crm-col-stage h4, html[data-tema="tamna"] .crm-dcard b { color: var(--cream); }
html[data-tema="tamna"] .vc-chip { background: transparent; color: var(--cream); }
html[data-tema="tamna"] .vc-chip:hover, html[data-tema="tamna"] .vc-act:hover:not(:disabled) { background: var(--navy-soft); }
html[data-tema="tamna"] .vc-chip[aria-pressed="true"] { background: var(--gold-wash-navy); border-color: var(--gold); color: var(--gold); box-shadow: inset 0 0 0 1px var(--gold); }
html[data-tema="tamna"] .vc-sc { background: var(--gold-wash-navy); color: var(--gold); }
html[data-tema="tamna"] .vc-nums input, html[data-tema="tamna"] .vc-sel { background: var(--navy-deep); color: var(--cream); }
html[data-tema="tamna"] .crm-gr-silent, html[data-tema="tamna"] .crm-gr-silent b, html[data-tema="tamna"] .crm-gr-silent span { color: var(--navy-deep); }
html[data-tema="tamna"] .crm-tabbar { background: rgba(33, 41, 71, .9); }
html[data-tema="tamna"] .crm-tab { color: rgba(245, 237, 214, .72); }
html[data-tema="tamna"] .crm-tab.active { color: var(--gold); }
html[data-tema="tamna"] .crm-note.warn, html[data-tema="tamna"] .crm-note.bad { background: var(--warning-wash-navy); color: var(--cream); border-color: var(--warning-on-navy); }
html[data-tema="tamna"] .crm-note b { color: inherit; }
html[data-tema="tamna"] .xp-th.on { background: var(--gold); color: var(--navy-deep); border-color: var(--gold); }
html[data-tema="tamna"] small[style*="b34700"] { color: var(--warning-on-navy) !important; }  /* вграден цвят в admin-crm.js (не се пипа оттук) */