.admin-workspace.commission-page{height:100dvh;overflow:hidden}
.commission-page .admin-topbar{height:56px;flex-shrink:0;padding-inline:20px}
.commission-page .admin-content{display:flex;flex:1;min-height:0;max-width:none;padding:10px 20px 14px}
.commission-workspace{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;min-height:0}
.commission-filters{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(140px,1fr) repeat(2,minmax(145px,1fr)) auto;gap:10px;align-items:end;padding:10px 12px;background:#fff;border:1px solid #dce2ea;border-radius:8px}
.commission-filters label{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0;font-size:12px;color:#52647c}
.commission-filters input,.commission-filters select{width:100%;min-width:0;height:32px;min-height:32px;padding:5px 8px;font-size:13px;border-radius:5px}
.commission-filter-actions{display:flex;gap:8px;align-items:center}
.commission-filter-actions .button{height:32px;min-height:32px;padding:5px 12px;font-size:13px;white-space:nowrap}
.commission-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin:0;padding:7px 12px;border:1px solid #dce2ea;border-radius:6px;background:#fff;color:#617188;font-size:12px;flex-shrink:0}
.commission-summary>span{display:flex;align-items:center;gap:10px}
.commission-summary strong{font-size:17px;font-weight:600;color:#34445b}
.commission-details-table{flex:1;min-height:0;overflow:auto;background:#fff}
.commission-details-table table{min-width:1050px}
.commission-details-table thead th{position:sticky;top:0;z-index:1;background:#f1f5f9;padding:10px 12px}
.commission-details-table td{vertical-align:top;padding:10px 12px}
.commission-details-table .commission-reference{display:block;white-space:normal;overflow-wrap:anywhere;max-width:230px;font-size:11px;color:#64748b;margin-top:3px}
.commission-amount{color:#2b7758;white-space:nowrap}
.commission-pager{flex-wrap:wrap;gap:10px;margin:0;padding:6px 0;flex-shrink:0;font-size:12px}
.commission-pager button{padding:6px 10px}
@media(max-width:1100px){.commission-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.commission-filter-actions{grid-column:3;grid-row:1/3;align-self:end}}
@media(max-width:680px){
 .commission-page .admin-topbar{padding-inline:12px}
 .commission-page .admin-content{padding:10px}
 .commission-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px 10px}
 .commission-filters input,.commission-filters select{font-size:16px;height:36px;min-height:36px}
 .commission-filter-actions{grid-column:1/-1;grid-row:auto}
 .commission-filter-actions .button{flex:1;height:36px;min-height:36px}
 .commission-summary{gap:6px 18px;padding:7px 10px}
 .commission-summary strong{font-size:16px}
 .commission-pager{justify-content:space-between;gap:6px;font-size:11px}
 .commission-pager button{padding:6px}
}