/* styles-prod-order-items.css — ячейки состава ПЗ, которые правятся вручную
 * (pages-prod-order-items-add.js / pages-prod-order-items-edit.js).
 *
 * Отдельный файл, а не строки в styles-plan*.css: там уже монолиты, а это
 * стили одного экрана. Общие компоненты (.plan-op-*, .plan-cell-*) НЕ трогаю —
 * только сужаю их в пределах своих ячеек. */

/* ── Выпадашки номенклатуры и клиента ────────────────────────────────────────
 * Длинное название («ТОО «ENTRO AKTAU», ИИК: …, БИН: …») растягивало меню на
 * пол-экрана: у общего .plan-op-menu только min-width, а опции — в одну строку.
 * Держим меню узким, длинную подпись режем многоточием — полное значение
 * показывает та же чёрная подсказка (title), что и раньше. */
.po-client-wrap .plan-op-menu,
.prod-order-nom-wrap .plan-op-menu {
  min-width: 220px;
  max-width: 300px;
}

.po-client-wrap .plan-op-option,
.prod-order-nom-wrap .plan-op-option {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Закрытая ячейка тоже не должна распирать колонку. */
.po-client-cell .cell-select,
.prod-order-nom-cell .cell-select {
  max-width: 100%;
  overflow: hidden;
}

.po-client-cell .cell-value,
.prod-order-nom-cell .cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── «Добавить клиента» — всегда на виду, над списком ──────────────────────── */
.po-client-add {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  padding: 6px 8px;
  border: 1px dashed #7aa3d6;
  border-radius: 6px;
  background: #eef4fd;
  color: #1d3353;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.po-client-add:hover {
  background: #dbe8fb;
  border-color: #4779b6;
}

.po-client-add[hidden] {
  display: none;
}

/* ── «План/Факт производства» — как «плановая дата СЗ» в Плане ───────────────
 * Тот же компактный вид (.plan-planned-date), плюс потолок ширины: колонка
 * состава уже плановой, растягивать её нативным контролом незачем. */
.po-item-date {
  max-width: 132px;
  font-size: 11px;
  padding: 2px 4px;
}

/* Ячейка «№ заказа покупателя»: пустая — приглушённый placeholder, как у
 * «комментария» в этом же листе. */
.po-item-editable.is-empty {
  color: #9fb0c7;
}