/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/a89-favcmp.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/* A.89 этап 3 (ТЗ P-11/P-12/G-7): избранное и сравнение по макету v13.51.
   Только новое/переопределяющее поверх app/mockup.css (сами favcmp-стили не
   трогаем): синий счётчик в H1, карточки ЖК по макету (4 в ряд, застройщик,
   метро+время, сдача), бейджи-счётчики вкладок, панель «только различия» с
   подсказкой, янтарная подсветка отличающихся ячеек, якорь бейджа шапки,
   мобильный отступ плавающей панели сравнения. */

/* G-7: бейдж шапки позиционируется относительно иконки (правило из favcmp.js
   макета потерялось при переносе в mockup.css) */
.header-actions .link-icon { position: relative; }

/* P-11/P-12: число в H1 — синим, как в макете (span#nvCount внутри h1) */
.a89-count { color: var(--accent, #0A6CFF); font-size: 0.62em; font-weight: 700; }
.a89-page-sub { color: var(--text-2, #5F6B7A); font-size: 14.5px; margin: 0 0 22px; }

/* P-11: карточка ЖК избранного — фото единой высоты, строки по макету */
.nv-favcard .a89-ph { display: block; height: 160px; background: var(--surface, #F6F5F9); }
.nv-favcard .a89-ph img { width: 100%; height: 160px; object-fit: cover; display: block; }
.nv-favcard .a89-ph.a89-ph-empty { display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 28px; color: var(--text-3, #8A94A6); }
.nv-favcard .a89-name { font-weight: 700; color: var(--navy, #0B1B33); text-decoration: none; font-size: 15px; }
.nv-favcard .a89-name:hover { color: var(--accent, #0A6CFF); }
.nv-favcard .a89-dev { font-size: 13px; color: var(--text-2, #5F6B7A); }
.nv-favcard .a89-metro { font-size: 13px; color: var(--text-2, #5F6B7A); }
.nv-favcard .a89-dl { font-size: 13px; color: var(--text-2, #5F6B7A); }
.nv-favcard .a89-price { font-size: 15px; font-weight: 700; color: var(--navy, #0B1B33); }
.nv-favcard .a89-price .a89-from { white-space: nowrap; }

/* P-12: счётчики-БЕЙДЖИ во вкладках (вместо голых чисел макетных <small>) */
.nv-tab .a89-tcount { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px;
  background: var(--accent-soft, #EAF2FF); color: var(--accent, #0A6CFF);
  font-size: 12px; font-weight: 700; line-height: 18px; }

/* P-12: панель «только различия» + подсказка «отличающиеся значения подсвечены» */
.nv-diffbar.a89-diffbar { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 0 0 14px;
  font-size: 14px; color: var(--text-2, #5F6B7A); cursor: default; }
.nv-diffbar.a89-diffbar > label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; color: var(--navy, #0B1B33); font-weight: 600; }
.nv-diffbar.a89-diffbar > label input { width: 16px; height: 16px; accent-color: var(--accent, #0A6CFF); }
.nv-diffbar.a89-diffbar .a89-hint { font-size: 13px; color: var(--text-3, #8A94A6); }

/* P-12: подсветка отличающихся значений — акцентный фон макета (#FEF3E2) */
.nv-cmptable td.nv-diff { background: var(--amber-bg, #FEF3E2); font-weight: 600; }

/* P-12: фото в шапке таблицы — единый размер, без панорамных разрывов */
.nv-cmptable td.a89-cmp-ph img { width: 100%; height: 130px; object-fit: cover;
  border-radius: var(--radius-m, 10px); display: block; }
.nv-cmptable td.a89-cmp-ph .a89-ph-empty { width: 100%; height: 130px; border-radius: var(--radius-m, 10px);
  background: var(--surface, #F6F5F9); display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 22px; color: var(--text-3, #8A94A6); }
.nv-cmptable .a89-cmp-name { display: block; margin-top: 8px; }

/* G-7/P-12.6: плавающая панель сравнения — список добавленных, на мобильном
   выше bottom-bar, чтобы его не перекрывать */
.nv-cmpbar .a89-cmpbar-names { color: #9AA7B8; font-size: 12.5px; max-width: 40vw;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) {
  .nv-cmpbar { bottom: 84px; max-width: calc(100vw - 24px); flex-wrap: wrap; }
  .nv-cmpbar .a89-cmpbar-names { display: none; }
}