.commission-pricing-page { min-width: 0; }
.commission-pricing-page .cp-explanation { color: #495057; font-size: .825rem; line-height: 1.5; margin: 0 0 .75rem; }
.commission-pricing-page #transactionTable { width: 100%; table-layout: fixed; }
.commission-pricing-page #transactionTable th,
.commission-pricing-page #transactionTable td { white-space: normal; overflow-wrap: anywhere; vertical-align: top; }
.commission-pricing-page #transactionTable th:first-child { width: 3.5rem; white-space: nowrap; }
.commission-pricing-page #transactionTable th:nth-child(4) { width: 34%; }
.commission-pricing-page #transactionTable th:nth-child(5) { width: 18%; }
.commission-pricing-page .badge { white-space: normal; line-height: 1.4; }
.commission-pricing-page #transactionTable .cp-price { font-size: 1.1rem; font-weight: 800; }
.commission-pricing-page .shared-table-header-toolbar,
.commission-pricing-page .shared-table-header-search { min-width: 0; max-width: 100%; }
.commission-pricing-page .shared-pagination-footer { display: flex !important; flex-wrap: wrap; }
.commission-pricing-page .shared-pagination-nav-wrap { flex-wrap: wrap; }
/* Keep product identity and price prominent; status uses one compact symbol. */
.commission-pricing-page #transactionTable th:last-child { width: 5rem; white-space: nowrap; }
.commission-pricing-page #transactionTable .cp-product > strong { display: block; font-size: 1rem; line-height: 1.4; }
.commission-pricing-page .cp-copy-plan { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; padding: .2rem 0; border: 0; background: transparent; color: #075985; font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.commission-pricing-page .cp-copy-plan:hover { text-decoration: underline; }
.commission-pricing-page .cp-copy-plan:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; border-radius: .2rem; }
.commission-pricing-page .cp-copy-hint { font-size: .75rem; font-weight: 400; }
.commission-pricing-page #transactionTable .cp-context { display: none; }
.commission-pricing-page #transactionTable .cp-status { text-align: center !important; }
.commission-pricing-page #transactionTable .cp-availability { display: inline-block; font-size: 1.35rem; font-weight: 800; line-height: 1.3; }
.commission-pricing-page #transactionTable .cp-availability--available,
.commission-pricing-page #transactionTable .cp-availability--available > span { color: #15803d !important; }
.commission-pricing-page #transactionTable .cp-availability--unavailable,
.commission-pricing-page #transactionTable .cp-availability--unavailable > span { color: #b91c1c !important; }
@media (max-width: 991px) {
    .commission-pricing-page .table-responsive { overflow: visible; }
    .commission-pricing-page #transactionTable,
    .commission-pricing-page #transactionTable tbody { display: block; }
    .commission-pricing-page #transactionTable thead { display: none; }
    .commission-pricing-page #transactionTable tr { display: grid; grid-template-columns: minmax(0, 1fr) 1.75rem; gap: .2rem .4rem; border: 1px solid #d6dce2; border-radius: .6rem; margin: .6rem 0; padding: .8rem; background: #fff; }
    .commission-pricing-page #transactionTable td { display: block; border: 0; padding: 0; width: auto; box-shadow: none; background: transparent; }
    .commission-pricing-page #transactionTable td.cp-product { grid-column: 1; grid-row: 1; }
    .commission-pricing-page #transactionTable .cp-context { display: block; color: #536170 !important; font-size: .75rem; font-weight: 400; line-height: 1.4; }
    .commission-pricing-page #transactionTable td.cp-price { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; margin-top: .4rem; font-size: 1.15rem; font-weight: 800; }
    .commission-pricing-page #transactionTable td.cp-price::before { content: 'Your Price'; flex-shrink: 0; font-size: .8rem; font-weight: 500; color: #536170; }
    .commission-pricing-page #transactionTable td.cp-commission { grid-column: 1 / -1; grid-row: 3; font-size: .8rem; font-weight: 400; color: #536170 !important; }
    .commission-pricing-page #transactionTable td.cp-commission::before { content: 'Commission: '; }
    .commission-pricing-page #transactionTable td.cp-status { grid-column: 2; grid-row: 1; }
    .commission-pricing-page #transactionTable td.cp-number,
    .commission-pricing-page #transactionTable td.cp-service,
    .commission-pricing-page #transactionTable td.cp-sub-service { display: none; }
    .commission-pricing-page #transactionTable td[colspan] { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
    .commission-pricing-page .cp-explanation { font-size: .8rem; line-height: 1.45; margin-bottom: .6rem; }
    .commission-pricing-page .shared-table-header-toolbar { width: 100%; }
    .commission-pricing-page .shared-table-header-search { flex: 1 1 100%; width: 100%; }
    .commission-pricing-page .shared-table-search-input { width: 100% !important; }
    .commission-pricing-page .shared-table-header-row2 { flex-wrap: wrap !important; }
    .commission-pricing-page .shared-table-header-row2 .btn { min-height: 44px; }
    .commission-pricing-page .shared-pagination-nav-wrap { max-width: 100%; justify-content: flex-start !important; }
    .commission-pricing-page .pagination { flex-wrap: wrap; }
}
@media (max-width: 575px) {
    .commission-pricing-page .shared-table-header-toolbar { flex-wrap: wrap !important; }
    .commission-pricing-page .shared-table-card-body { padding: .5rem; }
}
.commission-pricing-page #transactionTable th { white-space: normal; }
.commission-pricing-page #transactionTable td { min-width: 0; max-width: none; }

.commission-pricing-page .cp-inline-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-bottom: .75rem; }
.commission-pricing-page .cp-inline-filters > div { min-width: 0; }
.commission-pricing-page .cp-inline-filters label { display: block; font-size: .75rem; color: #495057; margin-bottom: .2rem; }
.commission-pricing-page .cp-inline-filters select { width: 100%; min-width: 0; min-height: 44px; font-size: .825rem; color: #243746; background-color: #fff; }
@media (max-width: 767px) {
    .commission-pricing-page .cp-inline-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
}