/* Стили страниц «Поставщики» / «Поставщики SYBER STORE» (префикс sup-).
   Подключаются самим модулем js/pages/suppliers.js (как css-pos.css). */

/* Плавающая панель черновика заявки — над таббаром, как .paybar. */
.sup-orderbar {
  position: fixed; left: 0; right: 0; bottom: calc(58px + var(--safe-b)); z-index: 25;
  padding: 10px 16px; max-width: 760px; margin: 0 auto;
}
.sup-orderbar .card { box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18); }

/* Распорка в конце списка, чтобы плавающая панель не закрывала последние строки. */
.sup-spacer { height: 96px; }

.sup-minhint { color: var(--danger); font-size: 12px; font-weight: 600; margin-top: 3px; }

.sup-price { font-weight: 800; font-size: 14.5px; color: var(--accent); }

/* Компактный степпер количества в строке прайса. */
.sup-steps { display: flex; align-items: center; gap: 6px; justify-content: flex-end; margin-top: 5px; }
.sup-steps button {
  width: 34px; height: 34px; border-radius: 10px; border: none; background: #EEF2F6;
  font-size: 17px; font-weight: 800; color: var(--ink); cursor: pointer; flex: none;
}
.sup-steps .sup-q {
  width: auto; min-width: 44px; padding: 0 8px; background: #E6F4F1; color: var(--accent);
  font-size: 14.5px;
}

.sup-offer .end { max-width: 46%; }