/* ============================================================
   cpstock.css — 쿠팡 재고 일괄 반영 엑셀 (v96, 시안 「17」 coupang-stock.css 포팅)
   #cp 범위로 한정 — b3 셸(page-header · tabs · btn · badge · card)을 공유
   ============================================================ */

#cp .cp-acct { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 9px; min-width: 0; }
#cp .cp-acct__item { text-align: left; padding: 12px 13px; border: 1.5px solid var(--line); border-radius: 11px;
  background: #fff; font: inherit; color: var(--text); cursor: pointer; min-width: 0; }
#cp .cp-acct__item.is-on { border-color: var(--accent); background: var(--accent-bg-2); }
#cp .cp-acct__item.is-on .cp-acct__name { color: var(--accent-fg); }

#cp .cp-mode { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px;
  border: 1.5px solid var(--line); border-radius: 12px; background: #fff; min-width: 0; }
#cp .cp-mode__ico { width: 42px; height: 42px; flex: none; border-radius: 12px; font-size: 20px;
  display: flex; align-items: center; justify-content: center; }

#cp .cp-drop { display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center;
  padding: 20px 16px; border: 1.5px dashed var(--accent-line); border-radius: 12px; background: var(--accent-bg-2); }

#cp .cp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 9px; min-width: 0; }
#cp .cp-stat { border: 1px solid var(--line-soft); border-radius: 11px; padding: 11px 12px; min-width: 0; }
#cp .cp-stat__n { display: block; font-size: 20px; font-variant-numeric: tabular-nums; margin-top: 4px; font-weight: 800; }

#cp .cp-rule { padding: 14px; border-bottom: 1px solid var(--line-faint); min-width: 0; }
#cp .cp-rule__cond { margin-top: 8px; padding: 9px 11px; border: 1px solid var(--line-soft); border-radius: 9px;
  background: #fff; font-family: 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 11.5px; color: var(--text-mid);
  word-break: break-all; }

#cp .cp-chip { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px;
  border: 1px solid var(--danger-line); border-radius: 8px; background: var(--danger-bg); min-width: 0; }
#cp .cp-chip__code { font-family: 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 11.5px; color: var(--danger-fg); }

#cp .cp-set { border: 1px solid var(--line-soft); border-radius: 10px; background: #fff; padding: 11px 12px; min-width: 0; }
#cp .cp-set.is-zero { border-color: var(--danger-line); }
#cp .cp-set__part { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px;
  border: 1px solid var(--line-soft); border-radius: 8px; background: var(--panel-sub); min-width: 0; }
#cp .cp-set__part.is-min { border-color: var(--danger-line); background: #f7e7e1; }

#cp .cp-hint { padding: 10px 12px; border: 1px solid var(--accent-line); border-radius: 9px;
  background: var(--accent-bg-2); }

#cp .cp-mono { font-family: 'SFMono-Regular', Menlo, Consolas, monospace; }
#cp .cp-in { padding: 8px 11px; border: 1.5px solid var(--line); border-radius: 9px; outline: none;
  font: inherit; font-size: 12.5px; background: #fff; color: var(--text); }
#cp .cp-in:focus { border-color: var(--accent); }
#cp .cp-table { width: 100%; border-collapse: collapse; min-width: 880px; }
#cp .cp-table th { background: var(--panel-alt); border-bottom: 1px solid var(--line); padding: 9px 10px;
  font-size: 12.5px; color: var(--slate); font-weight: 700; white-space: nowrap; text-align: left; }
#cp .cp-table td { border-bottom: 1px solid var(--line-faint); padding: 8px 10px; font-size: 12.5px; }

/* ── v201: 네이버 가격 · 재고 반영 (#nv) — 쿠팡 반영과 공용 클래스 + 전용 스타일 ── */
#nv .cp-drop { display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center;
  padding: 26px 16px; border: 1.5px dashed var(--accent-line); border-radius: 12px; background: var(--accent-bg-2); }
#nv .cp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 9px; min-width: 0; }
#nv .cp-stat { border: 1px solid var(--line-soft); border-radius: 11px; padding: 11px 12px; min-width: 0; }
#nv .cp-stat__n { display: block; font-size: 20px; font-variant-numeric: tabular-nums; margin-top: 4px; font-weight: 800; }
#nv .cp-mono { font-family: 'SFMono-Regular', Menlo, Consolas, monospace; }
#nv .cp-in { padding: 8px 11px; border: 1.5px solid var(--line); border-radius: 9px; outline: none;
  font: inherit; font-size: 12.5px; background: #fff; }
#nv .cp-in:focus { border-color: var(--accent); }
#nv .nv-tag { display: inline-block; font-size: 10px; font-weight: 800; padding: 2px 7px; white-space: nowrap; border-radius: 6px; }
#nv .nv-table { width: 100%; border-collapse: collapse; min-width: 720px; }
#nv .nv-table th { background: var(--panel-alt); border-bottom: 1px solid var(--line); padding: 8px 10px;
  text-align: left; font-size: 10.5px; font-weight: 800; color: var(--sub); white-space: nowrap; position: sticky; top: 0; z-index: 1; }
#nv .nv-table td { border-bottom: 1px solid var(--line-faint); padding: 7px 10px; font-size: 12px; }
#nv .nv-steps { display: flex; gap: 0; min-width: 0; }
#nv .nv-stp { flex: 1; display: flex; align-items: center; gap: 10px; padding: 11px 14px;
  border: 1px solid var(--line-soft); border-left: 0; background: var(--panel-alt); min-width: 0; }
#nv .nv-stp:first-child { border-left: 1px solid var(--line-soft); border-radius: 10px 0 0 10px; }
#nv .nv-stp:last-child { border-radius: 0 10px 10px 0; }
#nv .nv-stp__n { width: 24px; height: 24px; flex: none; border: 1px solid var(--line); background: #fff;
  font-size: 11px; font-weight: 800; color: var(--muted); display: flex; align-items: center; justify-content: center; border-radius: 7px; }
#nv .nv-stp b { font-size: 12px; color: var(--muted); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#nv .nv-stp span.d { display: block; font-size: 10.5px; color: var(--faint); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#nv .nv-stp.is-done { background: var(--accent-bg); border-color: var(--accent-line); }
#nv .nv-stp.is-done .nv-stp__n { border-color: var(--accent-line); color: var(--accent-fg); }
#nv .nv-stp.is-done b { color: var(--accent-fg); }
#nv .nv-stp.is-done span.d { color: var(--accent-fg); opacity: .75; }
#nv .nv-stp.is-on { background: var(--dark); border-color: var(--dark); }
#nv .nv-stp.is-on .nv-stp__n { background: var(--accent); border-color: var(--accent); color: #fff; }
#nv .nv-stp.is-on b { color: #f2eeda; }
#nv .nv-stp.is-on span.d { color: #b9bda6; }
@media (max-width: 900px) { #nv .nv-stp span.d { display: none; } }