:root {
	--asc-ink: #151515;
	--asc-muted: #667085;
	--asc-line: #e7e7e7;
	--asc-soft: #f7f7f5;
	--asc-gold: #d7ad38;
	--asc-gold-dark: #9d7410;
	--asc-green: #157347;
	--asc-red: #b42318;
}

.asc-dashboard-card {
	display: grid;
	gap: 5px;
	margin: 0 0 28px;
	padding: 24px;
	border: 1px solid var(--asc-line);
	border-radius: 16px;
	background: linear-gradient( 135deg, #151515 0%, #2b2b2b 100% );
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 10px 30px rgba( 0, 0, 0, .1 );
}

.asc-dashboard-card span,
.asc-dashboard-card small { color: rgba( 255, 255, 255, .75 ); }
.asc-dashboard-card strong { color: #fff; font-size: clamp( 28px, 5vw, 42px ); line-height: 1.08; }
.asc-dashboard-card small { font-size: 14px; }

.asc-wallet { color: var(--asc-ink); }
.asc-wallet-hero {
	display: grid;
	grid-template-columns: minmax( 220px, .7fr ) 1.3fr;
	gap: 34px;
	align-items: center;
	padding: clamp( 24px, 5vw, 42px );
	border-radius: 18px;
	background: linear-gradient( 135deg, #151515 0%, #292929 100% );
	color: #fff;
	box-shadow: 0 14px 34px rgba( 0, 0, 0, .12 );
}

.asc-wallet-hero span { display: block; margin-bottom: 8px; color: rgba( 255, 255, 255, .7 ); font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.asc-wallet-hero strong { display: block; color: #fff; font-size: clamp( 38px, 7vw, 62px ); line-height: 1; }
.asc-wallet-hero p { margin: 0; color: rgba( 255, 255, 255, .82 ); font-size: 17px; line-height: 1.65; }
.asc-wallet-history { margin-top: 34px; }
.asc-wallet-history h3 { margin: 0 0 16px; color: var(--asc-ink); font-size: 24px; }
.asc-table-scroll { overflow-x: auto; border: 1px solid var(--asc-line); border-radius: 14px; background: #fff; }
.asc-history-table { margin: 0 !important; border: 0 !important; border-collapse: collapse !important; }
.asc-history-table th { padding: 15px 17px !important; border: 0 !important; border-bottom: 1px solid var(--asc-line) !important; background: var(--asc-soft); color: #4a4a4a; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.asc-history-table td { padding: 17px !important; border: 0 !important; border-bottom: 1px solid #efefef !important; font-size: 15px; vertical-align: middle; }
.asc-history-table tr:last-child td { border-bottom: 0 !important; }
.asc-history-table a { font-weight: 700; }
.asc-positive { color: var(--asc-green) !important; }
.asc-negative { color: var(--asc-red) !important; }
.asc-empty-history { padding: 30px; border: 1px solid var(--asc-line); border-radius: 14px; background: var(--asc-soft); text-align: center; }
.asc-empty-history strong { display: block; margin-bottom: 5px; font-size: 18px; }
.asc-empty-history p { margin: 0; color: var(--asc-muted); }

.asc-checkout-credit {
	margin: 0 0 22px;
	padding: 20px;
	border: 1px solid #dedbd0;
	border-radius: 14px;
	background: #fffdf7;
	color: var(--asc-ink);
}

.asc-checkout-credit__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.asc-checkout-credit__top strong { display: block; margin-bottom: 2px; font-size: 18px; }
.asc-checkout-credit__top span:not(.asc-credit-active) { color: var(--asc-muted); font-size: 14px; }
.asc-credit-active { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; background: #e9f7ef; color: var(--asc-green); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.asc-checkout-credit > p { margin: 13px 0 15px; color: var(--asc-muted); font-size: 14px; line-height: 1.55; }
.asc-credit-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 9px; }
.asc-credit-controls > label { width: 100%; margin: 0; color: #444; font-size: 13px; font-weight: 700; }
.asc-credit-input-wrap { display: flex; align-items: center; min-height: 44px; border: 1px solid #cfcfcf; border-radius: 8px; background: #fff; overflow: hidden; }
.asc-credit-input-wrap > span { padding: 0 0 0 13px; color: #555; font-weight: 700; }
.asc-credit-input-wrap input { width: 110px !important; min-height: 42px !important; margin: 0 !important; padding: 8px 12px 8px 5px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 16px !important; }
.asc-credit-controls .button { min-height: 44px; margin: 0 !important; border-radius: 8px !important; }
.asc-credit-controls .asc-remove-credit { background: transparent !important; color: #555 !important; }
.asc-credit-message { width: 100%; min-height: 0; margin-top: 10px; color: var(--asc-green); font-size: 13px; font-weight: 700; }
.asc-credit-message:empty { display: none; }
.asc-credit-message.is-error { color: var(--asc-red); }
.asc-checkout-credit.is-updating { opacity: .72; }
.asc-gateway-balance,
.asc-blocks-balance { margin-bottom: 0 !important; }
.asc-blocks-label { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 8px; }
.asc-blocks-label small { color: var(--asc-muted); font-weight: 500; }

@media ( max-width: 700px ) {
	.asc-wallet-hero { grid-template-columns: 1fr; gap: 18px; padding: 25px 21px; }
	.asc-wallet-hero p { font-size: 16px; }
	.asc-wallet-history h3 { font-size: 22px; }
	.asc-history-table thead { display: none; }
	.asc-history-table,
	.asc-history-table tbody,
	.asc-history-table tr,
	.asc-history-table td { display: block !important; width: 100% !important; }
	.asc-history-table tr { padding: 13px 16px; border-bottom: 1px solid var(--asc-line); }
	.asc-history-table tr:last-child { border-bottom: 0; }
	.asc-history-table td { display: grid !important; grid-template-columns: 95px 1fr; gap: 10px; padding: 6px 0 !important; border: 0 !important; text-align: left !important; font-size: 15px; }
	.asc-history-table td::before { content: attr(data-title); color: var(--asc-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
	.asc-checkout-credit { padding: 17px; }
	.asc-credit-input-wrap { flex: 1 1 120px; }
	.asc-credit-input-wrap input { width: 100% !important; }
	.asc-credit-controls .button { flex: 1 1 auto; }
}