/* ══════════ 경쟁사 인허가 위젯 (portal/rival.js · 2026-09-28) ═════════════
   판 공통 규칙(board.css)은 자동 생성물이라 여기 따로 둔다(지하철 subway.css 와 같은 방식).
   값의 주인 = _ClaudeWorkspace/talent/공공데이터/mockups/경쟁사인허가_시안_v1.html
   ⚠ 글자에 opacity 금지 — 색은 --wg-ink-1/2/3. 구분 표시 색은 의미색(허가=Main 계열 · 회수=빨강).
   ══════════════════════════════════════════════════════════════════════════ */
.rx-row{display:flex;align-items:center;gap:7px;padding:6px 0;font-size:12.5px;min-width:0;white-space:nowrap}
.rx-row + .rx-row{border-top:1px solid rgba(255,255,255,.10)}
.rx-row .dt{flex:none;width:44px;color:var(--wg-ink-2);font-size:11.5px;font-variant-numeric:tabular-nums}
.rx-row .co{flex:none;font-weight:600;color:var(--wg-ink-1)}
.rx-row .md{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--wg-ink-2)}
.rx-row .md b{font-weight:600;color:var(--wg-ink-1)}
.rx-k{flex:none;font-style:normal;font-size:10.5px;font-weight:600;line-height:1;padding:3px 6px;border-radius:5px;
  background:rgba(0,164,235,.18);color:#6CCBF5}
.rx-k.cert{background:rgba(255,255,255,.10);color:var(--wg-ink-2)}
.rx-k.recall{background:rgba(224,92,74,.20);color:#F08D80}
.rx-cap{margin:0 0 6px}
.rx-sum{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--wg-ink-2)}
.rx-sum b{color:var(--wg-ink-1);font-weight:600;margin-left:3px;font-variant-numeric:tabular-nums}
.w[data-k="rx"] .rx-rows{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;flex-wrap:wrap;
  align-content:flex-start;overflow:hidden}
.w[data-k="rx"] .rx-rows .rx-row{flex:none;width:100%}
.rx-none{font-size:12px;color:var(--wg-ink-3);padding:6px 0}
.rx-wrap{container-type:inline-size}
.rx-list .rx-row{white-space:normal;align-items:flex-start}
.rx-list .rx-row .md{white-space:normal}
.rx-list .rx-row .u{display:block;font-size:11.5px;color:var(--wg-ink-3);margin-top:2px}
.rx-list .rx-row .dt{width:62px;padding-top:1px}
.rx-list .rx-k{margin-top:1px}
/* 폰 폭 펼침 판 — 날짜·회사·구분을 한 줄, 모델·설명을 그 아래 한 줄로 */
@container (max-width:460px){
  .rx-list .rx-row{flex-wrap:wrap;row-gap:3px}
  .rx-list .rx-row .dt{width:auto}
  .rx-list .rx-row .md{flex-basis:100%}
}