.service-item-dialog { width:540px; }.service-item-options { display:flex; gap:22px; padding-top:2px; }.service-item-options label { display:flex; align-items:center; gap:7px; font-weight:600; }.service-item-options input { width:15px; height:15px; accent-color:var(--teal); }
.commission-summary { min-width:185px; }.commission-summary span { display:block; color:var(--muted); font-size:12px; line-height:1.7; white-space:nowrap; }.commission-summary b { color:var(--ink); font-weight:700; }.commission-summary .unset { color:var(--muted); }
.service-commission-dialog { width:100%; }.service-commission-dialog { max-height:calc(100vh - 32px); overflow:auto; }.commission-dialog-note { margin:0 0 14px; color:var(--muted); font-size:13px; line-height:1.6; }.commission-rule-list { display:grid; gap:12px; }.commission-rule { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:12px; margin:0; padding:14px; border:1px solid var(--line); border-radius:6px; }.commission-rule legend { padding:0 6px; color:var(--ink); font-size:13px; font-weight:700; }.commission-rule label { display:grid; gap:6px; color:var(--muted); font-size:12px; }.commission-rule input:disabled { cursor:not-allowed; background:#f2f5f4; color:#99a4a0; }
#service-commission-dialog { width:min(760px,calc(100vw - 28px)); max-height:calc(100vh - 24px); }
@media (max-width:680px) { .commission-rule { grid-template-columns:1fr; }.commission-summary { min-width:150px; } }