/* ==================================================================
   婴幼儿成长驿站 · 运营侧（管理员）样式
   复用 kid.css 基础组件 + infant.css 的 inf-* 类，这里只补运营特有的
   ================================================================== */

.ia-list { display: flex; flex-direction: column; gap: 10px; }

.ia-row {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 16px;
}
.ia-row-main { flex: 1; min-width: 0; }
.ia-row-title {
  font-size: 14.5px; font-weight: 600;
  color: var(--text, #222);
  line-height: 1.45;
  word-break: break-word;
}
.ia-row-sub {
  margin-top: 4px;
  font-size: 12.5px; color: var(--text-sub, #888);
}
.ia-row-act { flex: none; display: flex; gap: 6px; align-items: center; }

/* ---------- 工具条 / 筛选 ---------- */
.ia-toolbar {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 12px; flex-wrap: wrap;
}
.ia-filters { gap: 6px; }
.ia-chip {
  padding: 5px 12px;
  font-size: 12.5px;
  color: var(--text-sub, #666);
  background: var(--card, #fff);
  border: 1px solid var(--border, #e8e8ef);
  border-radius: 999px;
  cursor: pointer;
  transition: all .15s;
}
.ia-chip:hover { border-color: var(--primary, #4f46e5); color: var(--primary, #4f46e5); }
.ia-chip.on {
  background: var(--primary, #4f46e5);
  border-color: var(--primary, #4f46e5);
  color: #fff;
}

/* ---------- 商品卡片补充 ---------- */
.inf-svc.is-off { opacity: .62; }
.inf-tag.off { background: var(--bg-sub, #eef); color: var(--text-sub, #888); }
.ia-svc-act {
  display: flex; gap: 6px; flex-wrap: wrap;
  justify-content: flex-end;
}

/* ---------- 表单弹窗 ---------- */
.ia-modal { max-width: 520px; max-height: 86vh; overflow-y: auto; }
.ia-form { display: flex; flex-direction: column; gap: 10px; }
.ia-field {
  display: flex; flex-direction: column; gap: 4px;
  font-size: 12.5px; color: var(--text-sub, #888);
}
.ia-field > span { font-weight: 500; }
.ia-full { width: 100%; box-sizing: border-box; }
.ia-check { width: 16px; height: 16px; align-self: flex-start; }

@media (max-width: 720px) {
  .ia-row { flex-direction: column; align-items: stretch; }
  .ia-row-act { justify-content: flex-end; }
}