.crm-bonus-payouts,.bonus-payout-content,.bonus-payout-card,.bonus-payout-people,.bonus-payout-person,.bonus-payout-editor,.bonus-payout-form,.bonus-payout-filter{display:grid;gap:16px;min-width:0}.crm-bonus-payouts{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;scroll-margin-top:20px}.crm-bonus-payouts h1,.crm-bonus-payouts h2,.crm-bonus-payouts h3,.crm-bonus-payouts p{margin:0;overflow-wrap:anywhere}.crm-bonus-payouts h1{font-size:25px}.crm-bonus-payouts h2{font-size:20px}.crm-bonus-payouts h3{font-size:18px}.bonus-payout-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;min-width:0}.bonus-payout-muted{font-size:13px;color:var(--muted)}.bonus-payout-text{white-space:pre-wrap;overflow-wrap:anywhere}.bonus-payout-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bonus-payout-metric{display:grid;gap:8px;padding:13px;background:#edf4fa;border-radius:9px;min-width:0}.bonus-payout-metric strong,.bonus-payout-payment-total strong{font-size:20px;font-weight:600;overflow-wrap:anywhere}.bonus-payout-card,.bonus-payout-person{padding:18px;border:1px solid var(--line);border-radius:9px}.bonus-payout-person{background:#f8fafc;padding:14px}.bonus-payout-person-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px;font-size:14px;margin:0}.bonus-payout-person-metrics dt{font-weight:400;color:var(--muted)}.bonus-payout-person-metrics dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.bonus-payout-status{padding:6px 10px;border-radius:6px;background:#edf4fa;color:#33536b;font-size:13px;overflow-wrap:anywhere}.bonus-payout-actions,.bonus-payout-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.bonus-payout-note,.bonus-payout-warning,.bonus-payout-success{display:grid;gap:12px;padding:14px;border-radius:9px;overflow-wrap:anywhere}.bonus-payout-note{background:#f0f4f7;color:#374c5d}.bonus-payout-warning{background:#fff6e5;color:#775319}.bonus-payout-success{background:#edf8f0;color:#265c3d}.bonus-payout-editor{border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:20px}.bonus-payout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bonus-payout-filter-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1fr);gap:14px}.bonus-payout-currency,.bonus-payout-payment-total{display:grid;gap:12px;min-width:0}.crm-bonus-payouts .field-group{margin:0;min-width:0}.crm-bonus-payouts .btn,.crm-bonus-payouts .form-control,.crm-bonus-payouts .form-select{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.crm-bonus-payouts .btn{justify-self:start}.crm-bonus-payouts [role=status]:empty,.crm-bonus-payouts [role=alert]:empty,.bonus-payout-editor:empty{display:none}@media(max-width:1023px){.bonus-payout-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-payout-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-payout-filter-grid>.field-group:first-child{grid-column:1/-1}}@media(max-width:767px){.crm-bonus-payouts{padding:17px}.bonus-payout-top{flex-direction:column}.bonus-payout-grid,.bonus-payout-filter-grid{grid-template-columns:minmax(0,1fr)}.bonus-payout-card,.bonus-payout-person{padding:13px}.bonus-payout-actions>.btn{flex:1 1 180px}.bonus-payout-metric{padding:10px}.bonus-payout-metric strong{font-size:18px}}
.bonus-payout-comparison{display:grid;gap:14px;min-width:0}.bonus-payout-adjustment-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.bonus-payout-history>summary{min-height:44px;padding:12px 0;font-weight:600;cursor:pointer;overflow-wrap:anywhere}.bonus-payout-history>*+*{margin-top:14px}@media(max-width:767px){.bonus-payout-adjustment-totals{grid-template-columns:minmax(0,1fr)}}