/*
 * 시스템설정 › 업체관리 › 업체 상세 › 초기화 패널 (2026-10-11)
 * 동작 = Stimulus company-data-reset / 파셜 = system_settings/companies/panels/_reset·_reset_kind. 색은 전부 테마 토큰.
 * 밴드·버튼은 시스템설정 공용(.su-band · .su-btn), 메뉴 전환은 공용 .ord-seg.
 */
.dr-root { display: flex; flex-direction: column; gap: 12px; }
.dr-warn { display: flex; flex-direction: column; gap: 3px; padding: 11px 14px; background: var(--ord-tint-red-bg); border: 1px solid var(--ord-tint-red-line); border-radius: 10px;
  color: var(--ord-tint-red-fg); font-size: 12px; line-height: 1.55; }
.dr-warn span { color: var(--ord-text-2); }
.dr-note { padding: 10px 14px; background: var(--ord-tint-amber-bg); border: 1px solid var(--ord-tint-amber-line); border-radius: 10px; color: var(--ord-tint-amber-fg); font-size: 12px; }
.dr-kinds { align-self: flex-start; flex-wrap: wrap; max-width: 100%; border-radius: 18px; }
.dr-kind { display: none; flex-direction: column; gap: 12px; }
.dr-kind.is-active { display: flex; }
.dr-blocked { display: flex; flex-direction: column; gap: 3px; margin-bottom: 10px; padding: 10px 12px; background: var(--ord-tint-amber-bg); border: 1px solid var(--ord-tint-amber-line);
  border-radius: 8px; color: var(--ord-tint-amber-fg); font-size: 12px; line-height: 1.55; }
.dr-blocked span { color: var(--ord-text-2); }
.dr-scope { display: flex; gap: 16px; margin-bottom: 10px; font-size: 12.5px; color: var(--ord-text-2); }
.dr-scope label, .dr-campaigns label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.dr-campaigns { max-height: 160px; overflow: auto; margin-bottom: 10px; padding: 10px; border: 1px solid var(--ord-line); border-radius: 8px; background: var(--ord-surface-2);
  display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--ord-text-2); }
.dr-campaigns[hidden] { display: none; }
.dr-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.dr-preview { font-size: 12.5px; color: var(--ord-text-2); line-height: 1.6; }
.dr-preview b { color: var(--ord-tint-red-fg); }
.dr-muted { color: var(--ord-text-4); }
.dr-otp::placeholder { letter-spacing: 0; font-size: 12px; }
.dr-otp { width: 150px; padding: 7px; text-align: center; letter-spacing: 4px; font-size: 14px; border: 1px solid var(--ord-line-2); border-radius: 7px;
  background: var(--ord-input-bg); color: var(--ord-text); outline: none; }
.dr-otp:focus { border-color: var(--ord-accent); box-shadow: 0 0 0 3px var(--ord-focus-ring); }
.dr-btn-danger { padding: 7px 18px; border: 0; border-radius: 20px; background: var(--ord-solid-red); color: var(--ord-on-solid); font-size: 12.5px; font-weight: 700; cursor: pointer; }
.dr-btn-danger[disabled] { opacity: .45; cursor: not-allowed; }
.dr-batch { padding: 12px; margin-bottom: 10px; border: 1px solid var(--ord-tint-red-line); background: var(--ord-tint-red-bg); border-radius: 10px; }
.dr-batch:last-child { margin-bottom: 0; }
.dr-batch-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 12.5px; color: var(--ord-text-2); }
.dr-batch-head b { color: var(--ord-tint-red-fg); }