/* ══════════════════════════════════════════════════════════════════════════
   CompanyOS 원자 계층 (2026-08-27 · 인라인 style 이관)
   ──────────────────────────────────────────────────────────────────────────
   BEM 블록·엘리먼트로 이름 붙일 수 있는 건 각 페이지 CSS 에 있다. 여기는 그렇게
   묶이지 않는 것 — 화면마다 자리는 다른데 "같은 톤"이라 반복되던 색·굵기·크기·여백이다.
   인라인으로 흩어져 있으면 전역 수정이 안 먹으므로 여기로 모았다.

   ⚠️ 이 파일은 App.razor 의 **맨 마지막**에 링크된다. admin-x/*.css 가 전부 전역
      로드되는 구조라, 페이지 규칙과 특정성이 같을 때(0,1,0) 순서가 승패를 가르기 때문이다.
      ⛔ 이 파일 뒤에 다른 스타일시트를 추가하지 말 것.
   ⛔ 여기에 새 컴포넌트를 만들지 말 것 — 톤·여백 원자와, 화면을 넘나드는 반복 조각만.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 화면을 넘나드는 반복 조각 ───────────────────────────────────────────── */

/* 하단 중앙 토스트 — 22개 화면이 같은 인라인을 통째로 복붙하고 있었다(클래스는
   .op-toast 로 붙어 있었지만 CSS 가 없어 인라인이 전부 떠받치고 있었다). */
.op-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); background: var(--op-ink, #0F172A); color: #fff; padding: 12px 18px; border-radius: 12px; font-size: 13.5px; font-weight: 600; z-index: 2000; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }

/* 카드·행 아래 붙는 메타 캡션(가장 흔한 조합 — 60곳 넘게 반복). */
.cx-meta { font-size: 11px; font-weight: 600; color: var(--color-text-subtle); }
/* 비었을 때 가운데 안내. */
.cx-empty { text-align: center; color: var(--color-text-subtle); }

/* ── 색 톤 ───────────────────────────────────────────────────────────────── */
.cx-c-subtle { color: var(--color-text-subtle); }
.cx-c-muted { color: var(--color-text-muted); }
.cx-c-text { color: var(--color-text); }
.cx-c-strong { color: var(--color-text-strong); }
.cx-c-rose { color: var(--rose, #E11D48); }
.cx-c-ok { color: var(--ok, #1F8A5B); }
.cx-c-sky { color: var(--sky, #0369A1); }
.cx-c-amber { color: var(--amber, #92660C); }
.cx-c-accent { color: var(--accent, #F4521E); }
.cx-c-accent-text { color: var(--accent-text, #B23A12); }
.cx-c-white { color: #fff; }

/* ── 굵기 ────────────────────────────────────────────────────────────────── */
.cx-w-400 { font-weight: 400; }
.cx-w-500 { font-weight: 500; }
.cx-w-600 { font-weight: 600; }
.cx-w-700 { font-weight: 700; }
.cx-w-800 { font-weight: 800; }

/* ── 크기 — 기존 값을 그대로 옮겼다(글자 크기는 정규화하지 않았다). ─────────── */
.cx-fs-10 { font-size: 10px; }
.cx-fs-105 { font-size: 10.5px; }
.cx-fs-11 { font-size: 11px; }
.cx-fs-115 { font-size: 11.5px; }
.cx-fs-12 { font-size: 12px; }
.cx-fs-125 { font-size: 12.5px; }
.cx-fs-13 { font-size: 13px; }
.cx-fs-135 { font-size: 13.5px; }
.cx-fs-14 { font-size: 14px; }
.cx-fs-15 { font-size: 15px; }
.cx-fs-16 { font-size: 16px; }
.cx-fs-18 { font-size: 18px; }
.cx-fs-20 { font-size: 20px; }

/* ── 배치 — gap 은 여백과 같은 방침으로 6/8/12/18 네 단계. ──────────────────── */
.cx-row { display: flex; align-items: center; gap: 8px; }
.cx-row--top { align-items: flex-start; }
.cx-row--wrap { flex-wrap: wrap; }
.cx-row--end { justify-content: flex-end; }
.cx-row--between { justify-content: space-between; }
.cx-row--g6 { gap: 6px; }
.cx-row--g12 { gap: 12px; }
.cx-row--g18 { gap: 18px; }
.cx-stack { display: flex; flex-direction: column; gap: 12px; }
.cx-stack--g6 { gap: 6px; }
.cx-stack--g8 { gap: 8px; }
.cx-grow { flex: 1 1 auto; min-width: 0; }
.cx-spacer { flex: 1 1 auto; }
.cx-fixed { flex: 0 0 auto; }
.cx-ta-c { text-align: center; }
.cx-ta-l { text-align: left; }
.cx-ta-r { text-align: right; }

/* ── 단발 원자 ───────────────────────────────────────────────────────────── */
.cx-w-full { width: 100%; }
.cx-pointer { cursor: pointer; }
.cx-default { cursor: default; }
.cx-nowrap { white-space: nowrap; }
.cx-preline { white-space: pre-line; }
.cx-prewrap { white-space: pre-wrap; }
.cx-nolink { text-decoration: none; }
.cx-underline { text-decoration: underline; }
.cx-num { font-variant-numeric: tabular-nums; }
.cx-d-block { display: block; }
.cx-d-inline { display: inline; }
.cx-op-70 { opacity: .7; }
.cx-op-60 { opacity: .6; }
.cx-mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }

/* ── 여백 스케일 — xs 4 · sm 8 · md 14 · lg 18 (3표면 공통 방침) ───────────── */
.cx-m0 { margin: 0; }
.cx-mt-xs { margin-top: 4px; }
.cx-mt-sm { margin-top: 8px; }
.cx-mt-md { margin-top: 14px; }
.cx-mt-lg { margin-top: 18px; }
.cx-mt-0 { margin-top: 0; }
.cx-mb-xs { margin-bottom: 4px; }
.cx-mb-sm { margin-bottom: 8px; }
.cx-mb-md { margin-bottom: 14px; }
.cx-mb-lg { margin-bottom: 18px; }
.cx-mb-0 { margin-bottom: 0; }
.cx-ml-xs { margin-left: 6px; }
.cx-ml-sm { margin-left: 8px; }
.cx-ml-auto { margin-left: auto; }
.cx-mr-xs { margin-right: 6px; }
.cx-mr-auto { margin-right: auto; }

/* ── 여백(padding) — 관측된 값을 그대로 옮겼다(정규화하지 않았다). ─────────── */
.cx-p-0 { padding: 0; }
.cx-p-8 { padding: 8px; }
.cx-p-14 { padding: 14px; }
.cx-p-18 { padding: 18px; }
.cx-p-22 { padding: 22px; }
.cx-p-24 { padding: 24px; }
.cx-p-28 { padding: 28px; }
.cx-p-30 { padding: 30px; }
.cx-p-6-11 { padding: 6px 11px; }
.cx-p-8-10 { padding: 8px 10px; }
.cx-p-9-11 { padding: 9px 11px; }
.cx-p-9-12 { padding: 9px 12px; }
.cx-p-10-12 { padding: 10px 12px; }
.cx-p-12-14 { padding: 12px 14px; }
.cx-py-8 { padding: 8px 0; }
.cx-py-12 { padding: 12px 0; }
.cx-py-22 { padding: 22px 8px; }

/* ── 테두리 · 모서리 ─────────────────────────────────────────────────────── */
.cx-bd { border: 1px solid var(--color-border, #E0D5CC); }
.cx-bd-line { border: 1px solid var(--co-line, #E0D5CC); }
.cx-bd-rose { border-color: var(--rose, #E11D48); }
.cx-bd-rose-soft { border-color: #F5C2BB; }
.cx-bd-none { border: none; }
.cx-bd-0 { border: 0; }
.cx-r-6 { border-radius: 6px; }
.cx-r-8 { border-radius: 8px; }
.cx-r-9 { border-radius: 9px; }
.cx-r-10 { border-radius: 10px; }
.cx-r-12 { border-radius: 12px; }
.cx-r-14 { border-radius: 14px; }
.cx-r-pill { border-radius: 999px; }

/* ── 배경 ────────────────────────────────────────────────────────────────── */
.cx-bg-surface { background: var(--color-surface, #fff); }
.cx-bg-surface2 { background: var(--color-surface-2, #F5EEE9); }
.cx-bg-subtle { background: var(--color-bg-subtle, #F5EEE9); }
.cx-bg-muted { background: var(--color-surface-muted, #FAF6F2); }
.cx-bg-rose { background: var(--rose-bg, #FFE4E6); }
.cx-bg-sky { background: var(--sky-bg, #E0F2FE); }
.cx-bg-amber { background: #FEF3C7; }
.cx-bg-danger { background: #C0392B; }
.cx-bg-danger-soft { background: #FDECEA; }
.cx-bg-transparent { background: transparent; }
.cx-bg-none { background: none; }

/* ── 배치·표시 보조 ──────────────────────────────────────────────────────── */
.cx-grid { display: grid; }
.cx-cols2 { grid-template-columns: 1fr 1fr; }
.cx-place-center { place-items: center; }
.cx-baseline { align-items: baseline; }
.cx-ai-end { align-items: flex-end; }
.cx-jc-center { justify-content: center; }
.cx-jc-end { justify-content: flex-end; }
.cx-rel { position: relative; }
.cx-abs { position: absolute; }
.cx-fixed-pos { position: fixed; }
.cx-inset0 { inset: 0; }
.cx-float-r { float: right; }
.cx-hidden { overflow: hidden; }
.cx-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-h-full { height: 100%; }
.cx-mw-full { max-width: 100%; }
.cx-box { box-sizing: border-box; }
.cx-vmid { vertical-align: middle; }
.cx-resize-y { resize: vertical; }

/* ── 타이포 보조 ─────────────────────────────────────────────────────────── */
.cx-lh-15 { line-height: 1.5; }
.cx-lh-155 { line-height: 1.55; }
.cx-lh-16 { line-height: 1.6; }
.cx-lh-17 { line-height: 1.7; }
.cx-tt-none { text-transform: none; }
.cx-ls-2 { letter-spacing: 2px; }
.cx-font-inherit { font-family: inherit; }
.cx-op-50 { opacity: .5; }
.cx-gap-8 { gap: 8px; }
.cx-bd-slate { border: 1px solid var(--color-border,#E2E8F0); }
.cx-z-74 { z-index: 74; }

/* ── 단발 원자(자동 생성) ─────────────────────────────────────────────────
   운영 콘솔은 화면마다 맞춤 배치가 많아 1~2회만 쓰이는 값이 상당수다.
   컴포넌트로 묶이는 건 각 페이지 CSS 에 이름을 붙였고, 여기는 그렇게 묶이지
   않는 단발 값이다. **값은 원본 그대로** 옮겼다(드리프트 0). */
.cx-p-7px-11px { padding: 7px 11px; }
.cx-p-14px-16px { padding: 14px 16px; }
.cx-p-2px-8px { padding: 2px 8px; }
.cx-bdt-1px-solid-color-divider { border-top: 1px solid var(--color-divider,#EDE4DD); }
.cx-pt-10px { padding-top: 10px; }
.cx-mh-190px { max-height: 190px; }
.cx-ovy-auto { overflow-y: auto; }
.cx-bdl-3px-solid-accent { border-left: 3px solid var(--accent,#F4521E); }
.cx-mw-280px { max-width: 280px; }
.cx-p-12px-16px { padding: 12px 16px; }
.cx-p-20px { padding: 20px; }
.cx-p-5px-10px { padding: 5px 10px; }
.cx-ls-02em { letter-spacing: .02em; }
.cx-p-2px-7px { padding: 2px 7px; }
.cx-p-6px-2px { padding: 6px 2px; }
.cx-self-center { align-self: center; }
.cx-bg-f8fafc { background: #F8FAFC; }
.cx-bdc-e2e8f0 { border-color: #E2E8F0; }
.cx-gc-1-3 { grid-column: 1/3; }
.cx-bg-fff7ed { background: #FFF7ED; }
.cx-ff-ui-monospace-monospace { font-family: ui-monospace,monospace; }
.cx-z-75 { z-index: 75; }
.cx-bg-oia-cmd { background: var(--oia-cmd); }
.cx-bg-oia-noti { background: var(--oia-noti); }
.cx-bg-oia-acc { background: var(--oia-acc); }
.cx-bg-fbe7e9 { background: #FBE7E9; }
.cx-minh-320px { min-height: 320px; }
.cx-mw-460px { max-width: 460px; }
.cx-p-18px-20px { padding: 18px 20px; }
.cx-bdt-1px-solid-co-line { border-top: 1px solid var(--co-line,#E0D5CC); }
.cx-top-3px { top: -3px; }
.cx-right-3px { right: -3px; }
.cx-h-15px { height: 15px; }
.cx-p-0-4px { padding: 0 4px; }
.cx-bg-e5484d { background: #E5484D; }
.cx-lh-15px { line-height: 15px; }
.cx-bg-color-surface-subtle { background: var(--color-surface-subtle,#F8FAFC); }
.cx-p-7px-10px { padding: 7px 10px; }
.cx-p-8px-0-4px { padding: 8px 0 4px; }
.cx-p-2px-0 { padding: 2px 0; }
.cx-p-10px-0-2px { padding: 10px 0 2px; }
.cx-bdt-1px-solid-color-border-sub { border-top: 1px solid var(--color-border-subtle,#F0E9E2); }
.cx-mw-240px { max-width: 240px; }
.cx-mw-90px { max-width: 90px; }
.cx-h-6px { height: 6px; }
.cx-h-120px { height: 120px; }
.cx-p-8px-4px-0 { padding: 8px 4px 0; }
.cx-mw-180px { max-width: 180px; }
.cx-r-11px { border-radius: 11px; }
.cx-p-13px-15px { padding: 13px 15px; }
.cx-r-0 { border-radius: 0; }
.cx-p-0-13px { padding: 0 13px; }
.cx-mw-150px { max-width: 150px; }
.cx-p-5px-11px { padding: 5px 11px; }
.cx-ol-none { outline: none; }
.cx-p-10px-13px { padding: 10px 13px; }
.cx-bd-1px-solid-co-line { border: 1px solid var(--co-line,#E5E7EB); }
.cx-bg-co-surface-sunken { background: var(--co-surface-sunken,#F9FAFB); }
.cx-bg-co-surface { background: var(--co-surface,#fff); }
.cx-p-4px-11px { padding: 4px 11px; }
.cx-z-1600 { z-index: 1600; }
.cx-bg-rgba-2-6-23-85 { background: rgba(2,6,23,.85); }
.cx-mw-min-1180px-94vw { max-width: min(1180px,94vw); }
.cx-mh-88vh { max-height: 88vh; }
.cx-mh-82vh { max-height: 82vh; }
.cx-sh-0-24px-72px-rgba-0-0-0-5 { box-shadow: 0 24px 72px rgba(0,0,0,.5); }
.cx-bg-0f172a { background: #0F172A; }
.cx-top-14px { top: -14px; }
.cx-right-14px { right: -14px; }
.cx-h-36px { height: 36px; }
.cx-r-50 { border-radius: 50%; }
.cx-bg-fff { background: #fff; }
.cx-sh-0-6px-18px-rgba-0-0-0-35 { box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.cx-pt-4px { padding-top: 4px; }
.cx-bg-color-bg-subtle { background: var(--color-bg-subtle); }
.cx-bg-accent-soft { background: var(--accent-soft,#FFF1EC); }
.cx-bg-fffbeb { background: #FFFBEB; }
.cx-bdc-f0d894 { border-color: #F0D894; }
.cx-bdb-1px-solid-color-divider { border-bottom: 1px solid var(--color-divider,#EDE4DD); }
.cx-bdt-0 { border-top: 0; }
.cx-bg-accent-bg { background: var(--accent-bg,#FFE9E0); }
.cx-minh-80px { min-height: 80px; }
.cx-minh-88px { min-height: 88px; }
.cx-ls-0 { letter-spacing: 0; }
.cx-bg-rgba-31-138-91-12 { background: rgba(31,138,91,.12); }
.cx-p-24px-14px { padding: 24px 14px; }
.cx-bg-accent { background: var(--accent,#F4521E); }
.cx-p-6px-10px { padding: 6px 10px; }
.cx-bd-1px-solid-line { border: 1px solid var(--line,#2a2f3a); }
.cx-bg-co-surface-2 { background: var(--co-surface-2,#FAF7F4); }
.cx-bg-co-risk-bg { background: var(--co-risk-bg,#FEF2F2); }
.cx-bd-1px-solid-co-risk-line { border: 1px solid var(--co-risk-line,#FECACA); }
.cx-bg-co-amber-bg { background: var(--co-amber-bg,#FEF3C7); }
.cx-bd-1px-solid-f0d894 { border: 1px solid #F0D894; }
.cx-gc-1-1 { grid-column: 1/-1; }
.cx-bg-eef2ff { background: #EEF2FF; }
.cx-bdc-c7d2fe { border-color: #C7D2FE; }
.cx-bg-4338ca { background: #4338CA; }
.cx-mw-880px { max-width: 880px; }
.cx-lh-1-65 { line-height: 1.65; }
.cx-bdc-fdba74 { border-color: #FDBA74; }
.cx-bdc-f3c0c0 { border-color: #f3c0c0; }
.cx-bg-fff5f5 { background: #fff5f5; }
.cx-p-8px-12px { padding: 8px 12px; }
.cx-bg-rgba-91-141-246-14 { background: rgba(91,141,246,.14); }
.cx-bg-oia-gate { background: var(--oia-gate); }
.cx-bdc-fed7aa { border-color: #FED7AA; }
.cx-bg-7c3aed { background: #7C3AED; }
.cx-bg-0ea5e9 { background: #0EA5E9; }
.cx-z-95 { z-index: 95; }
.cx-z-96 { z-index: 96; }
.cx-ls-6px { letter-spacing: 6px; }
.cx-p-16px { padding: 16px; }
.cx-p-1px-8px { padding: 1px 8px; }
.cx-mw-96vw { max-width: 96vw; }
.cx-p-12px { padding: 12px; }
.cx-bg-ok-bg { background: var(--ok-bg,#E5F4EC); }
.cx-bdc-bfe6ce { border-color: #BFE6CE; }
.cx-bg-ok { background: var(--ok,#1F8A5B); }
.cx-bg-warn-bg { background: var(--warn-bg,#FFF4E5); }
.cx-bdc-f2c879 { border-color: #F2C879; }
.cx-bg-warn { background: var(--warn,#B7791F); }
.cx-p-10px-16px { padding: 10px 16px; }
.cx-minh-52px { min-height: 52px; }
.cx-bg-fde8e8 { background: #FDE8E8; }
.cx-bd-1px-solid-f5c2c2 { border: 1px solid #F5C2C2; }
.cx-p-6px-12px { padding: 6px 12px; }
.cx-fb-100 { flex-basis: 100%; }
.cx-ff-jetbrains-mono-monospace { font-family: 'JetBrains Mono',monospace; }
.cx-bg-rgba-225-29-72-08 { background: rgba(225,29,72,.08); }
.cx-bg-rgba-0-0-0-35 { background: rgba(0,0,0,.35); }
.cx-z-70 { z-index: 70; }
.cx-top-0 { top: 0; }
.cx-right-0 { right: 0; }
.cx-mw-92vw { max-width: 92vw; }
.cx-h-100vh { height: 100vh; }
.cx-sh-8px-0-28px-rgba-0-0-0-18 { box-shadow: -8px 0 28px rgba(0,0,0,.18); }
.cx-z-71 { z-index: 71; }
.cx-bdb-1px-solid-co-line { border-bottom: 1px solid var(--co-line,#E0D5CC); }
.cx-ov-auto { overflow: auto; }
.cx-h-17px { height: 17px; }
.cx-pt-14px { padding-top: 14px; }
.cx-p-14px-20px { padding: 14px 20px; }
.cx-z-72 { z-index: 72; }
.cx-bg-color-danger-bg { background: var(--color-danger-bg,#FEE2E2); }
.cx-bdc-color-danger { border-color: var(--color-danger,#DC2626); }
.cx-ai-center { align-items: center; }
.cx-mt-neg4px { margin-top: -4px; }
.cx-d-inline-flex { display: inline-flex; }
.cx-d-grid { display: grid; }
.cx-d-flex { display: flex; }
.cx-w-480px { width: 480px; }
.cx-gap-6px { gap: 6px; }
.cx-fx-1 { flex: 1; }
.cx-d-none { display: none; }
.cx-w-520px { width: 520px; }
.cx-gap-8px { gap: 8px; }
.cx-mb-14px { margin-bottom: 14px; }
.cx-mt-12px { margin-top: 12px; }
.cx-gap-5px { gap: 5px; }
.cx-mt-8px { margin-top: 8px; }
.cx-w-460px { width: 460px; }
.cx-m-neg4px-0-8px { margin: -4px 0 8px; }
.cx-gap-14px { gap: 14px; }
.cx-ml-7px { margin-left: 7px; }
.cx-mb-8px { margin-bottom: 8px; }
.cx-w-600px { width: 600px; }
.cx-mr-7px { margin-right: 7px; }
.cx-fd-column { flex-direction: column; }
.cx-mt-18px { margin-top: 18px; }
.cx-m-neg2px-0-12px { margin: -2px 0 12px; }
.cx-w-100 { width: 100%; }
.cx-mt-10px { margin-top: 10px; }
.cx-minw-15px { min-width: 15px; }
.cx-gap-3px-14px { gap: 3px 14px; }
.cx-m-auto { margin: auto; }
.cx-fx-0-1-240px { flex: 0 1 240px; }
.cx-minw-150px { min-width: 150px; }
.cx-gap-7px { gap: 7px; }
.cx-w-36px { width: 36px; }
.cx-minw-240px { min-width: 240px; }
.cx-minw-220px { min-width: 220px; }
.cx-w-96px { width: 96px; }
.cx-m-0-4px-4px-0 { margin: 0 4px 4px 0; }
.cx-w-580px { width: 580px; }
.cx-minw-210px { min-width: 210px; }
.cx-gap-6px-14px { gap: 6px 14px; }
.cx-m-8px-0 { margin: 8px 0; }
.cx-m-neg4px-0-10px { margin: -4px 0 10px; }
.cx-gap-10px { gap: 10px; }
.cx-minw-280px { min-width: 280px; }
.cx-w-16px { width: 16px; }
.cx-m-10px-2px-0 { margin: 10px 2px 0; }
.cx-m-8px-2px-0 { margin: 8px 2px 0; }
.cx-w-170px { width: 170px; }
.cx-w-420px { width: 420px; }
.cx-w-640px { width: 640px; }
.cx-w-720px { width: 720px; }
.cx-w-160px { width: 160px; }
.cx-w-220px { width: 220px; }
.cx-mt-neg12px { margin-top: -12px; }
.cx-ai-flex-start { align-items: flex-start; }
.cx-m-4px-2px-14px { margin: 4px 2px 14px; }
.cx-w-560px { width: 560px; }
.cx-m-16px { margin: 16px; }
.cx-m-0 { margin: 0; }
.cx-gap-16px { gap: 16px; }
.cx-w-17px { width: 17px; }
.cx-mr-5px { margin-right: 5px; }
.cx-mb-10px { margin-bottom: 10px; }

.cx-c-7a1c12 { color: #7A1C12; }
.cx-c-b45309 { color: #B45309; }
.cx-fs-9-5px { font-size: 9.5px; }
.cx-c-color-primary { color: var(--color-primary,#FF5B35); }
.cx-c-co-text-muted { color: var(--co-text-muted,#6B5F57); }
.cx-fs-19px { font-size: 19px; }
.cx-c-oia-sub { color: var(--oia-sub); }
.cx-c-color-text-subtle { color: var(--color-text-subtle,#999); }
.cx-fs-24px { font-size: 24px; }
.cx-c-co-subtle { color: var(--co-subtle,#8A7E74); }
.cx-gtc-repeat-auto-fill-minmax-28 { grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); }
.cx-c-e11d48 { color: #E11D48; }
.cx-op-7 { opacity: .7; }
.cx-c-color-text-muted { color: var(--color-text-muted,#6b6b6b); }
.cx-c-op-dim { color: var(--op-dim); }
.cx-gtc-repeat-auto-fill-minmax-32 { grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); }
.cx-fs-26px { font-size: 26px; }
.cx-c-0f172a { color: #0F172A; }
.cx-c-cbd5e1 { color: #CBD5E1; }
.cx-op-75 { opacity: .75; }
.cx-c-inherit { color: inherit; }
.cx-c-92660c { color: #92660C; }
.cx-op-78 { opacity: .78; }
.cx-gtc-auto-1fr { grid-template-columns: auto 1fr; }
.cx-c-co-risk { color: var(--co-risk,#B91C1C); }
.cx-c-co-amber { color: var(--co-amber,#92660C); }
.cx-c-1f8a5b { color: #1F8A5B; }
.cx-gtc-repeat-2-1fr { grid-template-columns: repeat(2,1fr); }
.cx-c-312e81 { color: #312E81; }
.cx-c-b42318 { color: #b42318; }
.cx-c-9f1239 { color: #9f1239; }
.cx-c-2563eb { color: #2563EB; }
.cx-c-9a3412 { color: #9A3412; }
.cx-c-6d28d9 { color: #6D28D9; }
.cx-c-oia-acc { color: var(--oia-acc); }
.cx-c-emerald { color: var(--emerald,#059669); }
.cx-op-85 { opacity: .85; }
.cx-c-0f5132 { color: #0f5132; }
.cx-fs-28px { font-size: 28px; }
.cx-c-color-danger { color: var(--color-danger,#DC2626); }
.cx-fs-17px { font-size: 17px; }
.cx-c-co-text-strong { color: var(--co-text-strong,#15110E); }
.cx-c-muted-666 { color: var(--color-text-muted,#666); }
.cx-cursor-zoom { cursor: zoom-in; }
.cx-bg-sky-solid { background: var(--sky,#0369A1); }
.cx-op-78 { opacity: .78; }
.cx-bds-dashed { border-style: dashed; }
.cx-c-accent-b23 { color: var(--accent,#B23A12); }
.cx-bdt-line-e5 { border-top: 1px solid var(--co-line,#E5E7EB); }
.cx-p-10-16 { padding: 10px 16px; }
.cx-bg-fde8e8 { background: #FDE8E8; }
.cx-c-b42318 { color: #B42318; }
.cx-bd-f5c2c2 { border: 1px solid #F5C2C2; }
.cx-bg-danger-soft2 { background: var(--color-danger-bg,#FEE2E2); }
.cx-bdc-danger { border-color: var(--color-danger,#DC2626); }
.cx-c-danger-b91 { color: var(--color-danger,#B91C1C); }