
/* ══ v-203 급여도우미 거래처 보기 — 찾기로 찾은 「다른 담당자 수임처」 · 담당자 「내 수임처」 표 · 카드 · 글 · 줄은 옷의 색(변수) */
.p203-oth{margin:14px 0 4px;padding:14px 16px;border:1px solid var(--line,#E4E9F2);border-radius:16px;background:color-mix(in srgb,var(--muted,#475467) 4%,var(--surface,#fff))}
.p203-oh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px}
.p203-oh h3{margin:0;font-size:14px;font-weight:800;color:var(--ink,#101828)}
.p203-oh h3 b{color:var(--accent,#155EEF)}
.p203-oh span{font-size:12px;color:var(--muted,#475467)}
.p203-ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:8px}
.p203-ol>li{min-width:0}
.p203-or{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--line,#E4E9F2);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#101828);text-decoration:none}
.p203-or:hover{border-color:var(--accent,#155EEF)}
.p203-or:focus-visible{outline:2px solid var(--accent,#155EEF);outline-offset:2px}
.p203-on{flex:1 1 auto;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p203-ow,.p203-nx{flex:none;font-size:12px;color:var(--muted,#475467);white-space:nowrap}
.p203-or .pill{flex:none}
.p203-go{flex:none;font-size:12px;font-weight:800;color:var(--accent,#155EEF)}
.p203-om{margin:10px 0 0;font-size:12px;color:var(--muted,#475467)}
/* 인사카드 · 퇴직정산 왼쪽 목록 · 통합고용 표 · 위하고 급여대장 표 */
.p203-ph{margin:10px 0 4px;padding:8px 10px 4px;border-top:1px solid var(--line,#E4E9F2);font-size:12px;font-weight:800;color:var(--muted,#475467)}
.p203-ph b{color:var(--accent,#155EEF)}
.p203-tco{margin-top:16px}
.p203-th{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--ink,#101828)}
.p203-th b{color:var(--accent,#155EEF)}
tr.p203-sep td{background:color-mix(in srgb,var(--muted,#475467) 9%,var(--surface,#fff));font-size:12px;font-weight:800;color:var(--muted,#475467);text-align:left}
/* 담당자 — 고르는 단추 없이 「내 수임처」 표만 */
.qzchip.p203-me{cursor:default}
