/* PULSE — раздел «Ценность» (roi.js). Классы — префикс roi-.
 * Светлая тема, токены кабинета (voice.css) с фолбэками — как в development.css. */

.roi-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }

.roi-card {
  border: 1px solid var(--vx-border, #ECECEC); border-radius: var(--vx-r-card-sm, 16px);
  padding: 16px 18px; background: #fff;
}
.roi-card__lbl { font-size: 12.5px; color: var(--vx-text-2, #9A9A9A); margin-bottom: 8px; }
.roi-card__val { font-size: 28px; font-weight: 600; line-height: 1.15; color: var(--vx-text, #0A0A0A); }
.roi-card__val--sm { font-size: 18px; }
.roi-card__sub { font-size: 12.5px; color: var(--vx-text-2, #9A9A9A); margin-top: 6px; }
.roi-card__na { font-size: 13px; color: var(--vx-text-2, #9A9A9A); }

.roi-note { font-size: 12.5px; color: var(--vx-text-2, #9A9A9A); margin-top: 12px; line-height: 1.5; }

.roi-insuff {
  border: 1px dashed var(--vx-border, #ECECEC); border-radius: var(--vx-r-card-sm, 16px);
  padding: 14px 16px; background: var(--vx-bg-hover, #F6F6F5);
}
.roi-insuff__ttl { font-size: 14px; font-weight: 600; color: var(--vx-text, #0A0A0A); margin-bottom: 6px; }
.roi-insuff__list { margin: 0; padding-left: 18px; font-size: 13px; color: var(--vx-text-2, #9A9A9A); line-height: 1.6; }

.roi-empty { font-size: 13.5px; color: var(--vx-text-2, #9A9A9A); padding: 10px 2px; }

.roi-insights { display: flex; flex-direction: column; gap: 10px; }
.roi-insight {
  border: 1px solid var(--vx-border, #ECECEC); border-radius: var(--vx-r-card-sm, 16px);
  padding: 14px 16px; background: #fff;
}
.roi-insight__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.roi-insight__lvl { font-size: 12px; }
.roi-insight__where { font-size: 14px; font-weight: 600; color: var(--vx-text, #0A0A0A); }
.roi-insight__urg { margin-left: auto; font-size: 12px; color: var(--vx-text-2, #9A9A9A); }
.roi-insight__row { font-size: 13.5px; line-height: 1.6; color: var(--vx-text, #0A0A0A); }
.roi-insight__row b { font-weight: 600; color: var(--vx-text-2, #9A9A9A); }
.roi-insight__action { margin-top: 4px; }