/* ── 영업사원(admin/js/reps) — 메뉴별 CSS(I-017) ── */
.rp-body { display: grid; gap: 12px; }
.rp-tbl tr.off td { color: var(--dim); }
.rp-tbl .tag { margin: 0 4px 4px 0; }
.rp-tbl .tag.off { color: var(--dim); }
.rp-s-active, .rp-l-paid { background: color-mix(in srgb, var(--st-booked) 14%, var(--panel)); color: var(--st-booked); }
.rp-s-pending, .rp-l-payable { background: color-mix(in srgb, var(--st-tentative) 14%, var(--panel)); color: var(--st-tentative); }
.rp-s-rejected, .rp-l-waiting { color: var(--dim); }
.rp-day { width: auto; min-height: 32px; padding: 4px 8px; }
.rp-dialog { width: min(760px, calc(100vw - 24px)); }
.rp-paper { display: grid; gap: 14px; padding: 22px; }
.rp-sec { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.rp-sec h3 { margin: 0; font-size: 15px; }
.rp-sec .num-in { width: 80px; }
.rp-lines { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 4px; }
.rp-body .toolbar select { width: auto; min-width: 160px; }
.rp-tbl input[type="checkbox"], .rp-dialog input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; accent-color: var(--accent); }