/* §19 «Торговля выключена»: заметная плашка в кабинете и админке (тот же вид в обеих частях). */
.tradeoff { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 14px;
  border: 1px solid var(--warn); border-radius: 12px; background: var(--warn-soft); color: var(--ink);
  font-size: 14px; line-height: 1.4; font-weight: 600; }
.tradeoff[hidden] { display: none; }
.tradeoff__dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: var(--warn);
  box-shadow: 0 0 0 4px var(--warn-soft); }
.tradeoff__txt { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.tradeoff a { color: inherit; font-weight: 700; white-space: nowrap; }
.tradeoff--app { margin: 12px clamp(16px, 3vw, 32px) 0; }
@media (max-width: 480px) { .tradeoff { font-size: 13px; padding: 9px 12px; } }