fix(mera-public): плитки точности в один ряд, «Расхождение» по одному краю

Пятая плитка (тёмная, из /stats) не влезала в грид: контейнер 1168px,
minmax(220px) + gap 20px требуют 1180px — плитка падала на вторую строку
одна и узкая, читалось как обрыв вёрстки. Заменил грид на flex-wrap с общим
базисом 200px: пять плиток встают в ряд, четыре — тоже, а на узких ширинах
остаток растягивается на всю строку вместо огрызка слева.

Значения столбца «Расхождение» стояли по левому краю ячейки, а заголовок —
по правому, из-за чего столбец читался пустым. Выровнял значения вправо,
по краю заголовка; на мобильном брейке text-align по-прежнему сбрасывается
в left (карточки с data-label не тронуты).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css

@@ -983,9 +983,14 @@
   text-wrap: pretty;
 }
 
+/* Плиток бывает четыре или пять (пятая — тёмная, приходит из /stats и может
+   не прийти). Грид с фиксированной minmax-колонкой ронял пятую на вторую
+   строку одну и узкую — читалось как обрыв. Flex-wrap с общим базисом делает
+   строку цельной при любом числе плиток: что помещается — стоит в ряд,
+   остаток растягивается на всю ширину, а не висит слева огрызком. */
 .accKpiGrid {
-  display: grid;
+  display: flex;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
+  flex-wrap: wrap;
   gap: 20px;
   margin: 0 0 32px;
   padding: 0;
@@ -993,6 +998,8 @@
 }
 
 .accKpiTile {
+  flex: 1 1 200px;
+  min-width: 0;
   background: var(--b2c-page-bg);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
@@ -1100,10 +1107,14 @@
   color: var(--b2c-ink);
 }
 
+/* Правый край — общий с заголовком столбца (.accTableHeadCellRight);
+   иначе значения стоят левее шапки и столбец читается пустым.
+   На мобильном брейке ниже text-align сбрасывается в left. */
 .accCellErr {
   font-family: var(--b2c-font-mono);
   font-size: 12px;
   color: var(--b2c-muted);
+  text-align: right;
 }
 
 .accCellGain {