/** @format */
.woocommerce-analytics__table-placeholder {
	.woocommerce-card__body {
		padding: 0;
	}

	.woocommerce-table__table {
		margin-bottom: 0;

		tr:last-child {
			border-bottom-style: none;
		}
	}
}

// @todo Once we switch to the Gutenberg `Card` component, we should probably
// drop this class and override all cards within the wc-admin scope or make an
// exportable card based on the Gutenberg component that houses wc-admin styles.
.woocommerce-analytics__card {
	border-radius: 0;
	border: 1px solid $core-grey-light-700;
	box-shadow: none;

	&:hover {
		box-shadow: none;
	}

	@include breakpoint( '<782px' ) {
		border-left: none;
		border-right: none;
		margin-left: -16px;
		margin-right: -16px;
	}

	> .woocommerce-card__header {
		padding: ($gap - 3) $gap;
		border-bottom: 1px solid $core-grey-light-700;
		border-radius: 0;

		> .woocommerce-card__title-wrapper > .woocommerce-card__title {
			// EllipsisMenu is 24px, so to match we add 6px padding around the
			// heading text, which we know is 18px from line-height.
			padding: 3px 0;
			@include font-size( 15 );
			font-weight: 600;
		}
	}
}