/* ===== 供应商门户补充样式（品牌绿主题复用 app.css） ===== */
.view{padding:20px 22px 40px;flex:1}

/* 顶部欢迎条 */
.hello{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(120deg,var(--primary-soft),#f4fbf7);
  border:1px solid var(--primary-line);border-radius:12px;
  padding:16px 20px;margin-bottom:16px;
}
.hello .h-title{font-size:16px;font-weight:700;color:var(--primary-deep)}
.hello .h-sub{font-size:12.5px;color:var(--text2);margin-top:3px}
.hello .h-kpis{display:flex;gap:28px;text-align:right}
.hello .hk b{display:block;font-size:20px;color:var(--text)}
.hello .hk span{font-size:11.5px;color:var(--text3)}

/* 图片缩略 */
.ithumb{width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid var(--border-soft);background:#f7f9fc;display:block}
.noimg{width:34px;height:34px;border-radius:6px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:10px}

/* 弹窗内字段摘要 */
.sum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin-bottom:14px}
.sum-item .sl{font-size:11.5px;color:var(--text3)}
.sum-item .sv{font-size:13.5px;font-weight:600;margin-top:2px}
.sect-title{font-size:13px;font-weight:700;color:var(--primary-deep);margin:16px 0 8px;display:flex;align-items:center;gap:8px}
.sect-title:first-child{margin-top:0}

/* 打印视图 */
@media print{
  body *{visibility:hidden}
  #printArea,#printArea *{visibility:visible}
  #printArea{position:absolute;left:0;top:0;width:100%}
}

/* ===== 我的商品：行内可编辑列（供应商型号/生产工艺/备注） ===== */
.ip-cell{padding:4px 6px !important}
.ip-edit{
  width:100%;min-width:110px;box-sizing:border-box;
  border:1px solid var(--border-soft,#e5e7eb);border-radius:6px;
  padding:4px 8px;font-size:12.5px;color:var(--text,#111);
  background:#fff;transition:border-color .15s,box-shadow .15s;
}
.ip-edit::placeholder{color:var(--text3,#9ca3af)}
.ip-edit:hover{border-color:var(--primary-line,#bfe5d0)}
.ip-edit:focus{outline:none;border-color:var(--primary,#0e9d56);box-shadow:0 0 0 2px rgba(14,157,86,.14);background:#fff}
.ip-edit:disabled{opacity:.55;background:#f8fafc}
.ip-saved{
  margin-left:6px;font-size:11px;color:var(--primary,#0e9d56);
  animation:ipFade .2s ease;
  white-space:nowrap;
}
@keyframes ipFade{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}

/* ===== 新品推荐表单 ===== */
.form-row{margin-bottom:12px}
.form-row>label{display:block;font-size:12.5px;color:var(--text2);margin-bottom:5px;font-weight:600}
.form-row input,.form-row textarea{width:100%;box-sizing:border-box}

/* ===== 筛选栏日期区间 =====
 * 全局 input[type=date] 是 width:100%，放进 .filters（flex + wrap）会把
 * 「起始日期 / 至 / 结束日期」撑成三行，这里收窄成定宽 */
.filters input[type=date]{width:150px;height:32px;flex:0 0 auto}
.filters>span{flex:0 0 auto}