.bidoki-credit-dash-card,
.bidoki-credit-page,
.bidoki-credit-checkout {
	--bd-credit-teal: #00b4d8;
	--bd-credit-ink: #111827;
	--bd-credit-muted: #6b7280;
	--bd-credit-line: rgba(0, 0, 0, 0.08);
	--bd-credit-soft: #e8f8fc;
	font-family: Inter, system-ui, sans-serif;
}

.bidoki-credit-dash-card {
	border: 1px solid rgba(0, 180, 216, 0.2);
	background: linear-gradient(135deg, #e8f8fc 0%, #ffffff 70%);
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.5rem;
	border-radius: 16px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.bidoki-credit-dash-label {
	margin: 0;
	color: var(--bd-credit-muted);
	font-size: 0.9rem;
}

.bidoki-credit-dash-balance {
	margin: 0.35rem 0 0.75rem;
	font-size: 1.75rem;
	font-weight: 800;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	color: var(--bd-credit-teal);
}

.bidoki-credit-header {
	margin-bottom: 1.75rem;
}

.bidoki-credit-header h2 {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	font-weight: 800;
}

.bidoki-credit-lead {
	color: var(--bd-credit-muted);
	max-width: 40rem;
}

.bidoki-credit-balance-lg {
	font-size: 2rem;
	font-weight: 800;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	color: var(--bd-credit-teal);
	margin: 0.5rem 0 0;
}

.bidoki-credit-section {
	margin: 2rem 0;
	padding-top: 1.25rem;
	border-top: 1px solid var(--bd-credit-line);
}

.bidoki-credit-section h3 {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	font-weight: 800;
}

.bidoki-credit-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--bd-credit-line);
	border-radius: 12px;
	overflow: hidden;
}

.bidoki-credit-table th,
.bidoki-credit-table td {
	padding: 12px 14px;
	text-align: left;
	border-bottom: 1px solid var(--bd-credit-line);
	font-size: 13px;
}

.bidoki-credit-table thead th {
	background: #e8f8fc;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	font-weight: 700;
	font-size: 12px;
}

.bidoki-share-box {
	background: var(--bd-credit-soft);
	padding: 1.25rem;
	border-radius: 14px;
	border: 1px solid rgba(0, 180, 216, 0.18);
}

.bidoki-code-display {
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	color: var(--bd-credit-ink);
	margin: 0.35rem 0 1rem;
}

.bidoki-share-link {
	width: min(100%, 28rem);
	margin-right: 0.5rem;
}

.bidoki-muted {
	color: var(--bd-credit-muted);
	font-size: 0.9rem;
}

.bidoki-referral-tree {
	list-style: none;
	padding-left: 0;
}

.bidoki-referral-tree ul {
	list-style: disc;
	margin: 0.5rem 0 0 1.25rem;
}

.bidoki-tree-root {
	font-weight: 700;
}

.bidoki-credit-checkout {
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--bd-credit-line);
	background: #fafbfc;
}

.bidoki-credit-balance-note {
	margin: 0.5rem 0 1rem;
	font-weight: 600;
}

.bidoki-credit-applied-note {
	margin: 0 0 0.75rem;
	color: var(--bd-credit-teal);
	font-weight: 600;
}

.bidoki-credit-actions .button {
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.bidoki-credit-msg,
.bidoki-donate-msg,
.bidoki-withdraw-msg {
	min-height: 1.25rem;
	font-weight: 600;
}

.bidoki-credit-msg.is-ok,
.bidoki-donate-msg.is-ok,
.bidoki-withdraw-msg.is-ok {
	color: #0a7a3e;
}

.bidoki-credit-msg.is-err,
.bidoki-donate-msg.is-err,
.bidoki-withdraw-msg.is-err {
	color: #b42318;
}

.bidoki-dash-referral {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--bd-credit-line);
}

.bidoki-dash-referral .bidoki-code-display {
	font-size: 1.25rem;
	margin: 0.25rem 0 0.75rem;
}

.bidoki-dash-referral .bidoki-share-link {
	width: min(100%, 22rem);
	margin-bottom: 0.5rem;
}