.pom-partner-dashboard {
	display: grid;
	gap: 24px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}

.pom-partner-dashboard *,
.pom-partner-dashboard *::before,
.pom-partner-dashboard *::after {
	box-sizing: border-box;
}

.pom-partner-dashboard > *,
.pom-partner-payment-request-form,
.pom-partner-fenomenus,
.pom-partner-fenomenus-rules,
.pom-partner-payment-requests {
	max-width: 100%;
	min-width: 0;
}

.pom-partner-summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
	gap: 12px;
	max-width: 100%;
	min-width: 0;
}

.pom-partner-summary > div {
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 14px;
	background: #fff;
	min-width: 0;
}

.pom-partner-summary span {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #646970;
}

.pom-partner-summary strong {
	display: block;
	margin-top: 6px;
	font-size: 20px;
	line-height: 1.25;
	color: #1d2327;
}

.pom-partner-summary-small strong {
	font-size: 18px;
}

.pom-partner-fenomenus-rules {
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 16px;
	background: #fff;
}

.pom-partner-fenomenus-rules h4 {
	margin-top: 0;
}

.pom-partner-fenomenus-rules p {
	margin: 0 0 12px;
	max-width: 920px;
	color: #50575e;
}

.pom-partner-fenomenus-progress {
	margin: 0 0 16px;
}

.pom-partner-fenomenus-progress-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: baseline;
	margin-bottom: 8px;
}

.pom-partner-fenomenus-progress-head span {
	font-size: 13px;
	color: #50575e;
}

.pom-partner-fenomenus-progress-head strong {
	font-size: 20px;
	line-height: 1.2;
	color: #1d2327;
}

.pom-partner-fenomenus-progress-track {
	overflow: hidden;
	height: 12px;
	border-radius: 999px;
	background: #e7e8ea;
}

.pom-partner-fenomenus-progress-track span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: #2271b1;
}

.pom-partner-fenomenus-progress p {
	margin-top: 8px;
	font-size: 13px;
}

.pom-partner-fenomenus-rules-table-wrap {
	overflow-x: auto;
}

.pom-partner-fenomenus-rules-table th,
.pom-partner-fenomenus-rules-table td {
	vertical-align: top;
}

.pom-partner-referral,
.pom-partner-commission-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.pom-partner-payment-request-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.pom-partner-payment-request-actions .button {
	white-space: normal;
	text-align: center;
}

.pom-partner-referral label,
.pom-partner-commission-filter label {
	font-weight: 600;
}

.pom-partner-referral input {
	flex: 1 1 280px;
	max-width: 100%;
	min-width: 0;
}

.pom-partner-commissions-table-wrap,
.pom-partner-payment-requests {
	max-width: 100%;
	min-width: 0;
}

.pom-partner-commissions-table-wrap {
	overflow-x: hidden;
}

.pom-partner-payment-requests {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.pom-partner-payment-requests table {
	width: max-content;
	min-width: 100%;
	max-width: none;
}

.pom-partner-payment-requests th,
.pom-partner-payment-requests td {
	white-space: nowrap;
}

.pom-partner-commissions-table {
	width: 100%;
	max-width: 100%;
	table-layout: auto;
}

.pom-partner-commissions-table th,
.pom-partner-commissions-table td {
	vertical-align: top;
	white-space: normal;
}

.pom-partner-commissions-table th:first-child,
.pom-partner-commissions-table td:first-child {
	width: 54px;
	text-align: center;
}

.pom-partner-commissions-table th:nth-child(2),
.pom-partner-commissions-table td:nth-child(2) {
	width: 86px;
}

.pom-partner-commission-details-cell {
	min-width: 0;
}

.pom-partner-commission-details {
	display: grid;
	gap: 12px;
	width: 100%;
	min-width: 0;
}

.pom-partner-commission-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e8ea;
}

.pom-partner-commission-amount {
	text-align: right;
}

.pom-partner-commission-amount strong {
	display: block;
	font-size: 20px;
	line-height: 1.25;
	color: #1d2327;
}

.pom-partner-commission-details-row {
	min-width: 0;
}

.pom-partner-commission-detail {
	min-width: 0;
	padding: 6px 12px 6px 0;
}

.pom-partner-detail-label {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 1.35;
	color: #646970;
}

.pom-partner-commission-detail strong {
	display: block;
	font-size: 14px;
	line-height: 1.35;
	color: #1d2327;
	overflow-wrap: anywhere;
}

.pom-partner-commission-notes {
	padding-top: 10px;
	border-top: 1px solid #e7e8ea;
}

.pom-partner-commission-notes p {
	margin: 0;
	color: #50575e;
	overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
	.pom-partner-commissions-table th:first-child,
	.pom-partner-commissions-table td:first-child {
		width: 46px;
	}

	.pom-partner-commissions-table th:nth-child(2),
	.pom-partner-commissions-table td:nth-child(2) {
		width: 64px;
	}

	.pom-partner-commission-head,
	.pom-partner-commission-amount {
		text-align: left;
	}
}

.pom-partner-notice {
	border-radius: 6px;
	padding: 12px 14px;
}

.pom-partner-notice-success {
	background: #edfaef;
	border: 1px solid #8bd39a;
}

.pom-partner-notice-error {
	background: #fcf0f1;
	border: 1px solid #eba3a8;
}

.pom-partner-status {
	display: inline-block;
	border-radius: 999px;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 1.5;
	background: #f0f0f1;
	color: #1d2327;
}

.pom-partner-status-approved_pending_payment,
.pom-partner-status-paid {
	background: #edfaef;
	color: #0a5f1f;
}

.pom-partner-status-pending_admin_approval,
.pom-partner-status-payment_requested {
	background: #fff8e5;
	color: #7a4d00;
}

.pom-partner-status-rejected,
.pom-partner-status-reverted,
.pom-partner-status-cancelled,
.pom-partner-status-expired {
	background: #fcf0f1;
	color: #8a2424;
}