.commission-action-short { display: none; }

@media (max-width: 720px) {
  html body[data-current-view="commissionRep"] .mobile-bottom-nav:not([hidden]) {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 40 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html body[data-current-view="commissionRep"] #commissionRepView {
    padding-bottom: 0 !important;
  }

  body[data-current-view="commissionRep"] #commissionRepView.active-view {
    padding: 0 12px 18px !important;
    overflow-x: hidden !important;
  }

  body[data-current-view="commissionRep"] #commissionRepView > .view-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    align-items: end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px 0 8px !important;
  }

  body[data-current-view="commissionRep"] #commissionRepView > .view-head h2 {
    margin: 5px 0 0 !important;
    overflow: hidden !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="commissionRep"] #commissionRepHeaderActions,
  body[data-current-view="commissionRep"] #commissionRepHeaderActions #refreshBoard {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body[data-current-view="commissionRep"] .commission-tabs::-webkit-scrollbar { display: none !important; }

  body[data-current-view="commissionRep"] .commission-tab-button,
  body[data-current-view="commissionRep"] .commission-tab-button.active {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body[data-current-view="commissionRep"] .commission-tab-button span { font-size: 12px !important; }
  body[data-current-view="commissionRep"] .commission-tab-button em { display: none !important; }

  body[data-current-view="commissionRep"] .commission-tab-button.active {
    border-color: #28679d !important;
    background: #28679d !important;
  }

  body[data-current-view="commissionRep"] .commission-tab-button.active span { color: #fff !important; }

  body[data-current-view="commissionRep"] .commission-tab-action {
    order: -1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 82px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 20px !important;
  }

  body[data-current-view="commissionRep"] .commission-tab-action .label-icon { display: none !important; }
  body[data-current-view="commissionRep"] .commission-tab-action .label-medium { display: inline !important; }

  body[data-current-view="commissionRep"] .commission-tab-panel {
    gap: 10px !important;
    padding: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-section-card.commission-overview-shell {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="commissionRep"] .commission-overview-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-current-view="commissionRep"] .commission-overview-grid > div {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 9px 8px !important;
    border-radius: 9px !important;
  }

  body[data-current-view="commissionRep"] .commission-overview-grid span {
    font-size: 10px !important;
  }

  body[data-current-view="commissionRep"] .commission-overview-grid strong {
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: clamp(16px, 5.2vw, 21px) !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="commissionRep"] .commission-overview-email strong {
    font-size: clamp(11px, 3.3vw, 14px) !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body[data-current-view="commissionRep"] .commission-history-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
  }

  body[data-current-view="commissionRep"] .commission-history-head .commission-history-center {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 105px !important;
  }

  body[data-current-view="commissionRep"] .commission-history-head .commission-section-actions {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-head .commission-section-actions .ghost-button {
    min-height: 34px !important;
    padding: 5px 9px !important;
    font-size: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-head .commission-section-actions .ghost-button::after {
    content: "Import";
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="commissionRep"] .compact-commission-lookup {
    margin: 0 !important;
    padding: 8px 0 !important;
  }

  body[data-current-view="commissionRep"] .compact-commission-lookup .commission-lookup-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 66px 54px !important;
    gap: 6px !important;
    align-items: center !important;
  }

  body[data-current-view="commissionRep"] .compact-commission-lookup .commission-lookup-controls input,
  body[data-current-view="commissionRep"] .compact-commission-lookup .commission-lookup-controls button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 7px 6px !important;
  }

  body[data-current-view="commissionRep"] .compact-commission-lookup .commission-lookup-controls button {
    font-size: 11px !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table {
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table table,
  body[data-current-view="commissionRep"] .commission-history-table tbody {
    display: block !important;
    width: 100% !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table thead {
    display: none !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table tbody {
    display: grid !important;
    gap: 7px !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table tbody tr {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #d5e0ea !important;
    border-left: 4px solid #28679d !important;
    border-radius: 9px !important;
    background: #fff !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td {
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 5px 4px !important;
    border: 0 !important;
    border-top: 1px solid #e3eaf1 !important;
    border-right: 1px solid #e3eaf1 !important;
    background: transparent !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td::before {
    color: #718295 !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(1) {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-height: 31px !important;
    padding: 3px 40px 3px 8px !important;
    border-top: 0 !important;
    border-right: 0 !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(1)::before {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(1) .commission-period-link {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(1)::before { content: "Period"; }
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(2)::before { content: "Rows"; }
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(3)::before { content: "Gross"; }
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(4)::before { content: "Adjustments"; }
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(5)::before { content: "Net"; }
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(6)::before { content: "Created"; }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(4),
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(5),
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(6) {
    border-top: 1px solid #e3eaf1 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(4),
  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(6) {
    border-right: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(6) {
    grid-column: 2 / 4 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td:nth-child(7) {
    position: absolute !important;
    top: 0 !important;
    right: 4px !important;
    display: block !important;
    width: 34px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table .commission-report-actions,
  body[data-current-view="commissionRep"] .commission-history-table .row-action-dot-button {
    display: inline-grid !important;
    place-items: center !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table .row-action-dot-button {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table .row-action-dot-button:hover,
  body[data-current-view="commissionRep"] .commission-history-table .row-action-dot-button:focus,
  body[data-current-view="commissionRep"] .commission-history-table .row-action-dot-button[aria-expanded="true"] {
    border: 0 !important;
    background: #edf4fa !important;
    box-shadow: none !important;
    outline: none !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td[colspan] {
    position: static !important;
    grid-column: 1 / -1 !important;
    width: auto !important;
    min-height: 56px !important;
    padding: 12px !important;
  }

  body[data-current-view="commissionRep"] .commission-history-table td[colspan]::before {
    content: none !important;
  }

  body[data-current-view="commissionRep"] .commission-section-card.commission-dashboard-panel {
    gap: 10px !important;
    padding: 10px !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-head {
    margin: 0 !important;
    padding: 0 0 8px !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-controls {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-filter,
  body[data-current-view="commissionRep"] .commission-dashboard-filter-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-summary > div {
    min-height: 72px !important;
    padding: 9px 7px !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-summary strong {
    font-size: clamp(16px, 5vw, 21px) !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-charts {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-card {
    padding: 10px !important;
    overflow: hidden !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-title {
    margin-bottom: 6px !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-card svg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-grid text,
  body[data-current-view="commissionRep"] .commission-chart-label {
    font-size: 24px !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-grid line {
    stroke-width: 2px !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-line {
    stroke-width: 7px !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-point {
    r: 8px;
    stroke-width: 5px !important;
  }

  body[data-current-view="commissionRep"] .commission-chart-tooltip text {
    font-size: 26px !important;
  }

  body[data-current-view="commissionRep"] .commission-dashboard-empty {
    min-height: 120px !important;
  }

  body[data-current-view="commissionRep"] .commission-setup-card {
    padding: 0 0 74px !important;
  }

  body[data-current-view="commissionRep"] .commission-info-sections {
    gap: 8px !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section {
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section-heading,
  body[data-current-view="commissionRep"] .commission-rules-section .commission-info-section-heading,
  body[data-current-view="commissionRep"] .commission-info-adjustments-section .commission-info-section-heading {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 8px 10px !important;
    background: #f4f8fb !important;
  }

  body[data-current-view="commissionRep"] .commission-rules-section .commission-info-section-heading {
    background: #fff8e9 !important;
  }

  body[data-current-view="commissionRep"] .commission-info-adjustments-section .commission-info-section-heading {
    background: #edf8f6 !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section-heading > span {
    width: 32px !important;
    height: 32px !important;
    font-size: 10px !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section-heading h3 {
    font-size: 13px !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section-heading p {
    margin-top: 1px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section > .commission-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section > .commission-info-grid > * {
    grid-column: auto !important;
    min-width: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section .name-field,
  body[data-current-view="commissionRep"] .commission-profile-section .wide-field,
  body[data-current-view="commissionRep"] .commission-rules-section .notes-field,
  body[data-current-view="commissionRep"] .commission-rules-section .commission-office-control {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section > .commission-info-grid {
    grid-template-areas:
      "name status"
      "email email"
      "phone hired" !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section > .commission-info-grid > :nth-child(1) {
    grid-area: name !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section > .commission-info-grid > :nth-child(2) {
    grid-area: phone !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section > .commission-info-grid > :nth-child(3) {
    grid-area: email !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section > .commission-info-grid > :nth-child(4) {
    grid-area: status !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section > .commission-info-grid > :nth-child(5) {
    grid-area: hired !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section .commission-field {
    gap: 3px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="commissionRep"] .commission-info-section > .commission-info-grid input,
  body[data-current-view="commissionRep"] .commission-info-section > .commission-info-grid select {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 7px 9px !important;
    font-size: 15px !important;
  }

  body[data-current-view="commissionRep"] .commission-profile-section input[type="date"] {
    min-width: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body[data-current-view="commissionRep"] .commission-rules-section .commission-office-control {
    align-items: end !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    justify-items: stretch !important;
    width: 100% !important;
  }

  body[data-current-view="commissionRep"] .commission-rules-section .office-toggle {
    align-items: center !important;
    align-self: end !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 1px solid #bdccda !important;
    border-radius: 4px !important;
    background: #fff !important;
  }

  body[data-current-view="commissionRep"] .commission-rules-section .office-toggle input[type="checkbox"] {
    box-sizing: border-box !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #1976d2 !important;
    -webkit-appearance: checkbox !important;
    appearance: auto !important;
  }

  body[data-current-view="commissionRep"] .commission-rules-section .office-rate-field {
    width: 100% !important;
    min-width: 0 !important;
    justify-items: stretch !important;
  }

  body[data-current-view="commissionRep"] .commission-info-adjustments-section .commission-adjustments,
  body[data-current-view="commissionRep"] .commission-adjustment-register {
    padding: 9px !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-register-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 6px !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-register-head > div {
    display: grid !important;
    gap: 1px !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-register-tools {
    align-items: end !important;
    gap: 5px !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-register-add {
    min-height: 36px !important;
    padding: 6px 9px !important;
    font-size: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-register-add::after {
    content: "+ Add";
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-head {
    align-items: center !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 8px !important;
    padding: 8px !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-title {
    grid-column: 1 !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-badges {
    grid-column: 1 !important;
    flex-wrap: nowrap !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    flex-wrap: nowrap !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-actions button {
    min-height: 34px !important;
    padding: 5px 9px !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-details {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-details > div {
    min-height: 46px !important;
    padding: 6px 4px !important;
    border-right: 1px solid #e0e7ee !important;
    border-bottom: 1px solid #e0e7ee !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-details > div:nth-child(3n) {
    border-right: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-adjustment-record-details > div:nth-last-child(-n + 3) {
    border-bottom: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-update-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    position: fixed !important;
    left: 32px !important;
    right: 32px !important;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 39 !important;
    margin: 0 !important;
    padding: 8px !important;
    border-top: 1px solid #ccd8e3 !important;
    background: #eef4f8 !important;
    box-shadow: 0 -6px 14px rgba(17, 42, 67, .08) !important;
  }

  body[data-current-view="commissionRep"] .commission-update-bar > span {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="commissionRep"] .commission-update-bar > .commission-save-status.idle {
    display: none !important;
  }

  body[data-current-view="commissionRep"] .commission-update-bar button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
  }

  #commissionSalesRepsView.active-view {
    gap: 10px !important;
    padding: 0 12px 88px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #commissionSalesRepsView.active-view .commission-sales-reps-toolbar {
    display: block !important;
    margin: 0 !important;
    padding: 10px 0 4px !important;
  }

  #commissionSalesRepsView.active-view #commissionSalesRepsHeaderActions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  #commissionSalesRepsView.active-view #commissionSalesRepsHeaderActions button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #commissionSalesRepsView.active-view .commission-action-full { display: none !important; }
  #commissionSalesRepsView.active-view .commission-action-short { display: inline !important; }
  #commissionSalesRepsView.active-view #openCommissionGlobalAudit { background: #28679d !important; color: #fff !important; }

  #commissionSalesRepsView.active-view #refreshBoard {
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  #commissionSalesRepsView.active-view .commission-sales-reps-directory {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #commissionSalesRepsView.active-view .commission-sales-reps-directory > .section-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }

  #commissionSalesRepsView.active-view .commission-sales-reps-copy {
    margin: 0 !important;
    color: #637286 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  #commissionSalesRepsView.active-view .commission-rep-roster-toolbar {
    flex: 0 0 154px !important;
    width: 154px !important;
  }

  #commissionSalesRepsView.active-view #commissionRepList { overflow: visible !important; }

  #commissionSalesRepsView.active-view .commission-rep-payout-matrix {
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #d5e0ea !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  #commissionSalesRepsView.active-view .commission-rep-roster-head,
  #commissionSalesRepsView.active-view .commission-rep-row {
    grid-template-columns: minmax(0, 1fr) 58px 112px !important;
    gap: 6px !important;
  }

  #commissionSalesRepsView.active-view .commission-rep-roster-head {
    padding: 8px 10px !important;
    background: #173f63 !important;
    color: #fff !important;
  }

  #commissionSalesRepsView.active-view .commission-rep-roster-head span:nth-child(n + 4),
  #commissionSalesRepsView.active-view .commission-rep-row > em:nth-child(n + 4) { display: none !important; }

  #commissionSalesRepsView.active-view .commission-rep-row {
    min-height: 44px !important;
    padding: 6px 10px 6px 8px !important;
  }

  #commissionSalesRepsView.active-view .commission-rep-row:nth-child(odd) { background: #f2f6fa !important; }

  #commissionSalesRepsView.active-view .commission-rep-row strong {
    overflow: hidden !important;
    color: #123b61 !important;
    font-size: 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #commissionSalesRepsView.active-view .commission-rep-row span,
  #commissionSalesRepsView.active-view .commission-rep-row em { font-size: 12px !important; }
}