/* ================================================================
   CANADA / UK / GLOBAL — mobile + tablet earnings & deductions (≤1023)
   USA is the visual reference. Do not put .psx-paystub-form--usa rules here.
   Presentation only — same field nodes/IDs; no calc/logic changes.
   ================================================================ */
@media (max-width: 1023.98px) {

    /* ========== CANADA — earnings cards ========== */
    #submit_form_paystubx_id.psx-paystub-form--canada .col-lg-7.pr-lg-0,
    #submit_form_paystubx_id.psx-paystub-form--canada .col-lg-5.pl-0 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 6px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 8px !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 8px !important;
        background: #fcfdfe !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > [class*='col-'] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addincomeKey,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > [class*='col-']:has(.psx-ca-earning-type-slot),
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > [class*='col-']:has(.ca-earning-sel) {
        grid-column: 1 / -1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addrateKey,
    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .psx-earn-col-rate,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > .psx-earn-col-rate {
        grid-column: 1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addhoursKey,
    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .psx-earn-col-hours,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > .psx-earn-col-hours {
        grid-column: 2 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addcurrentTotal,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > .psx-ca-earn-total-col {
        grid-column: 1 / -1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > [class*='col-'] > .statementbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .statementbtn {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addrateKey::before,
    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .psx-earn-col-rate::before,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > .psx-earn-col-rate::before {
        content: 'RATE';
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addhoursKey::before,
    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .psx-earn-col-hours::before,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > .psx-earn-col-hours::before {
        content: 'HOURS';
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row > .addcurrentTotal::before,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row > .psx-ca-earn-total-col::before {
        content: 'TOTAL';
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-ca-earn-primary-row .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .earnbtn:not(.d-none),
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-earn-addon-cell,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-earn-field-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 38px !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-earn-addon-cell,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-earn-addon-cell.psx-ca-earn-slot {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }

    /* Beat desktop max-height:42px so calc-method / select don't clip on mobile cards */
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-ca-earn-slot .psx-canada-earn-addon,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-ca-earn-slot .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-ca-earn-slot select.ca-earning-sel,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-ca-earn-slot .psx-earn-field-wrap {
        max-height: none !important;
        height: auto !important;
        min-height: 38px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .earnbtn.d-none,
    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .d-none {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .ca-earn-row .psx-calc-method {
        width: 100% !important;
        margin: 8px 0 4px !important;
        max-height: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .btnCommon.addEarningField,
    #submit_form_paystubx_id.psx-paystub-form--canada .btnCommon.addTaxField {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-height: 44px !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 10px 18px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        font-size: 15px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .btnCommon.addEarningField .fa,
    #submit_form_paystubx_id.psx-paystub-form--canada .btnCommon.addTaxField .fa {
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .col-lg-5 .center-btn,
    #submit_form_paystubx_id.psx-paystub-form--canada .col-lg-7 .center-btn {
        display: flex !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 4px 0 8px !important;
    }

    /* ========== CANADA — deductions (paired by psx-canada-deduction-mobile-layout.js) ========== */
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .col-lg-5 > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 4px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .addtaxes,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .addtaxes_rate,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .addtaxes_ytd {
        display: contents !important;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .addtaxes > .statementbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .addtaxes_rate > .statementbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .addtaxes_ytd > .statementbtn {
        display: none !important;
    }

    /* Kill desktop flex-row on cells so THIS PERIOD / YTD labels stack ABOVE inputs */
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .canada-deduction-cell,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-cell {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-cell[data-psx-mobile-label]::before {
        content: attr(data-psx-mobile-label);
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #64748b !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        text-align: left !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name {
        position: relative !important;
        margin-top: 8px !important;
        padding: 8px 8px 6px !important;
        border: 1px solid #e8edf2;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        background: #fff;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-period {
        padding: 0 4px 8px 8px !important;
        border-left: 1px solid #e8edf2;
        border-bottom: 1px solid #e8edf2;
        border-radius: 0 0 0 8px;
        background: #fff;
        margin-bottom: 8px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-ytd {
        padding: 0 8px 8px 4px !important;
        border-right: 1px solid #e8edf2;
        border-bottom: 1px solid #e8edf2;
        border-radius: 0 0 8px 0;
        background: #fff;
        margin-bottom: 8px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name .canada-lock-icon,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name .fa-lock {
        position: absolute !important;
        left: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        margin: 0 !important;
        flex: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name input.taxes,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name input.canada-tax-input {
        padding: 8px 10px 8px 40px !important;
        text-align: left !important;
        min-height: 38px !important;
        height: 38px !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        flex: 0 0 auto !important;
    }

    /* Manual Add Deduction: Select Type full width, stacked cleanly */
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name select.ca-deduction-sel,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name .ca-deduction-custom:not(.d-none) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 28px 0 12px !important;
        text-align: left !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
        flex: 0 0 auto !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-name .ca-deduction-custom:not(.d-none) {
        margin-top: 8px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-period > .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-ytd > .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-ytd > .psx-earn-field-wrap,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-cell .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-cell .psx-earn-field-wrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        box-sizing: border-box !important;
        flex: 0 0 auto !important;
        align-self: stretch !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-ytd .psx-earn-field-wrap {
        position: relative !important;
        height: auto !important;
        min-height: 36px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-ytd .psx-earn-field-wrap > .earnbtn {
        width: 100% !important;
        padding-right: 36px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada.psx-canada-ded-mobile .psx-ca-m-ded-cell .d-none {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .box-usa > .row.mb-3.mt-4:has(#ytd_gross),
    #submit_form_paystubx_id.psx-paystub-form--canada .box-usa > .row.mb-3.mt-lg-5:has(#ytd_gross) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        margin: 10px 0 4px !important;
        padding: 8px !important;
        border: 1px solid #c7d2e0 !important;
        border-radius: 8px !important;
        background: #f1f5f9 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .box-usa > .row.mb-3.mt-4:has(#ytd_gross) > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--canada .box-usa > .row.mb-3.mt-lg-5:has(#ytd_gross) > [class*='col-'] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .box-usa > .row:has(#ytd_gross) > [class*='col-'] > .statementbtn {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #64748b !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        text-align: left !important;
        line-height: 1.15 !important;
        cursor: default !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .box-usa > .row:has(#ytd_gross) .earnbtn {
        width: 100% !important;
        margin: 0 !important;
        min-height: 38px !important;
        height: 38px !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--canada .psx-deduction-calc-note {
        margin: 8px 0 !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* ========== UK — earnings cards ========== */
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey),
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 6px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 8px !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 8px !important;
        background: #fcfdfe !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-'] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addincomeKey,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:has(.psx-uk-earning-type-slot),
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:has(.uk-earning-sel) {
        grid-column: 1 / -1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addrateKey {
        grid-column: 1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addhoursKey {
        grid-column: 2 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addcurrentTotal,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > .psx-uk-earn-total-col {
        grid-column: 1 / -1 !important;
    }

    /* Addon row rate/hours/total by position when class markers missing */
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:nth-child(2) {
        grid-column: 1 !important;
    }
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:nth-child(3) {
        grid-column: 2 !important;
    }
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:nth-child(4) {
        grid-column: 1 / -1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) .statementbtn,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .statementbtn {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addrateKey::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:nth-child(2)::before {
        content: 'RATE';
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addhoursKey::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:nth-child(3)::before {
        content: 'HOURS';
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) > .addcurrentTotal::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > .psx-uk-earn-total-col::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:nth-child(4)::before {
        content: 'TOTAL';
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner > .row:has(> .addincomeKey) .margin-bottom,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .earnbtn:not(.d-none),
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-earn-addon-cell,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-earn-field-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 38px !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-earn-addon-cell,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-earn-addon-cell.psx-uk-earn-slot {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-uk-earn-slot .psx-uk-earn-addon,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-uk-earn-slot .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-uk-earn-slot select.uk-earning-sel,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-uk-earn-slot .psx-earn-field-wrap {
        max-height: none !important;
        height: auto !important;
        min-height: 38px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .d-none,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .earnbtn.d-none,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row > [class*='col-']:has(> .psx-earn-addon-cell.d-none):not(:has(.psx-earn-addon-cell:not(.d-none))) {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-earn-row .psx-calc-method {
        width: 100% !important;
        margin: 8px 0 4px !important;
        max-height: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .btnCommon.addEarningField,
    #submit_form_paystubx_id.psx-paystub-form--uk .btnCommon.addUkDeduction {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-height: 44px !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 10px 18px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        font-size: 15px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .btnCommon.addEarningField .fa,
    #submit_form_paystubx_id.psx-paystub-form--uk .btnCommon.addUkDeduction .fa {
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    /* Add Deduction — left, not centered */
    #submit_form_paystubx_id.psx-paystub-form--uk .center-btn:has(> .addUkDeduction),
    #submit_form_paystubx_id.psx-paystub-form--uk .row:has(> .center-btn > .addUkDeduction) > .center-btn {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        text-align: left !important;
        width: 100% !important;
        margin: 8px 0 12px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .btnCommon.addUkDeduction {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* ========== UK — deduction name|amount cards ========== */
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes),
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > [class*='col-'] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-md-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-lg-7 {
        position: relative !important;
        margin-top: 6px !important;
        padding: 8px 8px 4px !important;
        border: 1px solid #e8edf2 !important;
        border-bottom: none !important;
        border-radius: 8px 8px 0 0 !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-md-5,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-lg-5 {
        margin-bottom: 6px !important;
        padding: 0 8px 8px !important;
        border: 1px solid #e8edf2 !important;
        border-top: none !important;
        border-radius: 0 0 8px 8px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    /* New Add Deduction rows — one roomy card, not a cramped split wrap */
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair {
        row-gap: 10px !important;
        margin: 0 0 14px !important;
        padding: 12px !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 8px !important;
        background: #fff !important;
        overflow: visible !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > .col-md-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > .col-lg-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > .col-md-5,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > .col-lg-5 {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        position: relative !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-md-5::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-lg-5::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > .col-md-5::before,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair > .col-lg-5::before {
        content: 'THIS PERIOD';
        display: block;
        margin: 0 0 4px;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-md-7 > .psx-lock-icon,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) > .col-lg-7 > .psx-lock-icon,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .psx-lock-icon {
        position: absolute !important;
        left: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) input.taxes,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair input.taxes {
        padding: 8px 10px 8px 40px !important;
        text-align: left !important;
        width: 100% !important;
        min-height: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .uk-ded-name-wrap {
        position: relative !important;
        width: 100% !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair select.uk-deduction-sel,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .uk-deduction-custom:not(.d-none) {
        display: block !important;
        width: 100% !important;
        min-height: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 28px 0 12px !important;
        text-align: left !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .uk-deduction-custom:not(.d-none) {
        margin-top: 8px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .uk-deduction-hint:not(.d-none) {
        position: static !important;
        display: block !important;
        width: 100% !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        line-height: 1.35 !important;
        font-size: 11px !important;
        color: #64748b !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .uk-deduction-config:not(.d-none) {
        margin-top: 10px !important;
        margin-bottom: 2px !important;
        padding: 10px 12px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > input.taxes) .input-uk,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .input-uk,
    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair .earnbtn {
        width: 100% !important;
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair [data-uk-ded-row] .psx-earn-addon-cell.psx-uk-earn-slot {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .uk-extra-ded-pair [data-uk-ded-row] .psx-earn-addon-cell.psx-uk-earn-slot > .earnbtn {
        width: 100% !important;
        padding-right: 40px !important;
    }

    /* ========== UK — Annual Leave (labels above fields) ========== */
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--annual-leave .top-heading {
        font-size: 18px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-optional-note {
        margin: 0 0 12px !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        color: #64748b !important;
        text-transform: none !important;
        font-weight: 500 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 8px !important;
        background: #fcfdfe !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__title {
        margin: 0 !important;
        padding: 10px 12px !important;
        border-bottom: 1px solid #e8edf2 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 0.04em !important;
        color: #0b1f4d !important;
        background: #fff !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__body {
        padding: 10px 12px 12px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row:first-child {
        padding-top: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row label {
        display: block !important;
        width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #64748b !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row input,
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row .psx-uk-leave-input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 6px !important;
        border-bottom: 1px solid #e8edf2 !important;
        text-align: left !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #0b1f4d !important;
        background: #fff !important;
        box-sizing: border-box !important;
        outline: none !important;
        box-shadow: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row input:focus {
        border-color: #c7d2e0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-annual-leave-table__row input[readonly] {
        background: #f8fafc !important;
        border-color: #e8edf2 !important;
        color: #334155 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > .netpaybtn) > .col-md-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > .netpaybtn) > .col-lg-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > .netpaybtn) > .col-md-5,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > .netpaybtn) > .col-lg-5,
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--ytd .row > .col-md-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--ytd .row > .col-lg-7,
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--ytd .row > .col-md-5,
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--ytd .row > .col-lg-5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .netpaybtn,
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--ytd .netpaybtn {
        width: 100% !important;
        min-height: 40px !important;
        margin: 0 0 4px !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    /* Stacked YTD / net-pay amount cards: left-align values with labels */
    #submit_form_paystubx_id.psx-paystub-form--uk .psx-uk-block--ytd .input-uk,
    #submit_form_paystubx_id.psx-paystub-form--uk .ukpay-inner .row:has(> [class*='col-'] > .netpaybtn) .input-uk {
        text-align: left !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--uk .psx-deduction-calc-note {
        margin: 8px 0 !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* ========== GLOBAL — earnings (psx-global-earn-mobile-layout.js) ========== */
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 6px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row > [class*='col-'] {
        display: contents !important;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row #addEarning,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row #addRate,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row #addHours,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row #addTotal,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row #addGrossTotal,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row #addYtdTotal {
        display: contents !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row > [class*='col-'] > .statementbtn,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row .psx-col-sub {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-cell {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-earn-cols-row .psx-earn-addon-cell,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-cell.psx-earn-addon-cell {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 0 !important;
        flex: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-cell[data-psx-mobile-label]::before {
        content: attr(data-psx-mobile-label);
        display: block;
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
        line-height: 1.15;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-name {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px;
        margin-top: 2px !important;
        padding: 8px 8px 0 !important;
        border: 1px solid #e8edf2;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        background: #fcfdfe;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-rate,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-hours,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-total,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-period {
        padding: 0 8px !important;
        border-left: 1px solid #e8edf2;
        border-right: 1px solid #e8edf2;
        background: #fcfdfe;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-rate,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-total {
        padding-left: 8px !important;
        border-right: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-hours,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-period {
        padding-right: 8px !important;
        border-left: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-ytd {
        margin-bottom: 8px !important;
        padding: 0 8px 8px !important;
        border: 1px solid #e8edf2;
        border-top: none;
        border-radius: 0 0 8px 8px;
        background: #fcfdfe;
    }

    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-cell .earnbtn:not(.d-none),
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-cell .psx-earn-field-wrap,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile .psx-reg-m-earn-cell .psx-rate-with-explain {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        min-height: 38px !important;
        box-sizing: border-box !important;
    }

    /* Salary (no hourly add-ons): hide RATE/HOURS like USA */
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile.psx-salary-earnings:not(.psx-salary-earnings-addons) .psx-reg-m-earn-rate,
    #submit_form_paystubx_id.psx-paystub-form--global.psx-global-earn-mobile.psx-salary-earnings:not(.psx-salary-earnings-addons) .psx-reg-m-earn-hours {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .add_button.earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--global .add_deduction.earnbtn {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-height: 44px !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 10px 16px !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .add_button.earnbtn .fa,
    #submit_form_paystubx_id.psx-paystub-form--global .add_deduction.earnbtn .fa {
        flex-shrink: 0 !important;
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    /* Global deduction amount labels ABOVE cells (not beside) */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > [class*='col-'] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    /* ========== GLOBAL — deduction cards ========== */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-header-row {
        display: none !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 4px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 0 6px !important;
        padding: 8px !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > [class*='col-'] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-md-4,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-lg-4,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-md-4,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-lg-4 {
        grid-column: 1 / -1 !important;
        margin-bottom: 2px !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .psx-global-prev-ytd-col:not([style*='display: none']),
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .psx-global-prev-ytd-col:not([style*='display: none']) {
        grid-column: 1 / -1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .psx-global-prev-ytd-col:not([style*='display: none'])::before,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .psx-global-prev-ytd-col:not([style*='display: none'])::before {
        content: 'PREVIOUS YTD';
        display: block;
        margin: 0 0 2px;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-md-3.mb-3:nth-last-child(2)::before,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-lg-3.mb-3:nth-last-child(2)::before,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-md-3.mb-3:nth-last-child(2)::before {
        content: 'THIS PERIOD';
        display: block;
        margin: 0 0 2px;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-md-3.mb-3:last-child::before,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-lg-3.mb-3:last-child::before,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-md-3.mb-3:last-child::before {
        content: 'YTD';
        display: block;
        margin: 0 0 2px;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #64748b;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row .earnbtn,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row .earnbtn {
        width: 100% !important;
        margin: 0 !important;
        min-height: 36px !important;
        box-sizing: border-box !important;
    }

    /* Select Type: vertically center placeholder/value (kill earnbtn asymmetric padding) */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row select.psx-deduction-sel,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row select.psx-deduction-sel {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 28px 0 12px !important;
        line-height: 40px !important;
        text-align: left !important;
        text-align-last: left !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row .psx-deduction-custom:not(.d-none),
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row .psx-deduction-custom:not(.d-none) {
        margin-top: 8px !important;
        padding: 8px 12px !important;
        text-align: left !important;
        min-height: 40px !important;
        line-height: 1.25 !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row .psx-deduction-custom.d-none,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row .earnbtn.d-none {
        display: none !important;
    }

    /* Category above select; Reduces net aligned to the select (not the Category label) */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-md-4 > .d-flex.flex-wrap,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-lg-4 > .d-flex.flex-wrap,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-md-4 > .d-flex.flex-wrap,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-lg-4 > .d-flex.flex-wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        column-gap: 12px !important;
        row-gap: 6px !important;
        margin-top: 8px !important;
        width: 100% !important;
        font-size: 12px !important;
        color: #475569 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-md-4 > .d-flex.flex-wrap > label:has(select),
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-lg-4 > .d-flex.flex-wrap > label:has(select),
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-md-4 > .d-flex.flex-wrap > label:has(select),
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-lg-4 > .d-flex.flex-wrap > label:has(select) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-weight: 700 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        font-size: 9px !important;
        color: #64748b !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row select.psx-global-ded-category,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row select.psx-global-ded-category {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 28px 0 10px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-md-4 > .d-flex.flex-wrap > label:has(.psx-global-reduces-net),
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row > .col-lg-4 > .d-flex.flex-wrap > label:has(.psx-global-reduces-net),
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-md-4 > .d-flex.flex-wrap > label:has(.psx-global-reduces-net),
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row > .col-lg-4 > .d-flex.flex-wrap > label:has(.psx-global-reduces-net) {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        color: #334155 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row .psx-global-reduces-net,
    #submit_form_paystubx_id.psx-paystub-form--global #add_deduction .psx-deduction-grid-row .psx-global-reduces-net {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    /* ========== GLOBAL — Total Deductions / Net Pay summary ========== */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row:not(.psx-summary-netpay-row),
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 8px !important;
        row-gap: 6px !important;
        align-items: end !important;
        width: 100% !important;
        margin: 8px 0 !important;
        padding: 8px !important;
        border: 1px solid #e8edf2 !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        box-sizing: border-box !important;
        padding-top: 8px !important; /* kill desktop 1.35rem absolute-label gutter */
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row {
        border-color: #c7d2e0 !important;
        background: #f1f5f9 !important;
        align-items: stretch !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row > [class*='col-'],
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row > [class*='col-'] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row > .col-md-4,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row > .col-lg-4,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row > .col-md-4,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row > .col-lg-4 {
        grid-column: 1 / -1 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row > .psx-global-prev-ytd-col,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row > .psx-global-prev-ytd-col {
        display: none !important;
    }

    /* Kill desktop absolute float labels that collide with Total Deductions / Net Pay */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row .psx-col-sub,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .psx-col-sub {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        height: auto !important;
        display: block !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        font-family: inherit !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #64748b !important;
        text-align: left !important;
        line-height: 1.15 !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        pointer-events: none !important;
        z-index: auto !important;
    }

    /* Total Deductions title — one clean left header, not a giant centered button over labels */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row:not(.psx-summary-netpay-row) input[type='button'].earnbtn {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 0 4px !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0b1f4d !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 0.02em !important;
        text-align: left !important;
        cursor: default !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .netpaybtn,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .net_pay {
        width: 100% !important;
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row .earnbtn:not([type='button']),
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .earnbtn:not([type='button']),
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row .deduction_tax,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row .ytd_deduction_tax,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .total_net_pay,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .total_ytd_net_pay {
        display: block !important;
        width: 100% !important;
        min-height: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        line-height: 38px !important;
        box-sizing: border-box !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-grid-row .mb-2,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row .mb-2,
    #submit_form_paystubx_id.psx-paystub-form--global .psx-deduction-grid-row .mb-3 {
        margin-bottom: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-summary-netpay-row.mt-5 {
        margin-top: 8px !important;
    }

    /* Employer contrib totals: labels above full-width fields */
    #submit_form_paystubx_id.psx-paystub-form--global .psx-global-employer-contrib > .row:last-child {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 8px !important;
        margin: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-global-employer-contrib > .row:last-child > [class*='col-'] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-global-employer-contrib > .row:last-child .lable {
        display: block !important;
        margin: 0 0 4px !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #64748b !important;
        text-align: left !important;
    }

    #submit_form_paystubx_id.psx-paystub-form--global .psx-global-employer-contrib > .row:last-child .earnbtn {
        width: 100% !important;
        min-height: 38px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}