/* Застройщики ЕИСЖС — 13.09.2026.
   Хаб /zastroyshchiki и блок на странице компании. Сетка карточек, вкладки,
   счётчики и пагинация переиспользуются из cbr.css: разделы устроены одинаково,
   второй набор тех же правил только разъезжался бы. Здесь — только своё:
   нейтральный тон блока (у ЦБ он красный по смыслу, у застройщика — нет),
   плашки объектов и фильтр по региону. Переменные наследуются от .cbr/.cbr-block. */

/* --- хаб ---------------------------------------------------------------- */

.domrf-stat--problem b { color: var(--cbr-amber); }
.domrf-stat--bankrupt b { color: var(--cbr-red); }

.domrf-regions {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px;
    margin: 14px 0 4px; font-size: 14px;
}
.domrf-regions-label { color: var(--cbr-muted); margin-right: 2px; }
.domrf-region {
    display: inline-block; padding: 3px 10px; border: 1px solid var(--cbr-line);
    border-radius: 999px; background: #fff; color: var(--cbr-ink-2);
    text-decoration: none; line-height: 1.5;
}
.domrf-region:hover { border-color: var(--cbr-brand); text-decoration: none; }
.domrf-region em { font-style: normal; color: var(--cbr-muted); margin-left: 4px; font-size: 12px; }
.domrf-region--on { background: var(--cbr-ink); border-color: var(--cbr-ink); color: #fff; }
.domrf-region--on em { color: rgba(255, 255, 255, .7); }

.domrf-badge--build { background: #eaf1ff; color: #1155cc; }
.domrf-badge--done { background: #e7f6ec; color: var(--cbr-green); }
.domrf-badge--problem { background: var(--cbr-amber-soft); color: var(--cbr-amber); }
.domrf-badge--bankrupt { background: var(--cbr-red-soft); color: var(--cbr-red); }
.domrf-badge--escrow { background: #eceef2; color: var(--cbr-muted); }

.domrf-card--problem { border-left: 3px solid var(--cbr-amber); }

/* --- блок на странице компании ------------------------------------------ */

/* .cbr-block по умолчанию красный: там это значит «в списке ЦБ». Застройщик в
   реестре — нейтральный факт, тревожный тон был бы обвинением. */
.domrf-block {
    border: 1px solid var(--cbr-line); border-left: 4px solid var(--cbr-brand);
    background: var(--cbr-soft);
}
.domrf-block--problem { border-left-color: var(--cbr-amber); background: var(--cbr-amber-soft); }

.domrf-group { margin: 6px 0 0; color: var(--cbr-ink-2); font-size: 15px; }

.domrf-objects { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 4px; }
.domrf-object {
    flex: 1 1 130px; padding: 10px 14px; border: 1px solid var(--cbr-line);
    border-radius: 10px; background: #fff;
}
.domrf-object b { display: block; font-size: 24px; line-height: 1.2; font-weight: 600; }
.domrf-object span { display: block; font-size: 13px; color: var(--cbr-muted); }
.domrf-object--problem { border-color: #edd3a4; background: var(--cbr-amber-soft); }
.domrf-object--problem b { color: var(--cbr-amber); }

.domrf-warning { margin: 12px 0 0; font-size: 15px; color: var(--cbr-ink-2); }
.domrf-bankrupt {
    margin: 12px 0 0; padding: 10px 14px; border-radius: 10px;
    background: var(--cbr-red-soft); color: var(--cbr-ink-2); font-size: 15px;
}
.domrf-bankrupt b { color: var(--cbr-red); }

@media (max-width: 560px) {
    .domrf-object { flex: 1 1 100%; }
    .domrf-object b { font-size: 20px; }
}