.staff-commissions{color:var(--color-text,#252222);gap:1rem;display:grid}.staff-commissions h3,.staff-commissions h4,.staff-commissions p{margin:0 0 .65rem}.staff-commissions p{line-height:1.5}.commission-filters{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.commission-filters label{min-width:0;font:inherit;flex:160px;gap:.4rem;display:grid}.commission-filters input,.commission-filters select,.commission-filters textarea{box-sizing:border-box;border:1px solid var(--border-light,#c9aaa4);background:var(--color-surface,#fff);width:100%;color:inherit;font:inherit;border-radius:.5rem;padding:.65rem}.staff-commissions article,.commission-payment{border:1px solid var(--border-light,#c9aaa4);border-radius:.75rem;min-width:0;padding:1rem}.commission-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.staff-commissions summary{cursor:pointer;padding:.6rem 0;font-weight:600}.commission-scroll{max-width:100%;overflow:auto}.staff-commissions table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif;font-size:.85rem}.staff-commissions th,.staff-commissions td{text-align:left;border-bottom:1px solid var(--border-light,#c9aaa4);padding:.6rem}.staff-commissions [role=alert]{color:var(--color-text,#252222);border-left:4px solid #6e353e;padding:.6rem}@media (width<=600px){.commission-filters>button{width:100%}.staff-commissions{padding:1rem}}