/* 약정 설정 모달 — 기본 약정 칩 + «노출 순서» 드래그 목록 (2026-11-06) */
.pco-hint { margin: 0 0 8px; font-size: 11px; color: var(--ord-text-3); }

/* 기본 약정 — 켜고 끄는 칩 */
.pco-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.pco-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--ord-surface);
  border: 1px solid var(--ord-line-2); border-radius: 6px; font-size: 12px; cursor: pointer; user-select: none; }
.pco-chip input { accent-color: var(--ord-accent); cursor: pointer; }
.pco-chip span { font-weight: 500; color: var(--ord-text-2); }
.pco-chip.is-on { background: var(--ord-tint-blue-bg); border-color: var(--ord-tint-blue-fg); }
.pco-chip.is-on span { font-weight: 700; color: var(--ord-tint-blue-fg); }

/* 노출 순서 목록 */
.pco-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.pco-title { font-size: 12px; font-weight: 600; color: var(--ord-text-2); }
.pco-add { padding: 4px 10px; background: var(--ord-surface); border: 1px solid var(--ord-line-2); border-radius: 6px;
  font-size: 11px; color: var(--ord-tint-blue-fg); font-weight: 600; cursor: pointer; }
.pco-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; }
.pco-item { display: flex; align-items: center; gap: 8px; padding: 7px 10px; background: var(--ord-surface);
  border: 1px solid var(--ord-line-2); border-radius: 6px; font-size: 13px; }
.pco-item.sortable-ghost { opacity: 0.4; }
.pco-drag { display: flex; align-items: center; flex-shrink: 0; color: var(--ord-text-5); cursor: grab; touch-action: none; }
.pco-drag:hover { color: var(--ord-text-4); }
.pco-no { flex-shrink: 0; min-width: 18px; font-size: 11px; font-weight: 700; color: var(--ord-text-4); }
.pco-label { flex: 1; min-width: 0; font-weight: 700; color: var(--ord-text); word-break: break-all; }
.pco-tag { flex-shrink: 0; padding: 1px 6px; background: var(--ord-tint-blue-bg); border-radius: 8px; font-size: 10px; font-weight: 600; color: var(--ord-tint-blue-fg); }
.pco-x { flex-shrink: 0; padding: 0 2px; background: none; border: 0; color: var(--ord-text-4); cursor: pointer; font-size: 16px; line-height: 1; }
.pco-x:hover { color: var(--ord-text-2); }
.pco-empty { margin: 0; font-size: 11px; color: var(--ord-text-4); }