.swk-widget { margin: 1em 0; }

.swk-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 14px;
	background: #f2f4f7;
	margin-bottom: 12px;
}
.swk-status__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #98a2b3;
}
.swk-status--approved .swk-status__dot { background: #12b76a; }
.swk-status--pending  .swk-status__dot { background: #f79009; }
.swk-status--rejected .swk-status__dot { background: #f04438; }
.swk-status--on_hold  .swk-status__dot { background: #6172f3; }

.swk-box {
	padding: 12px 16px;
	border-radius: 8px;
	margin: 10px 0;
	border: 1px solid transparent;
}
.swk-box--success { background: #ecfdf3; border-color: #a6f4c5; color: #054f31; }
.swk-box--info    { background: #eff8ff; border-color: #b2ddff; color: #0b4a6f; }
.swk-box--error   { background: #fef3f2; border-color: #fecdca; color: #7a271a; }

.swk-sdk-container {
	margin-top: 16px;
	min-height: 480px;
	width: 100%;
}

.swk-email-row { margin: 8px 0 12px; }
.swk-email-row input { max-width: 320px; width: 100%; }

.swk-message { margin-top: 10px; font-size: 14px; }
.swk-message--success { color: #054f31; }
.swk-message--info    { color: #0b4a6f; }
.swk-message--error   { color: #b42318; }

.swk-checkout-widget {
	margin-bottom: 20px;
	padding: 16px;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff;
}

/* Admin users-list badge */
.swk-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 12px;
	background: #f2f4f7;
	color: #344054;
}
.swk-badge--approved { background: #ecfdf3; color: #067647; }
.swk-badge--pending  { background: #fffaeb; color: #b54708; }
.swk-badge--rejected { background: #fef3f2; color: #b42318; }
.swk-badge--on_hold  { background: #eef4ff; color: #3538cd; }