.wc-rate-status-list {
	display: grid;
	gap: 12px;
	margin: 12px 0;
}

.wc-rate-status {
	background: #fff;
	border: 1px solid #c9ced6;
	border-radius: 4px !important;
	box-sizing: border-box;
	container-name: rate-status;
	container-type: inline-size;
	padding: 14px;
}

.wc-rate-status--notice {
	background: #f6f7f7;
}

.wc-rate-status--single {
	max-width: 760px;
}

.wc-rate-status--overview {
	max-width: 100%;
}

.wc-rate-status__row {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 10px 0;
}

.wc-rate-status__row + .wc-rate-status__row {
	border-top: 1px solid #e0e4ea;
}

.wc-rate-status__label {
	color: #1d2327;
	font-weight: 600;
}

.wc-rate-status__value {
	color: #50575e;
	text-align: right;
	word-break: break-word;
}

.wc-rate-status__meta {
	display: grid;
	gap: 8px;
	margin-bottom: 14px;
}

.wc-rate-status__meta-row {
	align-items: baseline;
	display: grid;
	gap: 10px;
	grid-template-columns: 146px minmax(0, 1fr);
}

.wc-rate-status__meta-label {
	color: #1d2327;
	font-weight: 700;
	white-space: nowrap;
}

.wc-rate-status__meta-value {
	color: #1d2327;
	min-width: 0;
}

.wc-rate-status__table-wrap {
	border: 1px solid #c9ced6;
	border-radius: 4px !important;
	overflow-x: auto;
	overflow-y: hidden;
}

.wc-rate-status__actions {
	display: flex;
	justify-content: flex-start;
	margin-top: 12px;
}

.wc-rate-status a.wc-rate-status__history-button,
.wc-rate-status__history-button {
	align-items: center;
	background: #2271b1 !important;
	border: 1px solid #2271b1 !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	color: #fff !important;
	display: inline-flex !important;
	font-size: 13px;
	font-weight: 400 !important;
	gap: 0;
	justify-content: center;
	line-height: 28px !important;
	min-height: 30px;
	padding: 0 12px;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
}

.wc-rate-status a.wc-rate-status__history-button:hover,
.wc-rate-status a.wc-rate-status__history-button:focus,
.wc-rate-status__history-button:hover,
.wc-rate-status__history-button:focus {
	background: #135e96 !important;
	border-color: #135e96 !important;
	color: #fff !important;
	outline: none;
}

.wc-rate-status-table {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 0;
	table-layout: fixed;
	width: 100%;
}

.wc-rate-status-table th,
.wc-rate-status-table td {
	border-right: 1px solid #c9ced6;
	border-top: 1px solid #c9ced6;
	font-size: 14px;
	overflow-wrap: anywhere;
	padding: 9px 8px;
	text-align: center;
	vertical-align: middle;
	word-break: normal;
}

.wc-rate-status-table thead th {
	background: #d9e6f5;
	color: #0f172a;
	font-weight: 700;
}

.wc-rate-status-table thead tr:first-child th {
	border-top: 0;
}

.wc-rate-status-table tr > *:first-child {
	border-left: 0;
}

.wc-rate-status-table tr > *:last-child {
	border-right: 0;
}

.wc-rate-status-table tbody tr:first-child th,
.wc-rate-status-table tbody tr:first-child td {
	border-top: 1px solid #c9ced6;
}

.wc-rate-status-table__corner {
	min-width: 0;
	width: 18%;
}

.wc-rate-status-table__row-header {
	background: #eef2f6;
	color: #1d2327;
	font-weight: 700;
	text-align: center;
}

.wc-rate-status-table__row-header--rate {
	background: #e4f2d5;
}

@container rate-status (max-width: 620px) {
	.wc-rate-status {
		padding: 12px;
	}

	.wc-rate-status__meta {
		gap: 6px;
		margin-bottom: 12px;
	}

	.wc-rate-status__meta-row {
		gap: 8px;
		grid-template-columns: 138px minmax(0, 1fr);
	}

	.wc-rate-status__meta-label,
	.wc-rate-status__meta-value,
	.wc-rate-status-table th,
	.wc-rate-status-table td {
		font-size: 13px;
	}

	.wc-rate-status-table th,
	.wc-rate-status-table td {
		padding: 8px 6px;
	}

	.wc-rate-status-table__corner {
		width: 20%;
	}
}

@container rate-status (max-width: 500px) {
	.wc-rate-status {
		padding: 10px;
	}

	.wc-rate-status__meta-row {
		grid-template-columns: 132px minmax(0, 1fr);
	}

	.wc-rate-status__meta-label,
	.wc-rate-status__meta-value,
	.wc-rate-status-table th,
	.wc-rate-status-table td {
		font-size: 12px;
		line-height: 1.35;
	}

	.wc-rate-status-table th,
	.wc-rate-status-table td {
		padding: 7px 4px;
	}

	.wc-rate-status-table__corner {
		width: 22%;
	}

	.wc-rate-status__history-button {
		font-size: 12px;
		min-height: 30px;
		padding: 0 12px;
	}
}

@container rate-status (max-width: 420px) {
	.wc-rate-status__meta-row {
		grid-template-columns: 124px minmax(0, 1fr);
	}

	.wc-rate-status__meta-label,
	.wc-rate-status__meta-value,
	.wc-rate-status-table th,
	.wc-rate-status-table td {
		font-size: 11px;
	}

	.wc-rate-status-table th,
	.wc-rate-status-table td {
		padding: 6px 3px;
	}

	.wc-rate-status-table__corner {
		width: 24%;
	}
}

@container rate-status (max-width: 320px) {
	.wc-rate-status__meta-row {
		grid-template-columns: 1fr;
	}

	.wc-rate-status__meta-label,
	.wc-rate-status__meta-value,
	.wc-rate-status-table th,
	.wc-rate-status-table td {
		font-size: 11px;
	}

	.wc-rate-status-table th,
	.wc-rate-status-table td {
		padding: 6px 3px;
	}

	.wc-rate-status-table__corner {
		width: 24%;
	}
}

.wc-rate-status-admin {
	--wc-rate-status-blue: #1668b3;
	--wc-rate-status-blue-dark: #0f4f8f;
	--wc-rate-status-blue-soft: #edf6ff;
	--wc-rate-status-border: #c6daef;
	--wc-rate-status-text: #0d4170;
	--wc-rate-status-muted: #58779a;
	--wc-rate-status-surface: #ffffff;
	--wc-rate-status-surface-alt: #f8fbff;
	--wc-rate-status-success: #e8f5ea;
	--wc-rate-status-success-text: #25663b;
	--wc-rate-status-warning: #fff5d9;
	--wc-rate-status-warning-text: #8a6510;
	--wc-rate-status-danger: #fdeceb;
	--wc-rate-status-danger-text: #943c38;
}

.wc-rate-status-admin__shell {
	margin-top: 18px;
}

.wc-rate-status-admin__top-bar {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 0 0 16px;
}

.wc-rate-status-admin__top-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
}

.wc-rate-status-admin__top-actions {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	justify-self: end;
	margin-left: 0;
}

.wc-rate-status-admin__top-actions .wc-rate-status-admin__inline-form {
	align-items: center;
	justify-content: flex-end;
}

.wc-rate-status-admin__top-actions .wc-rate-status-button {
	min-height: 44px;
	padding: 0 18px;
}

.wc-rate-status-admin__top-tab {
	align-items: center;
	background: var(--wc-rate-status-surface);
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 1px 0 rgba(15, 79, 143, 0.08);
	color: var(--wc-rate-status-blue-dark);
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	line-height: 1;
	min-height: 44px;
	padding: 0 18px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.wc-rate-status-admin__top-tab:hover,
.wc-rate-status-admin__top-tab:focus {
	border-color: var(--wc-rate-status-blue);
	color: var(--wc-rate-status-blue);
	outline: none;
}

.wc-rate-status-admin__top-tab.is-active {
	background: linear-gradient(180deg, #1f73be 0%, #145eaa 100%);
	border-color: #145eaa;
	color: #fff;
}

.wc-rate-status-admin__top-tab .dashicons {
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	width: 20px;
}

.wc-rate-status-admin__hero {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
	margin-bottom: 14px;
}

.wc-rate-status-admin__hero-main,
.wc-rate-status-admin__hero-side,
.wc-rate-status-admin__card {
	background: var(--wc-rate-status-surface);
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(15, 79, 143, 0.05);
}

.wc-rate-status-admin__hero-main {
	background: linear-gradient(135deg, #fbfdff 0%, #eff7ff 100%);
	padding: 14px 16px;
}

.wc-rate-status-admin__hero-side {
	padding: 10px 12px;
}

.wc-rate-status-admin__hero-side .wc-rate-status-admin__metric-card {
	min-height: 50px;
	padding: 8px 10px;
}

.wc-rate-status-admin__hero-side .wc-rate-status-admin__metric-label {
	font-size: 11px;
}

.wc-rate-status-admin__hero-side .wc-rate-status-admin__metric-value {
	font-size: 11px;
	line-height: 1.35;
}

.wc-rate-status-admin__eyebrow {
	color: var(--wc-rate-status-blue);
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1.2;
	text-transform: uppercase;
}

.wc-rate-status-admin__hero-title {
	color: var(--wc-rate-status-blue-dark);
	font-size: 18px;
	line-height: 1.25;
	margin: 10px 0 6px;
}

.wc-rate-status-admin__hero-subtitle {
	color: var(--wc-rate-status-blue);
	font-size: 14px;
	margin: 0;
}

.wc-rate-status-admin__hero-description {
	color: var(--wc-rate-status-muted);
	font-size: 14px;
	line-height: 1.7;
	margin: 8px 0 0;
	max-width: 980px;
}

.wc-rate-status-admin__badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.wc-rate-status-admin__badge {
	background: #eff5fb;
	border-radius: 999px;
	color: var(--wc-rate-status-blue-dark);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	padding: 6px 12px;
}

.wc-rate-status-admin__badge--success {
	background: var(--wc-rate-status-success);
	color: var(--wc-rate-status-success-text);
}

.wc-rate-status-admin__badge--warning {
	background: var(--wc-rate-status-warning);
	color: var(--wc-rate-status-warning-text);
}

.wc-rate-status-admin__badge--danger {
	background: var(--wc-rate-status-danger);
	color: var(--wc-rate-status-danger-text);
}

.wc-rate-status-admin__badge--info {
	background: #e7f2ff;
	color: var(--wc-rate-status-blue-dark);
}

.wc-rate-status-admin__mini-panel {
	height: 100%;
}

.wc-rate-status-admin__mini-panel-title {
	color: var(--wc-rate-status-blue-dark);
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 8px;
	text-align: center;
}

.wc-rate-status-admin__metric-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
	margin-top: 16px;
}

.wc-rate-status-admin__metric-grid--compact {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0;
}

.wc-rate-status-admin__metric-grid--history {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 0;
}

.wc-rate-status-admin__metric-grid--five {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wc-rate-status-admin__metric-card {
	background: #f7fbff;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	min-height: 64px;
	padding: 9px 11px;
	text-align: center;
}

.wc-rate-status-admin__metric-card--success {
	background: linear-gradient(180deg, #fbfffc 0%, #effaf1 100%);
}

.wc-rate-status-admin__metric-card--warning {
	background: linear-gradient(180deg, #fffdfa 0%, #fff7e3 100%);
}

.wc-rate-status-admin__metric-card--danger {
	background: linear-gradient(180deg, #fffdfd 0%, #fff0ef 100%);
}

.wc-rate-status-admin__metric-label {
	color: var(--wc-rate-status-muted);
	font-size: 11px;
	line-height: 1.4;
}

.wc-rate-status-admin__metric-value {
	color: var(--wc-rate-status-blue-dark);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.wc-rate-status-admin__content-grid {
	display: grid;
	gap: 14px;
	margin-bottom: 14px;
}

.wc-rate-status-admin__content-grid--split {
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
}

.wc-rate-status-admin__card {
	margin-bottom: 16px;
	padding: 16px 18px;
}

.wc-rate-status-admin__card--tight {
	padding: 12px 14px;
}

.wc-rate-status-admin__card--tight .wc-rate-status-admin__metric-grid {
	margin-top: 12px;
}

.wc-rate-status-admin__card--tight .wc-rate-status-admin__metric-card {
	min-height: 56px;
	padding: 8px 10px;
}

.wc-rate-status-admin__metric-grid--history .wc-rate-status-admin__metric-card {
	min-height: 48px;
	padding: 8px 10px;
}

.wc-rate-status-admin__metric-grid--history .wc-rate-status-admin__metric-value {
	font-size: 11px;
	line-height: 1.35;
}

.wc-rate-status-admin__section-header {
	margin-bottom: 8px;
}

.wc-rate-status-admin__section-title {
	align-items: center;
	color: var(--wc-rate-status-blue-dark);
	display: flex;
	font-size: 17px;
	gap: 10px;
	line-height: 1.35;
	margin: 12px 0 0;
}

.wc-rate-status-admin__section-title .dashicons {
	color: var(--wc-rate-status-blue);
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	width: 20px;
}

.wc-rate-status-admin__section-description {
	color: var(--wc-rate-status-muted);
	font-size: 14px;
	line-height: 1.7;
	margin: 12px 0 0;
	max-width: 1000px;
}

.wc-rate-status-admin__notice {
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	margin-top: 14px;
	padding: 12px 14px;
}

.wc-rate-status-admin__notice p {
	color: var(--wc-rate-status-blue-dark);
	font-size: 14px;
	line-height: 1.65;
	margin: 0;
}

.wc-rate-status-admin__notice strong {
	font-weight: 700;
}

.wc-rate-status-admin__notice--info {
	background: #f1f8ff;
}

.wc-rate-status-admin__notice--warning {
	background: var(--wc-rate-status-warning);
	border-color: #f1de99;
}

.wc-rate-status-admin__status-note {
	background: #f8fbff;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	color: var(--wc-rate-status-muted);
	font-size: 13px;
	line-height: 1.6;
	margin-top: 14px;
	padding: 12px 14px;
}

.wc-rate-status-admin__status-note strong {
	color: var(--wc-rate-status-blue-dark);
}

.wc-rate-status-admin__action-bar {
	align-items: center;
	background: var(--wc-rate-status-surface-alt);
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 14px;
	padding: 14px 16px;
}

.wc-rate-status-admin__action-bar--stacked {
	align-items: flex-start;
	grid-template-columns: minmax(0, 1fr) minmax(280px, auto);
}

.wc-rate-status-admin__action-copy h3 {
	color: var(--wc-rate-status-blue-dark);
	font-size: 16px;
	margin: 0 0 6px;
}

.wc-rate-status-admin__action-copy p {
	color: var(--wc-rate-status-muted);
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	max-width: 560px;
}

.wc-rate-status-admin__inline-form {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 0;
}

.wc-rate-status-admin__inline-form--with-toggle {
	justify-content: flex-start;
}

.wc-rate-status-admin__fix-actions {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
}

.wc-rate-status-admin__toggle-label {
	align-items: center;
	color: var(--wc-rate-status-blue-dark);
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	line-height: 1.35;
}

.wc-rate-status-button {
	align-items: center;
	appearance: none;
	background: #fff;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: none;
	color: var(--wc-rate-status-blue-dark);
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	justify-content: center;
	line-height: 1;
	min-height: 40px;
	padding: 0 16px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.wc-rate-status-button:disabled,
.wc-rate-status-button:disabled:hover,
.wc-rate-status-button:disabled:focus {
	background: #eef2f6;
	border-color: #d7dee8;
	color: #7b8794;
	cursor: not-allowed;
}

.wc-rate-status-button .dashicons {
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 0;
	width: 18px;
}

.wc-rate-status-button:hover,
.wc-rate-status-button:focus {
	border-color: var(--wc-rate-status-blue);
	box-shadow: none;
	color: var(--wc-rate-status-blue);
	outline: none;
}

.wc-rate-status-button--primary {
	background: linear-gradient(180deg, #1f73be 0%, #145eaa 100%);
	border-color: #145eaa;
	color: #fff;
}

.wc-rate-status-button--primary:hover,
.wc-rate-status-button--primary:focus {
	background: linear-gradient(180deg, #1a66aa 0%, #114f91 100%);
	border-color: #114f91;
	color: #fff;
}

.wc-rate-status-admin__code-list {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.wc-rate-status-admin__code-pill {
	background: #f3f8fd;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	color: var(--wc-rate-status-blue-dark);
	display: block;
	font-family: Consolas, Monaco, monospace;
	font-size: 14px;
	padding: 12px 14px;
}

.wc-rate-status-admin__preview-shell {
	margin-top: 16px;
}

.wc-rate-status-admin__preview-label {
	color: var(--wc-rate-status-blue-dark);
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 12px;
}

.wc-rate-status-admin__preview-box {
	background: #fbfdff;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	padding: 16px;
}

.wc-rate-status-admin__table-wrap {
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	margin-top: 16px;
	overflow-x: auto;
	overflow-y: hidden;
}

.wc-rate-status-admin__table-wrap--history {
	background: #fff;
}

.wc-rate-status-admin-table {
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	min-width: 720px;
	width: 100%;
}

.wc-rate-status-admin-table th,
.wc-rate-status-admin-table td {
	border-bottom: 1px solid #e2edf8;
	color: var(--wc-rate-status-text);
	padding: 14px;
	text-align: left;
	vertical-align: top;
}

.wc-rate-status-admin-table thead th {
	background: #f1f7fe;
	color: var(--wc-rate-status-blue-dark);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.wc-rate-status-admin-table tbody tr:nth-child(even) {
	background: #fbfdff;
}

.wc-rate-status-admin-table code {
	background: #eef4fb;
	border-radius: 4px;
	color: var(--wc-rate-status-blue-dark);
	display: inline-block;
	font-family: Consolas, Monaco, monospace;
	font-size: 13px;
	padding: 4px 6px;
}

.wc-rate-status-admin-table--history {
	min-width: 1100px;
}

.wc-rate-status-admin-table--history th,
.wc-rate-status-admin-table--history td {
	white-space: nowrap;
}

.wc-rate-status-admin__empty-state {
	background: #fbfdff;
	border: 1px dashed var(--wc-rate-status-border);
	border-radius: 4px;
	margin-top: 16px;
	padding: 18px;
}

.wc-rate-status-admin__empty-state p {
	color: var(--wc-rate-status-muted);
	font-size: 15px;
	line-height: 1.8;
	margin: 0;
}

.wc-rate-status-admin__filter-summary {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin-top: 14px;
}

.wc-rate-status-admin__filter-summary-item {
	background: #f7fbff;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	padding: 12px 14px;
}

.wc-rate-status-admin__filter-summary-label {
	color: var(--wc-rate-status-muted);
	display: block;
	font-size: 13px;
	margin-bottom: 8px;
}

.wc-rate-status-admin__filter-summary-value {
	color: var(--wc-rate-status-blue-dark);
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.wc-rate-status-admin__filter-bar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.wc-rate-status-admin__filter-button {
	align-items: center;
	background: #fff;
	border: 1px solid var(--wc-rate-status-border);
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 1px 0 rgba(15, 79, 143, 0.05);
	color: var(--wc-rate-status-blue-dark);
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	justify-content: center;
	line-height: 1;
	min-height: 42px;
	min-width: 118px;
	padding: 0 16px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.wc-rate-status-admin__filter-button:hover,
.wc-rate-status-admin__filter-button:focus {
	border-color: var(--wc-rate-status-blue);
	color: var(--wc-rate-status-blue);
	outline: none;
}

.wc-rate-status-admin__filter-button.is-active {
	background: linear-gradient(180deg, #1f73be 0%, #145eaa 100%);
	border-color: #145eaa;
	color: #fff;
}

@media (max-width: 1280px) {
	.wc-rate-status-admin__hero,
	.wc-rate-status-admin__content-grid--split {
		grid-template-columns: 1fr;
	}

	.wc-rate-status-admin__metric-grid--history,
	.wc-rate-status-admin__metric-grid--five {
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	}
}

@media (max-width: 960px) {
	.wc-rate-status-admin__metric-grid--history,
	.wc-rate-status-admin__metric-grid--compact {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {
	.wc-rate-status__row {
		display: block;
	}

	.wc-rate-status__value {
		display: block;
		margin-top: 4px;
		text-align: left;
	}

	.wc-rate-status__meta-row {
		grid-template-columns: 1fr;
	}

	.wc-rate-status-admin__top-tab,
	.wc-rate-status-admin__filter-button {
		justify-content: center;
		width: 100%;
	}

	.wc-rate-status-admin__top-bar,
	.wc-rate-status-admin__top-tabs,
	.wc-rate-status-admin__top-actions {
		width: 100%;
	}

	.wc-rate-status-admin__top-bar,
	.wc-rate-status-admin__action-bar {
		grid-template-columns: 1fr;
	}

	.wc-rate-status-admin__hero-main,
	.wc-rate-status-admin__hero-side,
	.wc-rate-status-admin__card {
		padding: 18px;
	}

	.wc-rate-status-admin__action-bar {
		align-items: stretch;
		flex-direction: column;
	}

	.wc-rate-status-admin__inline-form,
	.wc-rate-status-button {
		width: 100%;
	}
}