.crypto-ref-cta {
	border: 1px solid #d8dde3;
	border-radius: 10px;
	padding: 18px 20px;
	margin: 28px 0;
	background: #fbfcfd;
}

.crypto-ref-cta--active { border-color: #1a7f4b; background: #f4fbf7; }
.crypto-ref-cta--pending { border-color: #c98a16; background: #fdfaf2; }

.crypto-ref-cta__title {
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 1.05rem;
}

.crypto-ref-cta__note { margin: 0 0 12px; }

.crypto-ref-cta__btn {
	display: inline-block;
	padding: 11px 22px;
	border-radius: 8px;
	background: #1a7f4b;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.crypto-ref-cta__btn:hover { background: #156139; color: #fff; }
.crypto-ref-cta__btn--plain { background: #2b3a4a; }
.crypto-ref-cta__btn--plain:hover { background: #1c2733; }

.crypto-ref-disclosure {
	margin: 12px 0 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: #55606c;
}

.crypto-ref-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.crypto-ref-form input[type="email"] {
	flex: 1 1 220px;
	padding: 10px 12px;
	border: 1px solid #c4ccd4;
	border-radius: 8px;
}

.crypto-ref-form button {
	padding: 10px 20px;
	border: 0;
	border-radius: 8px;
	background: #c98a16;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

.crypto-ref-form button:hover { background: #a87112; }

.crypto-ref-badge {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 0.76rem;
	font-weight: 600;
	background: #e6eaee;
	color: #38434f;
	vertical-align: middle;
}

.crypto-ref-badge--licensed,
.crypto-ref-badge--active { background: #d6f0e1; color: #14603a; }
.crypto-ref-badge--applicant,
.crypto-ref-badge--announced { background: #fbecc9; color: #7a5307; }
.crypto-ref-badge--suspended,
.crypto-ref-badge--ended { background: #f6d9d9; color: #8a2020; }

.crypto-ref-verified {
	font-size: 0.8rem;
	color: #6b7581;
}

.crypto-ref-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 8px;
}

.crypto-ref-table th,
.crypto-ref-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #e3e8ed;
	text-align: left;
	vertical-align: top;
}

.crypto-ref-table th {
	background: #f3f6f8;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* Cột đăng ký */

.crypto-ref-table__cta { white-space: nowrap; }

.crypto-ref-btn {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 7px;
	background: #1a7f4b;
	color: #fff;
	font-size: 0.86rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.crypto-ref-btn:hover { background: #156139; color: #fff; text-decoration: none; }

.crypto-ref-btn--plain { background: #2b3a4a; }
.crypto-ref-btn--plain:hover { background: #1c2733; }

.crypto-ref-btn--off {
	background: transparent;
	border: 1px dashed #c4ccd4;
	color: #6b7581;
	font-weight: 500;
	cursor: default;
}

.crypto-ref-btn--off:hover { background: transparent; color: #6b7581; }

@media (max-width: 640px) {
	.crypto-ref-table thead { display: none; }
	.crypto-ref-table tr {
		display: block;
		border: 1px solid #e3e8ed;
		border-radius: 8px;
		margin-bottom: 12px;
		padding: 6px 0;
	}
	.crypto-ref-table td {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		border: 0;
		padding: 7px 12px;
	}
	.crypto-ref-table td::before {
		content: attr(data-label);
		font-weight: 600;
		color: #6b7581;
		flex: 0 0 34%;
	}
}