.ha-mini-dca {
	--ha-orange: #f59e0b;
	--ha-orange-dark: #d97706;
	--ha-text: #cbd5e1;
	--ha-muted: #94a3b8;
	--ha-border: rgba(255,255,255,.10);
	--ha-bg: #101010;
	--ha-card: #171717;
	width: 100%;
	max-width: 470px;
	margin: 0 auto;
	padding: clamp(18px, 2.5vw, 24px);
	border: 1px solid var(--ha-border);
	border-radius: 18px;
	background: var(--ha-card);
	box-shadow: 0 18px 50px rgba(0,0,0,.30);
	color: var(--ha-text);
	font-family: inherit;
}
.ha-mini-dca *, .ha-mini-dca *::before, .ha-mini-dca *::after { box-sizing: border-box; }
.ha-mini-dca__top { margin-bottom: 17px; }
.ha-mini-dca__eyebrow {
	display: inline-block;
	margin-bottom: 6px;
	color: var(--ha-orange);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.ha-mini-dca__top h2 {
	margin: 0 0 7px;
	color: #fff;
	font-size: clamp(25px, 2.7vw, 30px);
	line-height: 1.1;
}
.ha-mini-dca__top p {
	margin: 0;
	color: var(--ha-muted);
	font-size: 13.5px;
	line-height: 1.45;
}
.ha-mini-dca__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ha-mini-dca__field { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.ha-mini-dca__field--amount { grid-column: 1 / -1; }
.ha-mini-dca__field > span { color: #f8fafc; font-size: 13px; font-weight: 750; line-height: 1.35; }
.ha-mini-dca input, .ha-mini-dca select {
	width: 100%;
	min-height: 45px;
	margin: 0;
	padding: 9px 12px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 10px;
	background: #0d0d0d;
	color: #fff;
	color-scheme: dark;
	font: inherit;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}
.ha-mini-dca input:hover, .ha-mini-dca select:hover { border-color: rgba(245,158,11,.45); }
.ha-mini-dca input:focus, .ha-mini-dca select:focus {
	border-color: var(--ha-orange);
	box-shadow: 0 0 0 3px rgba(245,158,11,.14);
}
.ha-mini-dca__amount-wrap { position: relative; }
.ha-mini-dca__amount-wrap input { padding-right: 64px; }
.ha-mini-dca__amount-wrap > span {
	position: absolute;
	top: 50%;
	right: 13px;
	transform: translateY(-50%);
	color: var(--ha-muted);
	font-size: 13px;
	font-weight: 800;
	pointer-events: none;
}
.ha-mini-dca__button {
	width: 100%;
	min-height: 45px;
	margin-top: 14px;
	padding: 9px 18px;
	border: 1px solid var(--ha-orange);
	border-radius: 10px;
	background: var(--ha-orange);
	box-shadow: 0 8px 22px rgba(245,158,11,.16);
	color: #0b0b0b;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
	transition: background-color .2s, border-color .2s, transform .2s;
}
.ha-mini-dca__button:hover { border-color: #fbbf24; background: #fbbf24; transform: translateY(-1px); }
.ha-mini-dca__error {
	margin: 12px 0 0;
	padding: 10px 12px;
	border: 1px solid rgba(251,113,133,.25);
	border-radius: 9px;
	background: rgba(251,113,133,.08);
	color: #fda4af;
	font-size: 13px;
}
.ha-mini-dca__results { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.ha-mini-dca__result {
	min-width: 0;
	margin: 0;
	padding: 13px 14px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 13px;
	background: var(--ha-bg);
}
.ha-mini-dca__result span { display: block; margin-bottom: 6px; color: #a9b5c5; font-size: 12px; }
.ha-mini-dca__result strong { display: block; overflow-wrap: anywhere; color: #fff; font-size: clamp(18px, 2.4vw, 24px); line-height: 1.15; }
.ha-mini-dca__full-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 14px;
	padding: 13px 2px 1px;
	border-top: 1px solid var(--ha-border);
	color: #fbbf24;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
	transition: color .2s, text-shadow .2s;
}
.ha-mini-dca__full-link:hover { color: #fff; text-shadow: 0 0 14px rgba(245,158,11,.45); }
.ha-mini-dca__full-link span:last-child { font-size: 21px; transition: transform .2s; }
.ha-mini-dca__full-link:hover span:last-child { transform: translateX(5px); }
@media (max-width: 560px) {
	.ha-mini-dca { padding: 18px; border-radius: 16px; }
	.ha-mini-dca__fields, .ha-mini-dca__results { grid-template-columns: 1fr; }
	.ha-mini-dca__field--amount { grid-column: auto; }
}