/* Публічна сторінка ємності (apps/studio/cellar.js) — лише те, чого немає в ядрі:
   пропозиція покласти складене в комору й підказка під пікером тари. Решта —
   /ui/kit.css (шапка, інструменти, вікна) і /ui/cellar.css (дошка, паспорт),
   ті самі, що в кабінеті. Токени — з ядра, власних немає. */

/* Під пікером тари: що далі. Одне речення, без кнопки — кнопка «Залити» вгорі. */
.cl-pick-next { margin: 14px 0 0; }

/* Пропозиція — після результату, а не замість нього: спокійна поверхня без
   тривожного кольору, текст ліворуч, одна дія праворуч. На вузькому — дія під текстом. */
.cl-offer {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin: 24px 0 8px;
  padding: 18px 22px; border: 1px solid var(--border-gold); border-radius: var(--radius-md);
  background: rgba(var(--green-rgb), .04);
}
.cl-offer-t { flex: 1 1 320px; min-width: 0; }
.cl-offer h2 { margin: 0 0 4px; font-size: 1.05rem; color: var(--green); text-wrap: balance; }
.cl-offer p { margin: 0; color: var(--hint); max-width: 65ch; text-wrap: pretty; }
.cl-offer .btn { flex: none; }
.cl-offer-plan { margin: 6px 0; padding: 0; list-style: none; color: var(--text); }
.cl-offer-plan:empty { display: none; }
.cl-offer-plan b { font-weight: 600; }
@media (max-width: 560px) {
  .cl-offer { padding: 16px; }
  .cl-offer .btn { flex: 1 1 100%; justify-content: center; }
}

/* Ємність у шапці — одним рядком під назвою сторінки. */
#tareSub:empty { display: none; }