/* Поиск по задаче — тестовая страница /preview/task (TASK_SEARCH_UI, вариант 3 — DK/F5 14.10). Карточки кейсов —
   классы /cases (cases.css из /cases-static/), кнопка «Выбрать» на карточке — там же (.rq-pick--card); панель и
   форма — request-select.css. Здесь только своё: поле, вопрос, текст яруса, строки агентств яруса «в».
   Версия — через rdk_assets (nginx кэширует /user/themes/** на год). */

.ts-card{padding:18px 18px 8px}
/* hidden у блоков страницы — наш: их display (flex/grid, у .case-card — flex) иначе перебивает атрибут */
#ts-root [hidden]{display:none !important}
.ts-form{display:flex;flex-direction:column;gap:10px}
.ts-q{width:100%;box-sizing:border-box;min-height:84px;padding:12px 14px;border:1px solid var(--line-strong,#d6dee9);
  border-radius:12px;font:inherit;font-size:15px;line-height:1.45;color:#18202b;resize:vertical;background:#fff}
.ts-q:focus{outline:none;border-color:#98a2b3;box-shadow:0 0 0 3px rgba(36,48,65,.08)}
.ts-form-row{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.ts-msg{margin:0 auto 0 0;font-size:13px;color:#5b6675}
.ts-msg.is-error{color:#b42318}
.ts-msg.is-loading::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;
  border:2px solid #cfd8e3;border-top-color:#243041;border-radius:50%;animation:ts-spin .8s linear infinite}
@keyframes ts-spin{to{transform:rotate(360deg)}}
.ts-submit{padding:10px 22px;border:none;border-radius:10px;background:var(--accent,#243041);color:#fff;
  font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.ts-submit:disabled{opacity:.6;cursor:default}
.is-busy .ts-out{opacity:.45;transition:opacity .15s ease}

.ts-out{margin-top:18px;border-top:1px solid #eef2f7;padding-top:14px}

.ts-question{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;margin-bottom:12px;
  border:1px solid var(--accent-line,#dbe3ec);background:var(--accent-soft,#f3f6fa);border-radius:10px;font-size:14px;color:#18202b}
.ts-q-text{font-weight:600}
.ts-q-opts{display:flex;flex-wrap:wrap;gap:6px}
.ts-q-opt{padding:5px 11px;border:1px solid var(--accent-line-strong,#cfd8e3);border-radius:8px;background:#fff;
  font:inherit;font-size:13px;color:#243041;cursor:pointer}
.ts-q-opt:hover{border-color:#98a2b3}

.ts-note{font-size:14px;line-height:1.55;color:#344054;margin-bottom:12px}
.ts-note p{margin:0 0 8px}
.ts-fallback{color:#6b7787;font-size:13px}
/* Ярус «в» (DK/F5 16.10): агентства строками рейтинга v3 без колонки места — ширины перераспределены. */
.ts-rows col.col-company{width:58%}
.ts-rows col.col-cases{width:16%}
.ts-rows col.col-awards{width:26%}
.ts-rows.has-budget col.col-company{width:46%}
.ts-rows.has-budget col.col-awards{width:20%}
.ts-rows.has-budget col.col-budget{width:18%}
.ts-rows .company-cell{padding-left:14px}
.ts-mcard .mobile-card-header{grid-template-columns:minmax(0,1fr);padding-left:0}   /* без кружка места: колонка 40 пкс рейтинга сжала бы имя */

.ts-h{font-size:17px;margin:6px 0 12px;color:#18202b}
.ts-h-sub{margin:-8px 0 12px;font-size:14px;color:#5b6675}   /* «Кейсы, в которых решалась похожая задача» (F5 17.10) */
.ts-grid{margin-bottom:6px;grid-template-columns:minmax(0,1fr)}
/* ⚠️ minmax(0,…), а не 1fr cases.css: 1fr = minmax(auto,1fr), и колонка растягивалась под непереносимый чип метрики
   («40 одновременных пользователей», 327 пкс) — на 390 карточки вылезали за рамку .ts-card (у /cases рамки нет). */
@media (min-width: 560px){ .ts-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width: 900px){ .ts-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
.ts-grid .case-card-metric-value{white-space:normal}
@media (max-width: 599px){
  .ts-card{padding:14px 12px 6px}
  .ts-q{font-size:16px}               /* < 16 пкс iOS приближает страницу при фокусе */
  .ts-form-row{flex-wrap:wrap}
  .ts-submit{width:100%}
}