/*
 * 시스템설정 › 설정 › SNS 로그인 모달 (2026-09-23) — A-4 액센트형(규칙 12): 16px·surface-2 골격 + 섹션 밴드 카드.
 */
.ssns { display: flex; flex-direction: column; gap: 12px; padding: 16px; background: var(--ord-surface-2); }
.ssns-card { border: 1px solid var(--ord-line); border-radius: 12px; background: var(--ord-surface); overflow: hidden; }
.ssns-band { padding: 9px 14px; background: var(--ord-band); border-bottom: 1px solid var(--ord-line); font-size: 12px; font-weight: 700; color: var(--ord-accent); }
.ssns-body { padding: 14px; }
.ssns-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.ssns-t { font-size: 13.5px; font-weight: 700; color: var(--ord-text); }
.ssns-d { margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--ord-text-3); }
.ssns-warn { margin-top: 12px; padding: 10px 12px; border-radius: 8px; background: var(--ord-tint-amber-bg); color: var(--ord-tint-amber-fg); font-size: 12px; line-height: 1.55; }
.ssns-kv { display: grid; grid-template-columns: 120px 1fr; gap: 8px 12px; margin: 0; padding: 14px; font-size: 12.5px; }
.ssns-kv dt { color: var(--ord-text-3); }
.ssns-kv dd { margin: 0; color: var(--ord-text); word-break: break-all; }
.ssns-kv dd.is-ok { color: var(--ord-tint-green-fg); font-weight: 600; }
.ssns-kv dd.is-bad { color: var(--ord-tint-red-fg); font-weight: 600; }
.ssns-kv code { font-size: 11.5px; color: var(--ord-accent); }
.ssns-sub { color: var(--ord-tint-amber-fg); }