/* =========================================================
   zkun · 商品管理专属样式
   Industrial Telemetry — 共享样式见 ../styles/system.css
   与 ships.css 共享同一套 CRUD 外壳结构（crud-section / crud-shell）
   ========================================================= */

/* ---------- 商品区 ---------- */
.crud-section {
  padding: 56px 0 80px;
  min-height: calc(100vh - var(--header-h) - 200px);
}

/* 容器外壳 */
.crud-shell {
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 1px;
  overflow: hidden;
  box-shadow: var(--shadow-card);
}

/* ---------- 商品表格（在共享 .data-table 基础上增列样式） ---------- */
.product-table .col-code {
  width: 80px;
  font-family: var(--font-mono);
  color: var(--phosphor);
  font-weight: 600;
  white-space: nowrap;
}
.product-table .col-price {
  width: 120px;
}
.product-table .col-actions {
  width: 96px;
}
.product-table .col-info {
  max-width: 320px;
}

.cell-code {
  font-family: var(--font-mono);
  color: var(--phosphor);
  font-weight: 600;
  font-size: 0.82rem;
}
.cell-name {
  color: var(--text);
  font-weight: 600;
}
.cell-name .cell-name-empty {
  color: var(--text-4);
  font-style: italic;
  font-weight: 400;
}
.cell-price {
  font-family: var(--font-mono);
  font-size: 0.85rem;
  color: var(--amber-soft);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.cell-info {
  color: var(--text-2);
  font-size: 0.82rem;
}
.cell-info .info-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.cell-info .info-empty {
  color: var(--text-4);
  font-family: var(--font-mono);
  font-style: italic;
}
.cell-muted {
  color: var(--text-4);
  font-family: var(--font-mono);
  font-size: 0.8rem;
}

/* =========================================================
   响应式 · 商品页专属断点
   ========================================================= */
@media (max-width: 760px) {
  .crud-section {
    padding: 36px 0 56px;
  }
  .statusbar {
    padding: 10px 12px;
  }
  .product-table .col-info {
    max-width: none;
  }
  .cell-info .info-text {
    white-space: normal;
  }
}