/* Дополнения к брендбуку. style.css не трогаем — он приехал из макета,
   всё специфичное для живого сайта держим здесь. */

/* фильтры ленты — в макете кнопки, на сайте ссылки (работают без JS) */
.chips a.chip{text-decoration:none; color:var(--text-secondary)}
.chips a.chip:hover{color:var(--accent-cyan)}
.chips a.chip[aria-pressed="true"]{color:#07131f}

/* ссылки внутри списков показателей наследуют цвет строки */
.figs span a{color:inherit; text-decoration:none}
.figs span a:hover{color:var(--accent-cyan)}

/* ошибки формы */
.errors{list-style:none; margin:0 0 14px; padding:0}
.errors li{
  font-size:13.5px; color:var(--accent-red); padding:8px 12px; margin-bottom:6px;
  border:1px solid rgba(255,107,107,.3); border-radius:var(--radius-sm);
  background:rgba(255,107,107,.07);
}
.field .err{display:block; font-size:12.5px; color:var(--accent-red); margin-top:6px}
.field input[aria-invalid="true"],
.field textarea[aria-invalid="true"],
.kw-row input[aria-invalid="true"]{border-color:var(--accent-red)}

/* форма входа и регистрации */
.auth{max-width:440px; margin:0 auto}
.auth .panel{padding:28px}
.auth h1{font-size:28px; margin-bottom:8px}
.auth .sub{font-size:14.5px; color:var(--text-muted); margin:0 0 24px; line-height:1.6}
.auth .fields{display:grid; gap:16px}
.auth .btn{width:100%; margin-top:20px; padding:14px 22px; font-size:15px}
.auth .alt{margin:20px 0 0; font-size:14px; color:var(--text-muted); text-align:center}

/* кнопка-ссылка внутри строки ключевого слова */
.kw form{display:inline; line-height:1}
.kw form button{border:0; background:transparent; color:inherit; cursor:pointer;
  font-size:15px; line-height:1; padding:0; opacity:.6}
.kw form button:hover{opacity:1}

/* блок «нет доступа» */
.locked{text-align:center; padding:40px 24px}
.locked h4{margin-bottom:12px}
.locked p{margin:0 auto 18px; max-width:52ch}

/* таблица платежей на узких экранах уже в .scroll-x, тут только отступ */
.panel .scroll-x{margin-top:4px}