/* ============================================================
   mpr-value.css — «ценность-first» каскад публичной витрины · v1.0
   Подключать ПОСЛЕ mpr-core.css (и mpr-site.css).
   Отдельный модуль, не ядро: паттерн живёт только на витрине,
   ядро делят оба контура (витрина + панель Главы) — не раздуваем.
   Только токены --mpr-*. Брейкпоинты системы: 560 / 880.
   Правило контура: красный (risk) на витрине запрещён.
   Тап-зоны ≥44px (исправление ревизии: было 42 в спеке).
   Капс-подписи ≥11px (доступность для пожилых).
   ============================================================ */

/* ---------- A. Агрегат-лента «Что получат жители округа» ---------- */
.mpr-value-ribbon{display:flex;align-items:center;gap:16px;background:var(--mpr-card-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--mpr-line);border-radius:var(--mpr-r-lg);padding:14px 20px;min-height:64px;box-shadow:var(--mpr-shadow-soft);text-decoration:none;cursor:pointer;transition:transform .16s var(--mpr-bezier),box-shadow .16s var(--mpr-bezier),border-color .16s var(--mpr-bezier)}
.mpr-value-ribbon:hover{transform:translateY(-1px);box-shadow:var(--mpr-shadow);border-color:var(--mpr-line-strong)}
.mpr-value-ribbon:focus-visible{outline:none;box-shadow:var(--mpr-shadow),0 0 0 3px rgba(143,149,80,.28)}
.mpr-value-ribbon:active{transform:scale(.99)}
.mpr-vr-label{flex:0 0 auto;max-width:150px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mpr-moss-deep);line-height:1.35}
.mpr-vr-items{flex:1 1 auto;display:flex;align-items:center;gap:14px;min-width:0}
.mpr-vr-item{display:flex;align-items:center;gap:10px;min-width:0;padding-left:14px;border-left:1px solid var(--mpr-line-soft)}
.mpr-vr-item.is-first{border-left:0;padding-left:0}
.mpr-vr-item--wide{flex:1 1 240px}
.mpr-vr-ico{flex:0 0 auto;width:34px;height:34px;border-radius:var(--mpr-r-sm);display:flex;align-items:center;justify-content:center;background:rgba(143,149,80,.14);color:var(--mpr-moss-deep)}
.mpr-vr-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mpr-vr-num{font-size:17px;font-weight:600;line-height:1.15;color:var(--mpr-forest);white-space:nowrap}
.mpr-vr-num em{font-style:normal;font-weight:500;font-size:12.5px;color:var(--mpr-muted)}
.mpr-vr-cap{display:block;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--mpr-muted);line-height:1.3;margin-top:3px}
.mpr-vr-cap--list{text-transform:none;letter-spacing:0;font-size:11.5px}
.mpr-vr-chev{flex:0 0 auto;color:var(--mpr-gold-deep);display:flex;align-items:center}
.mpr-vr-chev svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Видимая сноска-состав суммы + дата выверки (НЕ тултип: на телефоне наведения нет).
   Сноска — часть решения о включении приостановленного проекта в сумму, не украшение. */
.mpr-value-note{display:block;margin:8px 4px 0;font-size:12px;line-height:1.5;color:var(--mpr-muted)}
.mpr-verified{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mpr-muted)}
.mpr-verified svg{width:13px;height:13px;fill:none;stroke:var(--mpr-moss-deep);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:879px){
  .mpr-value-ribbon{flex-wrap:wrap;gap:12px;padding:16px 18px}
  .mpr-vr-label{flex:1 1 auto;max-width:none}
  .mpr-vr-chev{order:2}
  .mpr-vr-items{order:3;flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .mpr-vr-item{border-left:0;padding-left:0}
  .mpr-vr-item--wide{grid-column:1/-1}
}
@media (max-width:559px){
  .mpr-vr-items{grid-template-columns:1fr}
  .mpr-vr-num{white-space:normal}
}

/* ---------- B. Карточка «ценность-first»: фраза пользы + эффекты ---------- */
.mpr-valuelead{display:flex;gap:9px;align-items:flex-start;background:rgba(143,149,80,.10);border:1px solid var(--mpr-line);border-radius:14px;padding:10px 12px}
.mpr-valuelead svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;fill:none;stroke:var(--mpr-moss-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mpr-valuelead p{margin:0;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--mpr-forest);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Компакт-строка эффектов (2–3 на карточке; полные плитки с описанием — .mpr-benefit из mpr-site.css) */
.mpr-effects{display:flex;flex-wrap:wrap;gap:7px 12px}
.mpr-effect{display:inline-flex;align-items:center;gap:7px}
.mpr-effect__ico{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(143,149,80,.13);color:var(--mpr-moss-deep)}
.mpr-effect__ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mpr-effect__t{font-size:12px;font-weight:500;color:var(--mpr-forest)}

/* ---------- C. Пара «Было → Станет» (текстовая; фото-сравнение — .mpr-ba) ---------- */
.mpr-was{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.mpr-was__cell{border-radius:14px;padding:10px 13px}
.mpr-was__cell.is-before{background:rgba(176,156,103,.10);border:1px solid var(--mpr-line-soft)}
.mpr-was__cell.is-after{background:rgba(143,149,80,.13);border:1px solid var(--mpr-line)}
.mpr-was__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.is-before .mpr-was__label{color:var(--mpr-muted)}
.is-after .mpr-was__label{color:var(--mpr-moss-deep)}
.mpr-was__text{margin:0;font-size:13px;line-height:1.45}
.is-before .mpr-was__text{color:var(--mpr-muted);font-weight:500}
.is-after .mpr-was__text{color:var(--mpr-forest);font-weight:600}
.mpr-was__arrow{align-self:center;color:var(--mpr-moss-deep);display:flex}
.mpr-was__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:559px){
  .mpr-was{grid-template-columns:1fr}
  .mpr-was__arrow{transform:rotate(90deg);justify-self:center}
}

/* ---------- D. Чипы «Что появится» ---------- */
.mpr-appear{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.mpr-appear__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mpr-muted);margin-right:3px}
.mpr-appear__chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.8);border:1px solid var(--mpr-line);border-radius:var(--mpr-r-pill);padding:5px 12px;font-size:12.5px;font-weight:500;color:var(--mpr-forest)}
.mpr-appear__chip svg{width:13px;height:13px;fill:none;stroke:var(--mpr-moss-deep);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- E. Кнопка «Показать на карте» (тап-зона 44px) ---------- */
.mpr-map-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--mpr-r-pill);border:1px solid var(--mpr-line-strong);background:rgba(255,255,255,.85);color:var(--mpr-moss-deep);font-size:13px;font-weight:600;text-decoration:none;transition:transform .16s var(--mpr-bezier),box-shadow .16s var(--mpr-bezier)}
.mpr-map-btn:hover{transform:translateY(-1px);box-shadow:var(--mpr-shadow-soft)}
.mpr-map-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(143,149,80,.28)}
.mpr-map-btn:active{transform:scale(.97)}
.mpr-map-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mpr-map-addr{font-size:12px;color:var(--mpr-muted)}

/* ---------- F. Аудитория (алиас словаря; разметка — .mpr-who из mpr-site.css) ---------- */
.mpr-audience{display:inline-flex;align-items:center;gap:6px;background:rgba(143,149,80,.10);border:1px solid var(--mpr-line);color:var(--mpr-moss-deep);border-radius:var(--mpr-r-pill);padding:5px 12px;font-size:12.5px;font-weight:500}
.mpr-audience svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- G. Статусы витрины ----------
   Пилюли — .mpr-badge --work/--done/--paused/--cancelled (ядро).
   Словарь: В работе · Завершается · Завершено · Приостановлен · Отменён.
   «Завершается» — на work-палитре. risk/--focus на витрине не используются. */
.mpr-status-note{margin-top:12px;background:var(--mpr-paused-bg);border:1px solid var(--mpr-paused-line);border-radius:12px;padding:11px 14px;font-size:12.7px;color:var(--mpr-paused-fg);font-weight:500;line-height:1.4}

/* ---------- H. Герой «Ценность для жителей» ----------
   Сетка: логотип НП (белая рамка .mpr-np) | донат (.mpr-donut) | KPI;
   условные ряды (--span): «Было → Станет», «Что появится», действия. */
.mpr-value-hero{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:center;background:var(--mpr-card-strong);border:1px solid var(--mpr-line);border-radius:var(--mpr-r-lg);padding:18px 20px}
.mpr-value-hero .mpr-was,.mpr-value-hero .mpr-appear,.mpr-value-hero .mpr-hero-actions{grid-column:1/-1;border-top:1px solid var(--mpr-line-soft);padding-top:13px}
.mpr-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mpr-value-kpis{display:flex;flex-wrap:wrap;gap:18px}
.mpr-value-kpi__num{font-size:21px;font-weight:600;line-height:1;color:var(--mpr-forest)}
.mpr-value-kpi__num em{font-style:normal;color:var(--mpr-muted);font-weight:500}
.mpr-value-kpi__cap{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--mpr-muted);margin-top:5px}
@media (max-width:639px){
  .mpr-value-hero{grid-template-columns:1fr 1fr;gap:14px}
  .mpr-value-hero .mpr-value-kpis{grid-column:1/-1}
}

@media (prefers-reduced-motion:reduce){
  .mpr-value-ribbon,.mpr-map-btn{transition:none}
  .mpr-value-ribbon:hover,.mpr-value-ribbon:active,.mpr-map-btn:hover,.mpr-map-btn:active{transform:none}
}