/* signals_v3.css — page-CSS для signals_list_v3.html / report_v3.html
   (services/portal/templates/portal/*.html), хвиля 3 редизайну.

   Мінімальний навмисно: реєстр UI-KIT.md (ss-glass/ss-surface/ss-chip/
   ss-tag/ss-seg/tv3-beam/tv3-signal-lead/_trade_status_chip/_pagination_v3)
   і news_v3.css (nv3-filterbar/nv3-select/nv3-crumb) покривають майже все —
   сторінки підключають їх поруч (той самий прецедент, що stocks_catalog_v3.html
   підключає news_v3.css/catalogs_v3.css). Тут — ЛИШЕ те, чого нема ніде:
   responsive-сітка карток сигналів (grid-template-columns по брейкпойнту,
   Закон №3 — властивість, якою керує клас, не дублюється інлайном) +
   full-bleed для лід-картки (SignalCard-канон: єдиний залитий обʼєкт мови
   не сміє бути затиснутий у вузьку колонку гріда). */

.sv3-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .sv3-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sv3-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Ревью-фікс (координатор, MAJOR §4): .ss-kpi-row (design-system.css) несе
   @media(min-width:900px){grid-template-columns:1fr} — побудований для
   вузької 260px бічної рейки .ss-hero-grid (ticker-сторінка), НЕ для
   повноширинної stats-панелі. На signals_list (без hero-grid) той самий
   клас колапсував би 4 KPI-плитки в один стовпець на ≥900px. Окремий клас
   з тим самим базовим рецептом, БЕЗ вузько-рейкового медіа-override. */
.sv3-kpi { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); }

/* Лід-картка (перша, найсвіжіша, ТІЛЬКИ коли trade_status=open — SignalCard-
   канон "єдиний залитий обʼєкт мови") розтягується на всю ширину рядка:
   вона несе більше даних (17px тікер, 22px промінь) і сплюснута до 1/3
   колонки виглядала б переповненою. Перша картка БЕЗ tv3-signal-lead
   (сигнал закритий/фільтр без live) лишається рівною серед рівних —
   full-bleed виправданий лише самою заливкою, не позицією в списку. */
.sv3-grid > .tv3-signal-lead { grid-column: 1 / -1; }