/*
 * 시스템설정 › 권한탭 › 사용처 모달 (2026-09-29 A-4 개보수) — _usages_body 전용.
 * 16px·surface-2 골격 + 섹션 밴드 카드 · 행 [해제] = 작은 적색 외곽 pill.
 */
.pusg { display: flex; flex-direction: column; gap: 12px; padding: 16px; background: var(--ord-surface-2); }
.pusg-head { position: relative; padding: 12px 14px 12px 16px; border: 1px solid var(--ord-line); border-left: 4px solid var(--ord-accent); border-radius: 10px; background: linear-gradient(180deg, var(--ord-band), var(--ord-surface)); }
.pusg-kind { font-size: 11.5px; color: var(--ord-text-3); }
.pusg-name { margin-top: 2px; font-size: 14px; font-weight: 700; color: var(--ord-text); }
.pusg-code { margin-left: 4px; font-size: 11.5px; font-weight: 500; color: var(--ord-accent); }
.pusg-count { position: absolute; top: 12px; right: 14px; padding: 2px 9px; border-radius: 999px; background: var(--ord-tint-red-bg); color: var(--ord-tint-red-fg); font-size: 11.5px; font-weight: 700; }
.pusg-count.is-zero { background: var(--ord-tint-green-bg); color: var(--ord-tint-green-fg); }

.pusg-card { border: 1px solid var(--ord-line); border-radius: 12px; background: var(--ord-surface); overflow: hidden; }
.pusg-band { padding: 8px 14px; background: var(--ord-band); border-bottom: 1px solid var(--ord-line); font-size: 12px; font-weight: 700; color: var(--ord-accent); }
.pusg-pill { display: inline-block; margin-left: 4px; padding: 0 7px; border-radius: 999px; background: var(--ord-head-bg); color: var(--ord-on-solid); font-size: 11px; }
.pusg-row { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-top: 1px solid var(--ord-line-soft); font-size: 13px; color: var(--ord-text); }
.pusg-band + .pusg-row { border-top: 0; }
.pusg-co { font-size: 11.5px; color: var(--ord-text-3); }
.pusg-dot { color: var(--ord-text-4); }
.pusg-who { font-weight: 600; }
.pusg-off { padding: 1px 6px; border-radius: 4px; background: var(--ord-band); color: var(--ord-text-3); font-size: 10px; }

.pusg-btn { margin-left: auto; padding: 4px 12px; border: 1px solid var(--ord-tint-red-line); border-radius: 999px; background: var(--ord-surface); color: var(--ord-tint-red-fg); font-size: 12px; font-weight: 600; cursor: pointer; }
.pusg-btn:hover { background: var(--ord-tint-red-bg); }
.pusg-btn:disabled { opacity: 0.5; cursor: default; }
.pusg-btn-danger { margin-left: 0; margin-top: 10px; padding: 6px 16px; border-color: var(--ord-tint-red-fg); background: var(--ord-solid-red); color: var(--ord-on-solid); }
.pusg-btn-danger:hover { background: var(--ord-solid-red); }

.pusg-ok { padding: 14px; border: 1px solid var(--ord-tint-green-line); border-radius: 10px; background: var(--ord-tint-green-bg); color: var(--ord-tint-green-fg); font-size: 13px; text-align: center; }
.pusg-warn { padding: 10px 12px; border: 1px solid var(--ord-tint-red-line); border-radius: 8px; background: var(--ord-tint-red-bg); color: var(--ord-tint-red-fg); font-size: 12px; line-height: 1.6; }
.pusg-note { margin: 0; font-size: 11.5px; color: var(--ord-text-3); }