/* Полоса ситуации в разделах (deploy107e-2, 11.10.2026).
   109 (11.10.2026): одна строка ~40 px вместо ~150 px — плашки с прокруткой
   вбок, «Списком» раскрывает столбик, оговорка — в «?». */
.sst { margin: 6px 12px 0; padding: 4px 6px 4px 10px; border: 1px solid var(--border, #d8dde6); border-radius: 10px; background: var(--surface, #fff); font-size: 12px; display: flex; align-items: center; gap: 8px; min-width: 0; }
.sst[hidden] { display: none; }
.sst-h { flex: none; font-size: 11px; color: var(--text-muted, #6b7280); white-space: nowrap; }
.sst-h b { display: inline-block; min-width: 18px; text-align: center; margin-left: 3px; padding: 0 5px; border-radius: 999px; background: var(--accent, #3b82f6); color: #fff; font-size: 11px; }
.sst-l { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: thin; scroll-snap-type: x proximity; }
.sst-i { flex: none; display: flex; align-items: center; gap: 6px; white-space: nowrap; padding: 2px 4px 2px 8px; border: 1px solid var(--border, #d8dde6); border-left: 3px solid var(--border); border-radius: 8px; background: var(--surface-2, #f0f2f5); scroll-snap-align: start; }
.sst-sup { border-left-color: #26a69a; }
.sst-res { border-left-color: #ef5350; }
.sst-t { font-size: 12px; }
.sst-z { font-variant-numeric: tabular-nums; }
.sst-sup .sst-z { color: #1f9d8f; }
.sst-res .sst-z { color: #e0524f; }
.sst-st { font-size: 11px; padding: 0 6px; border-radius: 999px; background: rgba(59, 130, 246, .14); color: #3b82f6; font-weight: 600; }
.sst-wait { background: rgba(127, 127, 127, .14); color: var(--text-muted, #6b7280); }
.sst-in_zone { background: rgba(245, 158, 11, .16); color: #d97706; }
.sst-bounce, .sst-break { background: rgba(20, 184, 166, .16); color: #0f9d8f; }
.sst-m { color: var(--text-muted, #6b7280); }
.sst-sc b { color: var(--text, inherit); font-variant-numeric: tabular-nums; }
.sst-q { color: #ef6c00; }
.sst-b { font: inherit; font-size: 11px; padding: 1px 8px; border: 1px solid var(--border, #c9d1dd); border-radius: 6px; background: var(--surface, transparent); color: var(--accent, inherit); cursor: pointer; white-space: nowrap; }
.sst-b:hover { background: var(--surface-2); }
.sst-more { flex: none; color: var(--text-muted, inherit); }
.sst-n { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--border); color: var(--text-muted); font-size: 11px; display: inline-flex; align-items: center; justify-content: center; cursor: help; }
.sst.is-all { flex-wrap: wrap; align-items: flex-start; }
.sst.is-all .sst-l { flex-direction: column; overflow: visible; flex-basis: 100%; order: 3; }
.sst.is-all .sst-i { white-space: normal; flex-wrap: wrap; }
@media (max-width: 600px) {
  .sst { margin: 4px 8px 0; padding: 3px 4px 3px 8px; gap: 6px; }
  .sst-h { font-size: 0; }
  .sst-h b { font-size: 11px; margin: 0; }
  .sst-l { scrollbar-width: none; }
  .sst-l::-webkit-scrollbar { display: none; }
  .sst-b { min-height: 28px; }
  .sst-more { font-size: 0; padding: 1px 6px; }
  .sst-more::after { content: '☰'; font-size: 13px; }
  .sst-n { display: none; }
}