/* The class is applied after each tab switch, preventing a return to the larger default view. */
.paymentRecords.paymentTabsCompact{padding:8px!important}.paymentTabsCompact .supplierPayableVisuals,.paymentTabsCompact .paymentHistoryVisuals{gap:6px!important;margin:0 0 8px!important}.paymentTabsCompact .supplierPayableCard,.paymentTabsCompact .supplierPayableProgress,.paymentTabsCompact .paymentHistoryCard,.paymentTabsCompact .paymentHistoryProgress{min-height:46px!important;padding:6px 8px!important}.paymentTabsCompact .supplierPayableCard span,.paymentTabsCompact .paymentHistoryCard span{width:24px!important;height:24px!important}.paymentTabsCompact .supplierPayableCard small,.paymentTabsCompact .supplierPayableProgress small,.paymentTabsCompact .paymentHistoryCard small,.paymentTabsCompact .paymentHistoryProgress small{font-size:7.5px!important}.paymentTabsCompact .supplierPayableCard strong,.paymentTabsCompact .paymentHistoryCard strong{font-size:14px!important}.paymentTabsCompact .supplierProgressTrack,.paymentTabsCompact .paymentProgressTrack{height:4px!important;margin-top:4px!important}.paymentTabsCompact .paymentSectionHead{padding-bottom:6px!important}.paymentTabsCompact .paymentSectionHead h2{font-size:14px!important}.paymentTabsCompact .paymentSectionHead p{font-size:10.5px!important}