/* 운영자 계정 관리(/operator-accounts) — 2026-08-27 razor <style> 블록에서 회수.
   oa-* 는 이 페이지와 하위 섹션 컴포넌트(OperatorBindSection 등)가 함께 쓴다.
   그래서 scoped CSS(.razor.css)로 옮기면 자식 마크업이 스코프 밖이라 벗겨진다 — 전역 파일이 맞다.
   전역 이름과의 충돌은 0종을 확인하고 옮겼다. */
.oa-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 16px; }
.oa-tab { display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:10px; border:1px solid var(--color-border,#E7DDD3); background:var(--color-surface,#fff); color:var(--color-text-muted,#6B5F57); font-size:13px; font-weight:600; cursor:pointer; }
.oa-tab--on { background:var(--op-ink,#15110E); color:#fff; border-color:var(--op-ink,#15110E); }
.oa-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.oa-note { color:var(--color-text-muted,#6B5F57); font-size:13px; margin:0 0 12px; }
.oa-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:14px; }
.oa-hint { color:var(--color-text-subtle,#9A8C82); font-size:12.5px; }
/* ⛔ display:flex 로 되돌리지 말 것 — 아이콘 + 자유 문장 자리라 flex 로 두면
   텍스트런과 강조 태그가 각각 아이템이 되어 문장이 세로로 쪼개진다(2026-08-27). */
.oa-fieldnote { grid-column:1/-1; display:flow-root; color:var(--color-text-subtle,#9A8C82); font-size:12px; line-height:1.5; margin:2px 0 0; }
.oa-fieldnote > i:first-child { float:left; margin:2px 6px 0 0; }
.oa-fieldnote--gate { color:var(--color-text-muted,#6B5F57); }
.oa-fieldnote--gate i { color:var(--accent,#F4521E); }
.oa-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:6px; }
.oa-sc { background:var(--color-surface-muted,#FAF6F2); border-radius:12px; padding:12px 14px; }
.oa-sc span { display:block; font-size:11.5px; color:var(--color-text-subtle,#9A8C82); font-weight:600; }
.oa-sc strong { display:block; font-size:14px; color:var(--color-text-strong,#15110E); margin-top:3px; }
.oa-sc small { display:block; font-size:11.5px; color:var(--color-text-muted,#6B5F57); margin-top:2px; }
.oa-result { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
.oa-rc { background:var(--color-surface-muted,#FAF6F2); border-radius:12px; padding:14px; }
.oa-rc__h { font-size:13px; font-weight:700; color:var(--color-text-strong,#15110E); display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.oa-rc__st { font-size:11px; font-weight:600; color:var(--color-text-subtle,#9A8C82); }
.oa-kv { padding:7px 0; border-top:1px solid var(--color-border,#ECE3D9); }
.oa-kv b { font-size:11.5px; color:var(--color-text-subtle,#9A8C82); font-weight:600; }
.oa-kv p { margin:2px 0 0; font-size:13px; color:var(--color-text-strong,#15110E); word-break:break-word; }
.oa-kv small { font-size:11px; color:var(--color-text-muted,#6B5F57); }
.oa-bridge { display:flex; align-items:center; gap:14px; padding:18px; background:var(--color-surface-muted,#FAF6F2); border-radius:12px; }
.oa-bridge > i { font-size:24px; color:var(--color-text-subtle,#9A8C82); }
.oa-bridge__t { font-weight:700; color:var(--color-text-strong,#15110E); font-size:13.5px; }
.oa-bridge__d { font-size:12.5px; color:var(--color-text-muted,#6B5F57); margin-top:3px; }
.oa-bridge a { margin-left:auto; white-space:nowrap; }
@media (max-width: 720px) { .oa-grid, .oa-summary, .oa-result { grid-template-columns:1fr; } }