/* «Рука на пульсе → Цены» (prices.js, msg 19814; подраздел - msg 19927) и срочное по ценам на главной. Цвета - только
   переменные темы (обе темы), инлайн-стили режет CSP. Чипы отбора (.chips, .chip) и .badge.quiet - общие (home.css, fines.css). */
.pc-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:22px}
.pc-tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);min-width:0}
.pc-tile strong{display:block;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
.pc-tile span{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:2px}
.pc-tile.good strong{color:var(--green)}
.pc-tile.bad strong{color:var(--red)}
.pc-filters{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pc-filters .chips{margin:0}
.pc-filters .chip b{font-weight:600}
/* «Нужно сделать» / «Архив» (msg 20128): переключатель .seg, рядом чипы своей вкладки */
.pc-tabs-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.pc-tabs b{font-weight:700;font-variant-numeric:tabular-nums;color:inherit}
.pc-list{display:grid;gap:10px}
.pc-card-note{justify-content:flex-start;gap:8px;color:var(--text);background:var(--surface)}
.pc-card-note a{color:var(--green);text-decoration:none}
/* «Как решаем» (msg 19959): общие правила над списком, свёрнуты */
.pc-method{margin:0 0 16px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);
  font-size:12.5px;line-height:1.55}
.pc-method[open] summary{margin-bottom:6px}

/* ряд совета - и в подразделе, и в срочном на главной; срочное - красной чертой слева, как просроченный штраф */
.pr-row{position:relative;display:grid;grid-template-columns:minmax(130px,auto) minmax(0,1fr);gap:12px;padding:12px 14px;
  border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.pr-row.crit:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 3px 3px 0;background:var(--red)}
.pr-who{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.pr-body{min-width:0}
h3.pr-title{font-size:13px;font-weight:600;line-height:1.4;color:var(--red);margin-bottom:4px}
p.pr-alert{font-size:12px;line-height:1.5;color:var(--text);margin-bottom:6px}
p.pr-alert b{font-weight:600;color:var(--red)}
.pr-move{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;font-variant-numeric:tabular-nums;color:var(--text)}
.pr-from{color:var(--muted);text-decoration:line-through}
.pr-arrow{color:var(--muted)}
.pr-step{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px}
.pr-step.down{background:var(--orange-soft);color:var(--orange)}
.pr-step.up{background:var(--green-soft);color:var(--green)}
p.pr-why{font-size:12px;line-height:1.5;margin-top:4px}
p.pr-what{font-size:12px;line-height:1.5;margin-top:4px;color:var(--text)}
.pr-flags{margin:6px 0 0;padding-left:16px;font-size:11.5px;line-height:1.5;color:var(--orange)}
.pr-flags .loss,.pr-flags .floor,.pr-flags .no_profit{color:var(--red)}
.pr-acts{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:6px;font-size:12px}
.pr-note{color:var(--muted);font-size:11px}
.pr-mark{padding:0;text-decoration:underline}
p.pr-done{font-size:12px;line-height:1.5;margin-top:6px;color:var(--green)}
/* формула «весь товар уходит к сроку» (msg 20617): факты ряда - к сроку, выкуп, штуки, дальше; цвет - самим пунктам */
ul.pr-facts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px;font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}
ul.pr-facts li{color:var(--muted-strong)}
ul.pr-facts li b{font-weight:600;color:var(--text)}
/* похожий конкурент (msg 21537): бренд-ссылка, ↗ и цена (или спад) не разрываются переносом - на телефоне пара не теряется */
.pr-rival{white-space:nowrap}
/* ...но сам бренд переносится: длинный (от ~38 знаков) в nowrap раздвигал трек сетки .pr-facts, и все факты ряда уходили за
   край на телефоне 360 (опровергатель 19.10). Пару держат вместе строчная стрелка и   после ссылки (prices.js): замер
   19.10 на ширинах 360-432 в Chromium и WebKit - со стрелкой inline-block цена отрывалась от бренда даже с  
   («Meraqi ↗» / «3 480 ₽»), с пробелом вместо   - тоже; без разрывов только этот вариант */
.pr-rival .art-wb{white-space:normal}
.pr-rival .art-go{display:inline}
/* «Почему» (msg 19959): ход решения по шагам, свёрнут, как «Почему» у «Советов ИИ» (ads_advice.css .adv-fold). Цвет - самим
   пунктам: app.css p{color:muted} бьёт наследование. Длинные числа и названия переносятся (телефон 360). */
.pr-fold{margin-top:6px;font-size:12px;line-height:1.5}
.pr-fold summary,.pc-method summary{cursor:pointer;color:var(--green);width:fit-content;max-width:100%;font-weight:600}
.pr-fold[open] summary{margin-bottom:4px}
ol.pr-steps{margin:0;padding-left:18px;display:grid;gap:4px;overflow-wrap:anywhere}
ol.pr-steps li{color:var(--muted-strong)}
ol.pr-steps li b{font-weight:600;color:var(--text)}

/* главная: срочное во всю ширину под графиком и сигналами; срочного нет - блока нет */
.home-prices{grid-column:1/-1}
.home-prices .panel-head .secondary{flex:none}
.pr-crit{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.pr-crit .pr-row{grid-template-columns:minmax(0,1fr);gap:8px;background:var(--bg)}   /* узкая карточка: артикул над текстом */
.home-prices>.text-btn{margin-top:8px}

@media(max-width:720px){
  .pc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-row,.pr-crit{grid-template-columns:minmax(0,1fr)}
}