/* ============================================================
   admin-tiers.css — 설정 > 설계사 커미션 요율의 '지급 금액 미리보기' (순번202-2)
   새 컴포넌트가 아니라 설정 화면의 미리보기 박스(#setPreview 와 같은 연한 바탕 박스)다. 색은 토큰만(리터럴 0).
   ============================================================ */
#setTiersCard .tr-preview{ background:var(--oc-bg-soft);border:1px solid var(--oc-line);border-radius:var(--oc-radius);padding:14px 18px;margin-top:6px;text-align:left;font-variant-numeric:tabular-nums; }
#setTiersCard .tr-preview__t{ margin:0 0 8px;font-weight:700;color:var(--oc-ink); }
#setTiersCard .tr-preview__t small{ font-weight:400;color:var(--oc-gray); }
#setTiersCard .tr-preview__d{ margin:8px 0 0;font-size:.84rem;color:var(--oc-gray);line-height:1.6; }
#setTiersCard .tr-preview__list{ list-style:none;margin:0;padding:0; }
#setTiersCard .tr-preview__list li,
#setTiersCard .tr-preview__sum{ display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border-bottom:1px solid var(--oc-line);font-size:.92rem;color:var(--oc-ink); }
#setTiersCard .tr-preview__list li:last-child{ border-bottom:0; }
#setTiersCard .tr-preview__sum{ border-bottom:0;border-top:1px solid var(--oc-line);margin-top:4px; }
#setTiersCard .tr-preview small{ font-size:.8rem;color:var(--oc-gray);font-weight:400; }
@media (max-width:640px){
  #setTiersCard .tr-preview__list li,#setTiersCard .tr-preview__sum{ flex-direction:column;align-items:flex-start;gap:2px; }
}
/* 수정 모드: 모집 인원 구간 입력(시작 ~ 끝)을 한 줄로 */
#setTiersCard .tr-min,#setTiersCard .tr-max{ display:inline-block;vertical-align:middle; }