.wcpay-deposit-overview {
	.woocommerce-order-status {
		margin-bottom: 4px;
		white-space: nowrap;
	}

	.woocommerce-order-status__indicator {
		width: 0.85em;
		height: 0.85em;

		// is-canceled uses the default gray color.

		&.is-paid {
			background: $wp-green-30;
			border-color: $wp-green-5;
		}
		&.is-pending {
			background: $wp-yellow-20;
			border-color: $wp-yellow-5;
		}
		&.is-in_transit {
			background: $wp-blue-30;
			border-color: $wp-blue-5;
		}
		&.is-failed {
			background: $wp-red-50;
			border-color: $wp-red-10;
		}
	}

	.woocommerce-summary__item {
		.woocommerce-summary__item-label {
			font-size: 14px;
			line-height: 20px;
		}
		.woocommerce-summary__item-value {
			font-size: 20px;
			line-height: 28px;
		}

		.wcpay-summary__item-detail {
			color: $dark-gray-500;
			word-wrap: break-word;

			.woopayments-payout-bank-reference-id {
				font-family: monospace;
			}
		}
	}

	.wcpay-deposit-fee {
		color: $wp-red-70;
	}

	.wcpay-deposit-net {
		color: $wp-green-70;
	}

	.woopayments-payout-details-header {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0.75rem;

		&__bank-reference-id {
			font-family: monospace;
			color: $wp-gray-50;
		}

		&__value {
			color: $wp-gray-50;
			align-self: center;

			@include breakpoint( '<660px' ) {
				align-self: flex-start;
			}
		}

		&__item {
			display: flex;

			@include breakpoint( '<660px' ) {
				flex-direction: column;
			}
		}

		h2 {
			font-size: 0.6875rem;
			font-weight: 500;
			color: $wp-gray-90;
			min-width: 11rem;
			text-transform: uppercase;
		}
	}

	.wcpay-deposit-automatic ul {
		display: flex;
		margin: 0;
		list-style-type: none;

		@include breakpoint( '<660px' ) {
			flex-direction: column;
		}

		.woocommerce-summary__item {
			border-bottom: 0;
			background-color: inherit;
			color: inherit;
			.woocommerce-summary__item-label:hover {
				color: inherit;
			}

			@include breakpoint( '<660px' ) {
				border-right: none;
			}
		}

		.wcpay-deposit-amount {
			flex-grow: 1;
			padding: 24px;
			text-align: right;
			font-size: 36px;
			line-height: 82px;

			@include breakpoint( '<660px' ) {
				line-height: 36px;
				text-align: left;
				border-top: 1px solid $studio-gray-5;
			}
		}
	}

	&--instant {
		&__transactions-list-message.components-card__body {
			padding: 24px;
		}
	}

	/* WC SummaryNumber modifications: some margins, colors and hide of unused fields */
	.woocommerce-summary {
		.woocommerce-summary__item-label {
			margin-bottom: 12px;
		}
		.woocommerce-summary__item-data {
			margin-top: 0;
			margin-bottom: 8px;
		}
		.wcpay-summary__item-detail {
			color: $dark-gray-500;
		}
		/* Hide unused SummaryNumber fields */
		.woocommerce-summary__item-prev-value,
		.woocommerce-summary__item-delta {
			display: none;
		}
		.woocommerce-summary__item {
			background: $studio-white;
			&:hover .woocommerce-summary__item-label {
				color: $gray-700;
			}
		}
		a.woocommerce-summary__item {
			&:hover {
				background-color: $studio-gray-0;
				&:hover .woocommerce-summary__item-label {
					color: var( --wp-admin-theme-color );
				}
			}
			&:active {
				background-color: $studio-gray-5;
			}
		}
	}
}
