/* Copy Animation */

.copyInput {
	display: inline-block;
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.copied::after {
	position: absolute;
	top: 8px;
	right: 12%;
	width: 100px;
	display: block;
	content: "COPIED";
	font-size: 1em;
	padding: 5px 5px;
	color: #fff;
	background-color: #FF7000;
	border-radius: 3px;
	opacity: 0;
	will-change: opacity, transform;
	animation: showcopied 1.5s ease;
}

@keyframes showcopied {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	50% {
		opacity: 0.7;
		transform: translateX(40%);
	}
	70% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
	}
}

/* Cookies card */

.cookies-card {
	width: 520px;
	padding: 30px;
	color: #1E2337;
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 99;
	transition: all .5s;
	background: #d1d1d1;
	border-radius: 5px;
}

.cookies-card.hide {
	bottom: -500px !important;
}

.radius--10px {
	border-radius: 10px;
}

.cookies-card__icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #6e6f70;
	color: #fff;
	font-size: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.cookies-card__content {
	margin-bottom: 0;
}

.cookies-btn {
	color: #363636;
	text-decoration: none;
	padding: 10px 35px;
	margin: 3px 5px;
	display: inline-block;
	border-radius: 999px;
}

.cookies-btn:hover {
	color: #363636;
}

@media (max-width: 767px) {
	.cookies-card {
		width: 100%;
		left: 0;
		bottom: 0;
		font-size: 14px;
		padding: 15px;
	}
}

/* Hover input popup */

.hover-input-popup {
	position: relative;
}

.input-popup {
	display: none;
}

.hover-input-popup .input-popup {
	display: block;
	position: absolute;
	bottom: 70%;
	left: 50%;
	width: 280px;
	background-color: #1a1a1a;
	color: #fff;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.input-popup::after {
	position: absolute;
	content: '';
	bottom: -19px;
	left: 50%;
	margin-left: -5px;
	border-width: 10px 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #1a1a1a transparent;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.input-popup p {
	padding-left: 20px;
	position: relative;
}

.input-popup p::before {
	position: absolute;
	content: '';
	font-family: 'Line Awesome Free';
	font-weight: 900;
	left: 0;
	top: 4px;
	line-height: 1;
	font-size: 18px;
}

.input-popup p.error {
	text-decoration: line-through;
}

.input-popup p.error::before {
	content: "\f057";
	color: #ea5455;
}

.input-popup p.success::before {
	content: "\f058";
	color: #28c76f;
}

/* Filter responsive */

.show-filter {
	display: none;
}

@media(max-width:767px) {
	.responsive-filter-card {
		display: none;
		transition: none;
	}
	.show-filter {
		display: block;
	}
}

/* ////////////////// select 2 css //////////////// */

.select2-dropdown {
	border: 0 !important;
	margin-top: 8px !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 6px 4px 19px rgb(115 103 240 / 20%);
	z-index: 1060;
}

.select2-search--dropdown {
	padding: 10px 10px !important;
	border-color: #ced4da !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #ced4da !important;
	padding: 10px 20px;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
	padding: 12px 14px !important;
	border-bottom: 1px solid #eee;
}

.select2-results__option.select2-results__message {
	text-align: center !important;
	padding: 12px 14px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 8px;
	border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	background: #ddd;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
	background: #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
	position: absolute;
	right: 10px;
	top: 0;
	content: "\f107";
	font-family: "Line Awesome Free";
	font-weight: 900;
	transition: .3s;
}

.select2-container--default .select2-selection--single {
	border-color: hsl(var(--border)) !important;
	border-width: 1px !important;
	border-radius: .375rem !important;
	padding: .375rem .75rem !important;
	height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 11px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
	transform: rotate(-180deg);
}

.select2-results__option:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.select2-results__option:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #f1f1f1 !important;
	color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border-color: rgb(var(--main)) !important;
	box-shadow: 0 0 25px rgba(115, 103, 240 0.071) !important;
	outline: 0 !important;
}

.select2-dropdown .country-flag {
	width: 25px;
	height: 25px;
	border-radius: 8px;
}

.select2-dropdown .gateway-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0px !important;
}

.select2-dropdown .gateway-subtitle {
	font-size: 12px;
	margin-bottom: 0px !important;
}

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple {
	border-color: hsl(var(--base)) !important;
	border-radius: .375rem !important;
}

.select2-container:has(.select2-selection--single) {
	width: 100% !important;
}

.selection {
	width: 100%;
}

/* Payment cards */

.gateway-card {
	padding: 15px;
}

.payment-card-title {
	padding: 13px 25px;
	text-align: center;
	background-color: rgb(var(--main));
	border-radius: 5px;
	border: 0;
	margin-bottom: 0px;
	color: #fff;
}

.payment-system-list {
	--thumb-width: 100px;
	--thumb-height: 40px;
	--radio-size: 12px;
	--border-color: #cccccf59;
	--hover-border-color: rgb(var(--main));
	background-color: #fff;
	border-radius: 5px;
	height: 100%;
}

.payment-system-list.is-scrollable {
	max-height: min(388px, 70vh);
	overflow-x: auto;
	padding-block: 4px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
	width: 5px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
	background-color: rgb(var(--main));
	border-radius: 10px;
}

.payment-item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 18px;
	border: 1px solid #fff;
	border-top-color: var(--border-color);
	transition: all 0.3s;
	border-left: 3px solid transparent;
}

.payment-item:first-child {
	border-top-color: #fff;
	border-radius: 5px 5px 0 0;
}

.payment-item:has(.payment-item__radio:checked) {
	border-left: 3px solid hsl(var(--base));
	border-radius: 0px;
}

.payment-item__check {
	border: 3px solid transparent;
}

.payment-item__btn-text {
	color: #fff;
}

.payment-item__btn__icon {
	color: #fff;
}

.payment-item:has(.payment-item__radio:checked) .payment-item__check {
	border: 3px solid hsl(var(--base));
}

.payment-item__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	max-width: calc(100% - var(--thumb-width))
}

.payment-item__check {
	width: var(--radio-size);
	height: var(--radio-size);
	border: 1px solid hsl(var(--base));
	display: inline-block;
	border-radius: 100%;
}

.payment-item__name {
	padding-left: 10px;
	width: calc(100% - var(--radio-size));
	transition: all 0.3s;
}

.payment-item__thumb {
	width: var(--thumb-width);
	height: var(--thumb-height);
	text-align: right;
	padding-left: 10px;
}

.payment-item__thumb img {
	max-width: var(--thumb-width);
	max-height: var(--thumb-height);
	object-fit: cover;
}

/* Deposit info */

.deposit-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 8px;
}

.deposit-info__title {
	max-width: 50%;
	margin-bottom: 0px;
	text-align: left;
}

.deposit-info__input {
	max-width: 50%;
	text-align: right;
	width: 100%;
}

.deposit-info__input-select {
	border: 1px solid var(--border-color);
	width: 100%;
	border-radius: 5px;
	padding-block: 6px;
}

.deposit-info__input-group {
	border: 1px solid var(--border-color);
	border-radius: 5px;
}

.deposit-info__input-group .deposit-info__input-group-text {
	align-self: center;
	padding-left: 5px;
}

.deposit-info__input-group .form--control {
	padding: 5px;
	border: 0;
	height: 35px;
	text-align: right;
}

.deposit-info__input-group .form--control:focus {
	box-shadow: unset;
}

.info-text .text,
.deposit-info__input .text {
	font-size: 14px;
}

.deposit-info__title .text.has-icon {
	display: flex;
	align-items: center;
	gap: 5px
}

.total-amount {
	border-top: 1px solid var(--border-color);
}

.total-amount .deposit-info__title {
	font-weight: 600;
}

.payment-item__btn {
	border: 0;
	border-block: 1px solid var(--border-color);
	border-bottom: 0;
	background: hsl(var(--base));
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 15px;
	font-weight: 500;
}

.payment-item:hover+.payment-item__btn {
	border-top-color: #fff;
}

button .spinner-border {
	--bs-spinner-width: 1.5rem;
	--bs-spinner-height: 1.5rem;
}

/* Misc */

.form-group {
	margin-bottom: 15px
}

.treeview li.contains-items {
	background-image: url(icons/arrow-left.png) !important;
}

.treeview li.items-expanded {
	background-image: url(icons/arrow-down.png) !important;
}

#counter {
	font-family: 'lora';
}

.accordion-button {
	flex-wrap: wrap;
}

@media (max-width: 575px) {
	.accordion-button {
		padding: 15px 8px;
	}
}

@media (max-width: 575px) {
	.transaction-item {
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.transaction-item .icon-wrapper .trans-title {
		font-size: 0.875rem;
	}
}

@media (max-width: 767px) {
	.transaction-item .icon-wrapper p,
	.transaction-item .icon-wrapper span {
		font-size: 0.75rem !important;
	}
}

@media (max-width: 575px) {
	.transaction-item .content-wrapper {
		padding-left: 2.5rem;
		margin-top: 8px !important;
	}
}

@media (max-width: 767px) {
	.transaction-item .content-wrapper p {
		font-size: 0.75rem !important;
	}
}

@media (max-width: 767px) {
	.transaction-item .amount-wrapper p {
		font-size: 0.8125rem !important;
	}
}

@media (max-width: 767px) {
	.transaction-item .amount-wrapper span {
		font-size: 0.75rem !important;
	}
}

/* Accordion table */

.table--acordion {
	background-color: #fff;
}

.table--acordion .accordion-body {
	background-color: #faebd72e;
}

.table--acordion .accordion-button {
	text-align: left;
	align-items: center;
}

.table--acordion .accordion-button::after {
	display: none;
}

.table--acordion .accordion-button:focus {
	box-shadow: none;
}

.table--acordion .left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

.table--acordion .left .icon {
	width: 2.5rem;
	height: 2.5rem;
	background-color: rgba(69, 130, 255, 0.15);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #4582ff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	font-size: 1.625rem;
}

@media (max-width: 575px) {
	.table--acordion .left .icon {
		width: 1.875rem;
		height: 1.875rem;
		font-size: 16px;
	}
}

.table--acordion .left .content {
	width: calc(100% - 2.5rem);
	padding-left: 0.9375rem;
}

@media (max-width: 575px) {
	.table--acordion .left .content {
		padding-left: 0.625rem;
	}
}

.table--acordion .accordion-item.rcv-item .icon {
	background-color: rgba(40, 199, 111, 0.15);
	color: #28c76f;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.table--acordion .accordion-item.sent-item .icon {
	background-color: rgba(234, 84, 85, 0.15);
	color: #ea5455;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Caption lists */

.caption-list li {
	display: flex;
	flex-wrap: wrap;
	padding: 0.625rem 0;
	font-size: 0.9375rem;
	border-bottom: 1px dashed #cacaca;
}

.caption-list li:first-child {
	padding-top: 0;
}

.caption-list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.caption-list li .caption {
	width: 30%;
	font-family: "Maven Pro", sans-serif;
	font-weight: 500;
	font-size: 0.875rem;
	position: relative;
}

@media (max-width: 480px) {
	.caption-list li .caption {
		width: 35%;
	}
}

.caption-list li .caption::after {
	position: absolute;
	content: ':';
	top: 0;
	right: 0;
}

.caption-list li .value {
	width: 70%;
	padding-left: 0.9375rem;
}

@media (max-width: 480px) {
	.caption-list li .value {
		width: 65%;
	}
}

.caption-list-two {
	padding: 0.625rem 0.9375rem;
	background-color: rgba(69, 130, 255, 0.1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.caption-list-two li {
	font-family: "Maven Pro", sans-serif;
	font-weight: 500;
	color: #373e4a;
	font-size: 0.875rem;
	padding: 0.5rem 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px dashed #b1b1b1;
}

.caption-list-two li:first-child {
	padding-top: 0;
}

.caption-list-two li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.caption-list-two li .caption {
	width: 20%;
	position: relative;
}

.caption-list-two li .caption::after {
	position: absolute;
	content: ':';
	top: 0;
	right: 0;
}

.caption-list-two li .value {
	width: 80%;
	text-align: right;
}

.table--acordion .left .icon-success {
	background-color: #28c87026;
	color: #28c870;
}

.table--acordion .left .icon-warning {
	background-color: #ff9e4226;
	color: #ff9e42;
}

.table--acordion .left .icon-danger {
	background-color: #ea535326;
	color: #ea5353;
}

.table--acordion .left .icon-dark {
	background-color: #081f3026;
	color: #081f30;
}

.tr-icon.icon-success {
	transform: rotate(45deg);
}

.tr-icon.icon-danger {
	transform: rotate(-45deg);
}

.close {
	background-color: transparent;
	border: none;
}

label.required:after {
	content: '*';
	color: #DC3545 !important;
	margin-left: 2px;
}

.auth-page-logo img {
	max-width: 180px !important;
}

.input-group-text {
	border: 1px solid hsl(var(--border));
}

.dashboard-nav select.langSel {
	border: 1px solid #ddd !important;
	color: hsl(var(--body));
}

.rang-user img {
	width: 60px;
}

.dashboard-nav select.langSel {
	margin-left: 0px;
}

/* investor card design */

.investor-card {
	background-color: hsl(var(--white));
	padding: 30px;
	position: relative;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #ddd;
}

.investor-card__thumb {
	position: absolute;
	right: 20px;
	top: 20px;
}

.amount span {
	font-weight: 500;
	color: #2a3962;
}

/* =========================================================
   ETERNA DARK THEME – UTEX-STYLE ADDITIONS
   ========================================================= */

/* Dark gradient background for whole site */

body {
	background: radial-gradient(120% 120% at 50% 0, #172c31 0%, #1a1a1a 45%, #050609 100%) !important;
	color: #f5f7ff;
}

/* Make main sections transparent so gradient is visible */

.section,
.section-bg,
.hero,
.hero-section,
.banner-section,
.page-wrapper {
	background: transparent !important;
}

/* Generic card styling in UTEX style */

.card,
.investor-card,
.payment-system-list,
.table--acordion,
.cookies-card {
	background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, 0.04);
	box-shadow: none
	color: #f5f7ff;
}

/* Adjust some specific blocks */

.cookies-card {
	color: #f5f7ff;
}

/* Accordion in dark */

.table--acordion {
	background-color: rgba(20, 23, 29, 0.95) !important;
}

.table--acordion .accordion-body {
	background-color: rgba(29, 47, 61, 0.6) !important;
}

/* Caption list backgrounds a bit darker */

.caption-list-two {
	background-color: rgba(69, 130, 255, 0.08);
}

/* Payment list in dark card */

.payment-system-list {
	background-color: rgba(23, 31, 40, 0.98) !important;
}

/* Investor card in dark style */

.investor-card {
	background: radial-gradient(circle at top left, #232a35 0%, #181c22 50%, #13161c 100%) !important;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6);
}

.amount span {
	color: #e5ecff;
}

/* Primary buttons – UTEX style (Stocks / Crypto) */

.btn--base,
.btn--primary,
.cmn-btn,
.btn.btn--base,
.btn.btn--primary {
	background: linear-gradient(90deg, #3a67cf, #4a7dff);
	border: none;
	color: #ffffff !important;
	border-radius: 999px;
	padding: 12px 28px;
	font-weight: 600;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 12px 30px rgba(58, 103, 207, 0.45);
	transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, opacity 0.18s ease-out;
}

.btn--base:hover,
.btn--primary:hover,
.cmn-btn:hover,
.btn.btn--base:hover,
.btn.btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 18px 40px rgba(58, 103, 207, 0.6);
	opacity: 0.95;
}

/* Outline / secondary buttons – glassy style */

.btn--outline,
.btn.btn--outline {
	background: transparent;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #e4edff !important;
	padding: 10px 26px;
	transition: background 0.18s ease-out, color 0.18s ease-out, border-color 0.18s ease-out;
}

.btn--outline:hover,
.btn.btn--outline:hover {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.32);
}

/* Crypto icons / pool icons hover effect */

.crypto-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, filter 0.25s ease-out;
	transform-origin: center center;
	will-change: transform, box-shadow;
}

.crypto-icon:hover {
	transform: translateY(-6px) scale(1.06);
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.65);
	filter: saturate(1.08);
}

/* Reveal-on-scroll blocks (будут работать после JS-логики) */

.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	will-change: opacity, transform;
}

.reveal.reveal--visible {
	opacity: 1;
	transform: translateY(0);
}

/* Titles / headings a bit brighter */

h1, h2, h3, h4, h5, h6 {
	color: #f8fbff;
}

/* Secondary text softer */

.text-muted,
.text--muted,
p {
	color: #b1c0d4;
}

/* Small tweak for cookie button colors on dark bg */

.cookies-btn {
	color: #f5f7ff;
	background: rgba(255, 255, 255, 0.04);
}

.cookies-btn:hover {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.12);
}
/* =========================================================
   ETERNA STYLE – GLOBAL OVERRIDES
   ========================================================= */

/* Градиентный тёмный фон */
body {
    background: radial-gradient(120% 120% at 50% 0, #172c31 0%, #1a1a1a 45%, #050609 100%) !important;
    color: #f5f7ff;
}

/* Прозрачные секции, чтобы был виден фон */
.section,
.section-bg,
.hero,
.hero-section,
.banner-section,
.page-wrapper,
.body-wrapper {
    background: transparent !important;
}

/* Карточки и полезные блоки */
.card,
.plan-item,
.invest-plan-item,
.pricing-card,
.feature-card,
.investor-card,
.payment-system-list {
    background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: none;
    color: #f5f7ff;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    color: #f8fbff;
}

/* Базовый текст */
p,
.text-muted,
.text--muted {
    color: #b1c0d4;
}

/* Основные кнопки в стиле ETERNA */
.btn--base,
.btn--primary,
.cmn-btn,
.btn.btn--base,
.btn.btn--primary {
    background: linear-gradient(90deg, #3a67cf, #4a7dff);
    border: none;
    color: #ffffff !important;
    border-radius: 999px;
    padding: 12px 28px;
    font-weight: 600;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 12px 30px rgba(58, 103, 207, 0.45);
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, opacity 0.18s ease-out;
}

.btn--base:hover,
.btn--primary:hover,
.cmn-btn:hover,
.btn.btn--base:hover,
.btn.btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(58, 103, 207, 0.6);
    opacity: 0.95;
}

/* Обводочные кнопки */
.btn--outline,
.btn.btn--outline {
    background: transparent;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #e4edff !important;
    padding: 10px 26px;
    transition: background 0.18s ease-out, color 0.18s ease-out, border-color 0.18s ease-out;
}

.btn--outline:hover,
.btn.btn--outline:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.32);
}

/* Hover-анимация иконок */
.crypto-icon,
.pool-logo,
.coin-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, filter 0.25s ease-out;
}

.crypto-icon:hover,
.pool-logo:hover,
.coin-logo:hover {
    transform: translateY(-6px) scale(1.06);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.65);
    filter: saturate(1.08);
}

/* Анимация появления блоков */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal.reveal--visible {
    opacity: 1;
    transform: translateY(0);
}
/* =========================================================
   ETERNA STYLE – COLOR PALETTE OVERRIDE
   Перекраска базовых переменных темы под тёмный стиль
   ========================================================= */

:root {
    /* Цвет заголовков и текста */
    --heading: 220 35% 92%;   /* почти белые заголовки */
    --body:    215 18% 78%;   /* мягкий светло-серый текст */
    --border:  215 18% 26%;   /* тёмная граница вместо светло-серой */

    /* Базовый фирменный цвет (синие акценты) */
    --base-h: 220;
    --base-s: 72%;
    --base-l: 60%;

    /* Светлый (фон секций) теперь тоже тёмный, а не почти белый */
    --light-h: 215;
    --light-s: 30%;
    --light-l: 16%;

    /* Цвет ссылок и hover */
    --link-color-h: 220;
    --link-color-s: 90%;
    --link-color-l: 65%;
}

/* Делимитируем фон секций, чтобы не было светлых полос */
.bg--light,
.bg--white {
    background-color: transparent !important;
}

/* Карточки “How HYIPLab Work” и подобные */
.feature-card,
.work-card,
.how-work-card,
.single-feature,
.single-process,
.single-service {
    background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
    color: #f5f7ff;
}
/* =========================================================
   ETERNA STYLE – SECTIONS & STRATEGY CARDS
   ========================================================= */

/* Убираем светлые подложки секций */
.section--bg,
.bg--light,
.bg--white {
    background-color: transparent !important;
}

/* Фон футера тоже тёмный, без светлой полосы */
footer {
    background-color: transparent !important;
}

/* Карточки How HYIPLab Work (верхние 4 блока) */
.single-process,
.single-service,
.single-feature,
.work-card {
    background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    color: #f5f7ff !important;
}

/* Карточки стратегий (CME / U.S. Stock / Crypto / IPO) */
.plan-item,
.plan__item,
.single-plan,
.invest-plan,
.invest-plan-item {
    background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    color: #f5f7ff !important;
}

/* Текст внутри карточек стратегий делаем мягким светлым */
.plan-item p,
.plan__item p,
.single-plan p,
.invest-plan p,
.invest-plan-item p {
    color: #b1c0d4 !important;
}

/* Кнопки Join Strategy – в стиле ETERNA */
.plan-item .btn,
.plan__item .btn,
.single-plan .btn,
.invest-plan .btn,
.invest-plan-item .btn {
    background: linear-gradient(90deg, #3a67cf, #4a7dff) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    box-shadow: 0 12px 30px rgba(58, 103, 207, 0.45) !important;
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, opacity 0.18s ease-out !important;
}

.plan-item .btn:hover,
.plan__item .btn:hover,
.single-plan .btn:hover,
.invest-plan .btn:hover,
.invest-plan-item .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(58, 103, 207, 0.6);
    opacity: 0.95;
}
/* =========================================================
   ETERNA STYLE – GLOBAL OVERRIDE (FRONT)
   ========================================================= */

/* Общий фон сайта */
body {
    background: radial-gradient(120% 120% at 50% 0, #172c31 0%, #1a1a1a 45%, #050609 100%) !important;
    color: #f5f7ff !important;
}

/* Убираем светлые подложки у секций и блоков */
section,
.section,
.section--bg,
.bg--light,
.bg--white,
.main-wrapper,
.body-wrapper {
    background-color: transparent !important;
}

/* Верхний блок "How HYIPLab Work" – карточки */
section .card,
section [class*="single-"],
section [class*="work-"],
section [class*="process"],
section [class*="feature"] {
    background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    color: #f5f7ff !important;
}

/* Карточки стратегий (CME / U.S. Stock / Crypto / IPO) */
section [class*="plan"],
section [class*="strategy"],
section [class*="invest"] {
    background: radial-gradient(circle at top left, #212832 0%, #181c22 45%, #14171d 100%) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    color: #f5f7ff !important;
}

/* Текст внутри карточек стратегий */
section [class*="plan"] p,
section [class*="strategy"] p,
section [class*="invest"] p {
    color: #b1c0d4 !important;
}

/* Кнопки Join Strategy и любые .btn--base на публичных страницах */
section .btn,
section .btn--base,
section .btn--primary {
    background: linear-gradient(90deg, #3a67cf, #4a7dff) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    box-shadow: 0 12px 30px rgba(58, 103, 207, 0.45) !important;
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, opacity 0.18s ease-out !important;
}

section .btn:hover,
section .btn--base:hover,
section .btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(58, 103, 207, 0.6);
    opacity: 0.95;
}

/* Футер – тёмный под общий фон */
footer {
    background-color: transparent !important;
    color: #b1c0d4 !important;
}
footer a {
    color: #e4edff !important;
}
footer a:hover {
    color: #ffffff !important;
}
/* =========================================================
   ETERNA – HERO + PHONE + FLOATING CARDS
   ========================================================= */

/* Hero section */
.eterna-hero {
  position: relative;
  overflow: hidden;
}

.eterna-hero__title {
  font-size: clamp(2.4rem, 3.1vw, 3rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 1rem;
  color: #ffffff;
}

.eterna-hero__subtitle {
  font-size: 0.98rem;
  max-width: 470px;
  color: #b1c0d4;
}

.eterna-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.75rem;
}

.eterna-hero__cta .btn-primary-eterna {
  background: linear-gradient(90deg, #3a67cf, #4a7dff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 11px 26px !important;
  font-weight: 600;
  box-shadow: 0 14px 30px rgba(58, 103, 207, 0.43);
}

.eterna-hero__cta .btn-primary-eterna:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(58, 103, 207, 0.65);
}

.eterna-hero__cta .btn-secondary-eterna {
  border-radius: 999px;
  padding: 11px 22px;
  border: 1px solid rgba(255,255,255,0.18);
  color: #e4edff;
  background: rgba(4, 12, 24, 0.5);
}

.eterna-hero__cta .btn-secondary-eterna:hover {
  background: rgba(12, 22, 40, 0.95);
}

/* Stats under hero */
.eterna-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.75rem;
}

.eterna-stat {
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.06);
  background: radial-gradient(circle at top left, rgba(60, 99, 204, 0.25) 0, rgba(10, 14, 24, 0.85) 45%, rgba(5,6,9,0.95) 100%);
  font-size: 0.8rem;
  color: #d5e2ff;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.eterna-stat__value {
  font-weight: 700;
  font-size: 0.95rem;
  color: #fff;
}

/* Phone mockup */
.eterna-hero-phone-wrapper {
  display: flex;
  justify-content: center;
}

.eterna-phone {
  position: relative;
  width: 290px;
  max-width: 100%;
  padding: 12px;
  border-radius: 36px;
  background: radial-gradient(circle at top left, #262f3d 0, #05070b 60%, #000000 100%);
  box-shadow:
      0 26px 60px rgba(0, 0, 0, 0.8),
      0 0 0 1px rgba(255,255,255,0.02);
}

.eterna-phone__screen {
  border-radius: 26px;
  background: radial-gradient(circle at top, #243449 0, #0b1018 55%, #020308 100%);
  overflow: hidden;
  padding: 14px 14px 16px;
  position: relative;
}

.eterna-phone__status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.65rem;
  color: #9fb0d1;
  margin-bottom: 10px;
}

.eterna-phone__pill {
  width: 78px;
  height: 16px;
  border-radius: 999px;
  background: rgba(5,7,12,0.85);
  margin: 0 auto;
}

.eterna-phone__tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.eterna-phone__tab {
  flex: 1;
  text-align: center;
  font-size: 0.7rem;
  padding: 6px 4px;
  border-radius: 999px;
  cursor: default;
  color: #9fb0d1;
}

.eterna-phone__tab--active {
  background: linear-gradient(90deg, #3a67cf, #4a7dff);
  color: #ffffff;
}

/* Content inside phone */
.eterna-phone__section-title {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7c90b4;
  margin-bottom: 5px;
}

.eterna-phone__balance {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
}

.eterna-phone__balance-sub {
  font-size: 0.8rem;
  color: #7c90b4;
}

.eterna-phone__pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.eterna-pill {
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  border: 1px solid rgba(255,255,255,0.07);
  color: #c4d3f2;
}

.eterna-pill--green {
  border-color: rgba(76, 217, 143, 0.4);
  color: #8ff0b8;
}

.eterna-pill--red {
  border-color: rgba(255, 94, 94, 0.4);
  color: #ff9a9a;
}

.eterna-phone__list {
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 8px;
}

.eterna-phone__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 5px 0;
  font-size: 0.75rem;
  color: #c3d2f0;
}

.eterna-phone__row-label {
  opacity: 0.86;
}

.eterna-phone__row-value {
  font-weight: 600;
}

/* Floating cards (Why Eterna, etc.) */
.eterna-section-header {
  margin-bottom: 2.5rem;
}

.eterna-section-header h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffffff;
}

.eterna-section-header p {
  font-size: 0.95rem;
  color: #b1c0d4;
  max-width: 540px;
  margin: 0 auto;
}

.eterna-floating-card {
  position: relative;
  padding: 20px 20px 18px;
  border-radius: 18px;
  background: radial-gradient(circle at top left, rgba(255,255,255,0.08) 0, rgba(8,12,20,0.98) 48%, rgba(3,5,9,1) 100%);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
      0 18px 45px rgba(0,0,0,0.85),
      0 0 0 1px rgba(255,255,255,0.02);
  color: #dbe6ff;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, border-color 0.2s ease-out;
}

.eterna-floating-card:hover {
  transform: translateY(-4px);
  box-shadow:
      0 26px 60px rgba(0,0,0,0.9),
      0 0 0 1px rgba(58, 103, 207, 0.3);
  border-color: rgba(58, 103, 207, 0.75);
}

.eterna-floating-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top left, rgba(58, 103, 207, 0.9) 0, rgba(10, 16, 30, 0.95) 60%);
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.eterna-floating-card h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 6px;
}

.eterna-floating-card p {
  font-size: 0.87rem;
  color: #b5c5e0;
  margin-bottom: 0;
}

/* Strategy cards on home */
.eterna-strategy-card {
  border-radius: 18px;
  padding: 20px 20px 16px;
  background: radial-gradient(circle at top left, rgba(255,255,255,0.08) 0, rgba(8,12,20,0.98) 48%, rgba(3,5,9,1) 100%);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 18px 45px rgba(0,0,0,0.85);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.eterna-strategy-card__label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8ea0c6;
  margin-bottom: 6px;
}

.eterna-strategy-card h4 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
}

.eterna-strategy-meta {
  font-size: 0.8rem;
  color: #b5c5e0;
  margin-bottom: 10px;
}

.eterna-strategy-meta span {
  display: inline-block;
  margin-right: 10px;
}

.eterna-strategy-list {
  font-size: 0.82rem;
  color: #d2def6;
  margin-bottom: 14px;
}

.eterna-strategy-list li {
  padding: 2px 0;
}

.eterna-strategy-card .btn-primary-eterna {
  margin-top: auto;
}

/* Security list */
.eterna-security-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.eterna-security-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.9rem;
  color: #c5d3f0;
  margin-bottom: 8px;
}

.eterna-security-list li i {
  color: #4cd964;
  margin-top: 2px;
}

/* FAQ accordion override */
.eterna-faq .accordion-button {
  background: rgba(9,14,24,0.95);
  color: #e4edff;
}

.eterna-faq .accordion-body {
  background: rgba(5,9,16,0.98);
  color: #c5d3f0;
}

/* Responsive tweaks */
@media (max-width: 991px) {
  .eterna-hero__stats {
    margin-top: 1.25rem;
  }
  .eterna-hero {
    text-align: center;
  }
  .eterna-hero__subtitle,
  .eterna-hero__stats {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }
  .eterna-hero-phone-wrapper {
    margin-top: 2rem;
  }
}

@media (max-width: 575px) {
  .eterna-phone {
    width: 260px;
  }
}
/* =========================
   ETERNA HERO – LAYOUT FIX
   ========================= */

.eterna-hero {
    /* фон */
    background: radial-gradient(circle at top, #1d2633 0, #0c1218 55%, #05080c 100%);
    padding-top: 60px;
    padding-bottom: 60px;

    /* центрируем блок по высоте окна на десктопе */
    min-height: calc(100vh - 80px); /* высота экрана минус хедер */
    display: flex;
    align-items: center;
}

.eterna-hero > .container {
    width: 100%;
}

.eterna-hero .row {
    align-items: center; /* текст и телефон по вертикальному центру */
}

/* Заголовок – сразу с нужным центрированием и 2 строками */
.eterna-hero__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;
    max-width: 900px;
    text-align: center;

    font-size: clamp(2.8rem, 4vw + 1rem, 3.8rem);
    line-height: 1.15;
    letter-spacing: 0.03em;
    color: #ffffff;
}

/* каждая строка заголовка – отдельным span без переноса внутри */
.eterna-hero__title span {
    display: block;
    white-space: nowrap;
}

/* Подзаголовок – по центру и ярко-белый */
.eterna-hero__subtitle {
    max-width: 560px;
    margin: 0 auto;
    text-align: center !important;
    font-size: 1.05rem;
    color: #ffffff !important;
    opacity: 0.9;
}

/* Телефон – по центру колонки, эта обёртка будет родителем для иконок */
.eterna-hero-phone-wrapper {
    display: flex;
    justify-content: center;
    position: relative;      /* ВАЖНО: от неё считаем позицию иконок тикеров */
    z-index: 1;
}

.eterna-phone {
    width: 420px;
    max-width: 100%;
    padding: 20px;
    border-radius: 42px;
    background: radial-gradient(circle at top, #181f2b 0, #05070b 80%);
    box-shadow:
        0 32px 68px rgba(0, 0, 0, 0.9),
        0 0 0 1px rgba(255, 255, 255, 0.04);
    transition: transform 0.35s ease, filter 0.35s ease;    
}

.eterna-phone:hover {
    transform: translateY(-6px) scale(1.06);
    filter: drop-shadow(0 0 10px rgba(255, 150, 0, 0.45));
}

.eterna-phone__screen {
    border-radius: 30px;
    padding: 20px 20px 24px;
}

/* Блок под телефоном – кнопки + мини-пилюли */

.eterna-hero-under-phone {
    margin-top: 26px;
}

.eterna-hero__cta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 18px;
}

.eterna-hero__stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.eterna-stat {
    min-width: 230px;
    max-width: 260px;
    padding: 14px 18px;
    border-radius: 999px;
    text-align: center;
    background: radial-gradient(circle at top, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.8));
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 28px 45px rgba(0, 0, 0, 0.85);
}

.eterna-stat__value {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 4px;
}

.eterna-stat span:last-child {
    display: block;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #ffffff;
    opacity: 0.9;
}

/* Адаптив: на мобиле всё в колонку */

@media (max-width: 991px) {
    .eterna-hero {
        padding-top: 80px;
        padding-bottom: 80px;
        min-height: auto; /* на маленьких экранах не тянем секцию на весь vh */
    }

    .eterna-hero__title,
    .eterna-hero__subtitle {
        text-align: center !important;
    }

    .eterna-phone {
        width: 320px;
        margin-top: 32px;
    }
}

/* --- HERO main buttons ×2 size --- */
.btn-primary-eterna,
.btn-secondary-eterna {
    padding: 18px 38px !important;   /* больше внутренние отступы */
    font-size: 20px !important;      /* увеличиваем текст */
    border-radius: 16px !important;  /* более массивные кнопки */
}

/* --- HERO mini pills ×3 size + белый текст --- */
.eterna-hero .eterna-pill {
    padding: 14px 28px !important;
    font-size: 20px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

/* ===== TICKER ICONS AROUND PHONE – 2× SIZE, СИММЕТРИЯ (без GOOGL) ===== */

/* Контейнер для всех иконок, позиционируется относительно .eterna-hero-phone-wrapper */
.eterna-ticker-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
}

/* Общий стиль эмблем тикеров */
.eterna-ticker-icon {
    position: absolute;
    width: 150px;
    opacity: 1;
    transform: none;
    filter: drop-shadow(0 0 18px rgba(0,0,0,0.55));
    transition: transform .25s ease, filter .25s ease;
    pointer-events: auto;
    cursor: default;
    z-index: 4;
}

/* Hover-эффект */
.eterna-ticker-icon:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 26px rgba(255,255,255,0.45));
}

/* ЛЕВАЯ ГРУППА – 5 иконок */
.ticker-nasdaq { top: -30px;  left: -120px; }
.ticker-sp500  { top: 70px;   left: -180px; }
.ticker-gold   { top: 190px;  left: -135px; }
.ticker-wti    { top: 310px;  left: -170px; }
.ticker-tsla   { top: 430px;  left: -120px; }

/* ПРАВАЯ ГРУППА – крипта + AMZN */
.ticker-btc    { top: -10px;  right: -120px; }
.ticker-eth    { top: 90px;   right: -180px; }
.ticker-nflx   { top: 180px;  right: -135px; }
.ticker-bnb    { top: 330px;  right: -195px; }
.ticker-amzn   { top: 450px;  right: -120px; }

/* Логотип в топбаре личного кабинета */
.dashboard-logo img {
    height: 38px;      /* сделай больше/меньше под себя */
    width: auto;
    display: block;
}

/* На больших экранах можно сделать чуть крупнее */
@media (min-width: 1200px) {
    .dashboard-logo img {
        height: 46px;
    }
}
.dashboard-sidebar .logo img {
    width: 180px !important;
    max-width: 180px !important;
}
.dashboard-sidebar .logo img {
    height: 100px !important;
    width: auto !important;
}
/* === FIX: FORCE OVERRIDE TICKER POSITIONS === */
.eterna-ticker-icons .eterna-ticker-icon {
    width: 150px !important;
}

/* LEFT */
.eterna-ticker-icons .ticker-nasdaq { top: -30px !important; left: -60px !important; }
.eterna-ticker-icons .ticker-sp500  { top: 70px !important;  left: -95px !important; }
.eterna-ticker-icons .ticker-gold   { top: 190px !important; left: -65px !important; }
.eterna-ticker-icons .ticker-wti    { top: 310px !important; left: -95px !important; }
.eterna-ticker-icons .ticker-tsla   { top: 430px !important; left: -60px !important; }

/* RIGHT */
.eterna-ticker-icons .ticker-btc  { top: -10px !important; right: -60px !important; }
.eterna-ticker-icons .ticker-eth  { top: 90px !important;  right: -95px !important; }
.eterna-ticker-icons .ticker-nflx { top: 180px !important; right: -65px !important; }
.eterna-ticker-icons .ticker-bnb  { top: 330px !important; right: -95px !important; }
.eterna-ticker-icons .ticker-amzn { top: 450px !important; right: -60px !important; }
/* HERO: делаем обёртку телефона компактной,
   чтобы иконки позиционировались ближе к нему */
.eterna-hero-phone-wrapper {
    position: relative;
    display: flex;
    justify-content: center;

    max-width: 480px;     /* чуть шире телефона (сам телефон ~420px) */
    margin: 40px auto 0;  /* центрируем по горизонтали */
}
/* === HERO – mobile typography fix === */
@media (max-width: 575px) {

  /* Заголовок на мобиле поменьше и с переносами */
  .eterna-hero__title {
      font-size: 2.2rem;        /* можно 2.0–2.4 под вкус */
      line-height: 1.25;
      max-width: 95%;
      margin-bottom: 16px;
  }

  .eterna-hero__title span {
      white-space: normal;      /* разрешаем перенос внутри строк */
  }

  /* Подзаголовок поуже и чуточку крупнее/читабельнее */
  .eterna-hero__subtitle {
      font-size: 0.98rem;
      max-width: 92%;
      padding: 0 12px;
  }

  /* Пилюли – чуть компактнее вертикально */
  .eterna-hero .eterna-pill {
      font-size: 18px !important;
      padding: 12px 22px !important;
  }
}
.header .logo img {
    width: 150px !important; /* раньше было ~50px */
    height: auto !important;
}
/* Увеличиваем логотип, делаем симметрию */
.header .logo img {
    height: 100px !important;     /* подгони: 55–70px выглядит идеально */
    width: auto !important;
}

/* Делаем шапку выше под увеличенный логотип */
.header {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Центровка логотипа по вертикали */
.header .logo {
    display: flex;
    align-items: center;
}
.header .dashboard-logo img,
.dashboard-logo img {
    height: 72px !important;
    width: auto !important;
}
/* Логотип в шапке главной страницы */
.header-bottom .logo img {
    height: 120px !important;   /* подгони под нужный размер */
    width: auto !important;    /* сохраняем пропорции */
    max-height: none !important;
}
/* Уменьшаем вертикальные отступы шапки */
.header-bottom {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.header-bottom-area {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Дополнительно выравниваем логотип по центру */
.header-bottom .logo img {
    vertical-align: middle;
}
/* ===== ETERNA: compact desktop header (only paddings) ===== */
@media (min-width: 992px) {

  /* Внешняя полоска шапки */
  .header {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* Внутренний блок под шапкой */
  .header-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Основная зона с логотипом и меню */
  .header-bottom-area {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: auto !important;
  }

  /* Лого и пункты меню по вертикальному центру */
  .header-bottom-area .logo,
  .header-bottom-area,
  .header-bottom-area .menu {
    align-items: center;
  }
}
/* ===== ETERNA: compact mobile header ===== */
@media (max-width: 991.98px) {

  /* сама шапка */
  .header {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* внутренняя область с логотипом и языком/бургером */
  .header-bottom-area {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: auto !important;
  }

  /* чуть компактнее логотип, чтобы полоса стала ниже */
  .header-bottom-area .logo img {
    max-height: 106px !important;  /* при необходимости поиграйся 40–50px */
    height: auto !important;
    width: auto !important;
  }
}
/* === ETERNA – Header toning === */
.header,
.header-top,
.header-bottom,
.header-bottom-area {
    background-color: #101A27 !important;
    border-bottom: none !important;
}

/* Меню — белый текст */
.header .menu li a,
.header .menu li .link,
.header .menu li span,
.header .menu a {
    color: #ffffff !important;
}

/* Hover эффект — легкая подсветка */
.header .menu li a:hover {
    color: #d7e3ff !important;
}
/* === ETERNA – Header exactly same tone as hero === */
.header,
.header-top,
.header-bottom,
.header-bottom-area {
    background: radial-gradient(circle at top, #1d2633 0, #0c1218 55%, #05080c 100%) !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
/* === ETERNA – Header gradient fix === */
.header {
    background: radial-gradient(circle at top, #1d2633 0, #0c1218 55%, #05080c 100%) !important;
}

/* Отключаем перекрытие фона у вложенных контейнеров */
.header-top,
.header-bottom,
.header-bottom-area {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}
/* === ETERNA – фиксированная шапка при скролле === */
.header {
    position: sticky;
    top: 0;
    z-index: 1000;
}
.footer-links {
    text-align: left !important;
}
footer .footer-column {
    text-align: center;       /* Заголовки остаются по центру */
}

footer .footer-column ul {
    text-align: left !important;  /* Пункты идут слева */
    display: inline-block;        /* Чтобы красиво стояли */
    margin: 0 auto;               /* Центрируем блок со списком */
}
/* === Password requirements tooltip — fix text color === */
.input-popup,
.input-popup * {
    color: #ffffff !important;
}

/* === ETERNA: USER CABINET READABILITY PACK (v1) === */

:root{
  --cab-bg-1:#2a3a4f;   /* светлее текущего */
  --cab-bg-2:#1f2c3d;
  --cab-text:#eaf0ff;
  --cab-muted:rgba(234,240,255,.72);

  --cab-card:#ffffff;
  --cab-border:rgba(255,255,255,.08);

  --cab-accent:#3a67cf;
}

/* фон кабинета */
.dashboard-inner,
.user-dashboard,
.dashboard-wrapper,
.section--padding { /* если какой-то из классов не попадёт — скажешь, подстрою под твой */
  background:
    radial-gradient(900px 420px at 40% 20%, rgba(58,103,207,.20), transparent 60%),
    linear-gradient(180deg, var(--cab-bg-1) 0%, var(--cab-bg-2) 100%) !important;
}

/* заголовки/текст на тёмном фоне */
.dashboard-inner h1,
.dashboard-inner h2,
.dashboard-inner h3,
.dashboard-inner h4{
  color: var(--cab-text) !important;
}

.dashboard-inner p,
.dashboard-inner .text-muted{
  color: var(--cab-muted) !important;
}

/* карточки (твои белые summary cards) */
.card.custom--card,
.custom--card{
  background: var(--cab-card) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px;
}

/* сайдбар: улучшить читаемость пунктов */
.dashboard-sidebar,
.dashboard-sidebar *{
  text-shadow: none;
}

.dashboard-sidebar .sidebar-menu a,
.dashboard-sidebar .sidebar-menu li a{
  color: #334155 !important;         /* темнее = читаемо */
  font-weight: 500;
}

.dashboard-sidebar .sidebar-menu a:hover{
  color: #0f172a !important;
}

.dashboard-sidebar .sidebar-menu li.active > a,
.dashboard-sidebar .sidebar-menu a.active{
  color: var(--cab-accent) !important;
  background: rgba(58,103,207,.10) !important;
  border-radius: 10px;
}

/* “ACCOUNT BALANCE” и подписи слева */
.dashboard-sidebar .profile-info p,
.dashboard-sidebar .profile-info small{
  color: rgba(51,65,85,.70) !important;
}
/* Sidebar background */
.dashboard-sidebar {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06),
    rgba(255,255,255,0.03)
  ) !important;

  border-right: 1px solid rgba(255,255,255,0.08);
}
/* Top header */
.dashboard-nav,
.dashboard-header,
.header,
.top-header {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.08),
    rgba(255,255,255,0.04)
  ) !important;

  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.dashboard-nav *,
.dashboard-header * {
  color: rgba(234,240,255,.95);
}
/* Sidebar menu text */
.dashboard-sidebar .sidebar-menu li a {
  color: rgba(255,255,255,0.88) !important;
  font-weight: 500;
}

.dashboard-sidebar .sidebar-menu li a i {
  color: rgba(255,255,255,0.75) !important;
}
.dashboard-sidebar .sidebar-menu li a:hover {
  color: #ffffff !important;
}

.dashboard-sidebar .sidebar-menu li.active > a,
.dashboard-sidebar .sidebar-menu a.active {
  color: #ffffff !important;
  background: rgba(58,103,207,0.22) !important;
}
.dashboard-sidebar .profile-info p,
.dashboard-sidebar .profile-info span,
.dashboard-sidebar .profile-info small {
  color: rgba(255,255,255,0.75) !important;
}

.dashboard-sidebar .profile-info h4,
.dashboard-sidebar .profile-info strong {
  color: #ffffff !important;
}
/* Topbar text */
.dashboard-nav,
.dashboard-header,
.top-header {
  color: rgba(255,255,255,0.9) !important;
}

.dashboard-nav a,
.dashboard-header a,
.top-header a {
  color: #ffffff !important;
}

.dashboard-nav .dropdown-toggle,
.top-header .dropdown-toggle {
  color: #ffffff !important;
}
.dashboard-sidebar,
.dashboard-nav {
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
/* === DASHBOARD CARDS: equal height + readable typography === */

/* делаем карточки одинаковыми по высоте (минимальная) */
.dashboard-inner .card.custom--card {
  min-height: 180px; /* можно потом 170/190 под вкус */
}

/* выравниваем контент внутри, чтобы низ не "прыгал" */
.dashboard-inner .card.custom--card .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

/* заголовок карточки (Total Allocated / Unrealized P/L) */
.dashboard-inner .card.custom--card h5,
.dashboard-inner .card.custom--card .title,
.dashboard-inner .card.custom--card .card-title {
  color: #243041 !important;
  font-weight: 600;
}

/* основной текст/цифры в карточке */
.dashboard-inner .card.custom--card h1,
.dashboard-inner .card.custom--card h2,
.dashboard-inner .card.custom--card h3,
.dashboard-inner .card.custom--card h4,
.dashboard-inner .card.custom--card .amount,
.dashboard-inner .card.custom--card strong {
  color: #0f172a !important;
}

/* ВАЖНО: muted текст ВНУТРИ БЕЛЫХ карточек делаем темнее */
.dashboard-inner .card.custom--card .text-muted,
.dashboard-inner .card.custom--card p,
.dashboard-inner .card.custom--card small {
  color: #64748b !important;
  opacity: 1 !important;
}
/* === MY POOLS TABLE: softer header + readable empty text === */

/* шапка таблицы (золото делаем мягче и чуть темнее/спокойнее) */
.dashboard-inner .table thead th,
.dashboard-inner .table thead td {
  background: rgba(210, 175, 96, 0.85) !important; /* мягче золото */
  color: rgba(255,255,255,0.92) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* тело таблицы */
.dashboard-inner .table tbody td {
  color: #0f172a !important;
}

/* надпись "No allocations yet" — делаем видимой */
.dashboard-inner .table tbody .text-muted,
.dashboard-inner .table tbody td.text-muted {
  color: #94a3b8 !important;
  opacity: 1 !important;
}
/* === DASHBOARD: CARDS FIX (force) === */

/* чтобы карточки стали одинаковыми по высоте */
.dashboard-inner .row > [class*="col"]{
  display: flex;
}
.dashboard-inner .row > [class*="col"] > *{
  width: 100%;
}
.dashboard-inner .row > [class*="col"] .card{
  height: 100%;
  min-height: 180px;
}

/* белые карточки: фикс текста (заголовки/описание/цифры) */
.dashboard-inner .card{
  background: #fff !important;
}

.dashboard-inner .card,
.dashboard-inner .card *{
  color: #0f172a !important;        /* базовый текст темный */
  opacity: 1 !important;
}

/* заголовки в карточках */
.dashboard-inner .card h1,
.dashboard-inner .card h2,
.dashboard-inner .card h3,
.dashboard-inner .card h4,
.dashboard-inner .card h5{
  color: #243041 !important;
  font-weight: 600 !important;
}

/* вторичный текст (описания под цифрами) */
.dashboard-inner .card p,
.dashboard-inner .card small,
.dashboard-inner .card .text-muted{
  color: #64748b !important;
  font-weight: 400 !important;
}

/* если у суммы/цифр есть класс amount */
.dashboard-inner .card .amount,
.dashboard-inner .card .price,
.dashboard-inner .card .value{
  color: #0b1220 !important;
  font-weight: 700 !important;
}
/* ======================================================
   FIX: readable text inside WHITE cards (summary cards)
   ====================================================== */

/* 1) сброс любых opacity/бледности внутри карточек */
.dashboard-inner .card,
.dashboard-inner .card * {
  opacity: 1 !important;
}

/* 2) заголовок карточки */
.dashboard-inner .card h5,
.dashboard-inner .card .card-title,
.dashboard-inner .card .title {
  color: #334155 !important;
  font-weight: 600 !important;
}

/* 3) большие цифры / значения */
.dashboard-inner .card h1,
.dashboard-inner .card h2,
.dashboard-inner .card h3,
.dashboard-inner .card h4,
.dashboard-inner .card .amount,
.dashboard-inner .card .value,
.dashboard-inner .card .price,
.dashboard-inner .card strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* 4) описания под цифрами (самое важное для читаемости) */
.dashboard-inner .card p,
.dashboard-inner .card small,
.dashboard-inner .card .text-muted,
.dashboard-inner .card .text--small {
  color: #64748b !important;
  font-weight: 400 !important;
}

/* 5) если шаблон вешает “светлые” классы */
.dashboard-inner .card .text-white,
.dashboard-inner .card .text--white,
.dashboard-inner .card .text--base {
  color: #0f172a !important;
}
/* My Pools: empty state readable */
.dashboard-inner .table tbody td {
  color: #0f172a !important;
}

.dashboard-inner .table tbody td .text-muted,
.dashboard-inner .table tbody td.text-muted {
  color: #94a3b8 !important;
  opacity: 1 !important;
}
/* ======================================================
   FIX: dashboard-widget typography (white cards)
   ====================================================== */

/* Заголовок карточки */
.dashboard-widget h5.text-secondary {
  color: #334155 !important;   /* темно-серый, читаемый */
  font-weight: 600;
}

/* Основное значение (0.00 USDT) */
.dashboard-widget h3.text-secondary {
  color: #0f172a !important;   /* почти чёрный */
  font-weight: 700;
}

/* Описание под цифрами */
.dashboard-widget p {
  color: #64748b !important;
  opacity: 1 !important;
}
.dashboard-widget {
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}
/* ======================================================
   FINAL FIX: make dashboard-widget VALUES readable
   ====================================================== */

/* Любые крупные значения внутри карточек */
.dashboard-widget h1,
.dashboard-widget h2,
.dashboard-widget h3,
.dashboard-widget .amount,
.dashboard-widget .value,
.dashboard-widget .price,
.dashboard-widget strong {
  color: #0f172a !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* Если значение завернуто в span внутри h3 */
.dashboard-widget h3 span,
.dashboard-widget h2 span {
  color: #0f172a !important;
  opacity: 1 !important;
}

/* Описание под цифрами */
.dashboard-widget p,
.dashboard-widget small,
.dashboard-widget .text-muted {
  color: #64748b !important;
  opacity: 1 !important;
}
/* === Sidebar logo (x2 + centered) === */
.sidebar-logo { display:flex; justify-content:center; align-items:center; }
.sidebar-logo-img { height: 80px; width: auto; }

/* === Security submenu spacing === */
.sidebar-submenu { padding-left: 44px; margin-top: 6px; }
.sidebar-submenu li a { font-size: 13px; opacity: .92; }
.sidebar-submenu li a.active { opacity: 1; font-weight: 600; }
/* === SIDEBAR LOGO AREA (fixed height, no menu shift) === */
.sidebar-logo {
  height: 72px;               /* фиксированная высота области */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sidebar-logo-img {
  height: 64px;               /* было ~32px → стало ×2 */
  width: auto;
}
.sidebar-logo-img {
  max-height: none !important;
  max-width: none !important;
}
/* ===== SIDEBAR LOGO (FINAL) ===== */

/* контейнер логотипа */
#dashboard-sidebar .sidebar-logo{
  height: 140px !important;          /* зона под увеличенный логотип */
  padding: 0 !important;
  margin: 0 0 10px 0 !important;     /* ⬅️ отступ снизу (опускает блок ACCOUNT BALANCE) */
  display: flex !important;
  align-items: center !important;     /* вертикальный центр внутри зоны */
  justify-content: center !important; /* горизонтальный центр */
}

/* ссылка — тоже flex, чтобы не было смещений */
#dashboard-sidebar .sidebar-logo > a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* сам логотип */
#dashboard-sidebar .sidebar-logo img.sidebar-logo-img{
  height: 130px !important;            /* x2 размер */
  width: auto !important;
  display: block !important;
  max-height: none !important;
  max-width: 100% !important;
}
/* Сдвигаем блок ACCOUNT BALANCE ниже */
#dashboard-sidebar .profile-info{
  margin-top: 1px !important;
}
/* ===== Sidebar: Withdraw = Deposit (blue) ===== */
#dashboard-sidebar .profile-info .btn.btn--secondary.btn--smd{
  background-color: #3a6cf6 !important; /* синий как у Deposit */
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
}

/* hover — как у Deposit */
#dashboard-sidebar .profile-info .btn.btn--secondary.btn--smd:hover{
  background-color: #4a7dff !important;
  color: #fff !important;
}
/* ===== Sidebar buttons: unify typography ===== */
#dashboard-sidebar .profile-info .btn{
  font-weight: 600 !important;     /* как у Deposit */
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
}
/* ===== Glass style for "My Pools" card ===== */
.my-pools-glass {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.my-pools-glass,
.my-pools-glass .card-header,
.my-pools-glass .card-body,
.my-pools-glass .table,
.my-pools-glass .table-responsive {
  background: transparent !important;
}
/* ==========================================================
   STRATEGY POOLS — FINAL UI POLISH (Eterna)
   Scoped & Dashboard-consistent
   ========================================================== */

/* Page background — unify with dashboard */
.strategy-pools-page,
.strategy-pools-page .content-wrapper,
.strategy-pools-page .card {
    background: transparent !important;
}

/* Grid spacing */
.strategy-pools-grid {
    margin-top: 10px;
}

/* =========================
   Strategy Pool Card
   ========================= */

.strategy-pool-card {
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(20, 30, 45, 0.95),
        rgba(15, 25, 40, 0.95)
    );
    border-radius: 16px;
    border: 1px solid rgba(200, 170, 110, 0.35);
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    padding: 22px 22px 24px;
    transition: all 0.25s ease;
}

.strategy-pool-card:hover {
    border-color: rgba(215, 185, 120, 0.7);
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(215, 185, 120, 0.15);
    transform: translateY(-3px);
}

/* =========================
   Header & Status
   ========================= */

.strategy-pool-title {
    color: #f1f4f8;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.strategy-pool-status {
    background: rgba(46, 204, 113, 0.15);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.4);
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 500;
}

/* =========================
   Text & Meta
   ========================= */

.strategy-pool-meta {
    color: #a9b4c7;
    font-size: 14px;
    line-height: 1.5;
}

.strategy-pool-balance {
    color: #dce3ee;
    font-weight: 500;
}

/* Yield / Interest Rate — premium gold */
.strategy-pool-yield {
    color: #d6b36a;
    font-weight: 600;
    font-size: 16px;
}

/* Divider */
.strategy-pool-divider {
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.08),
        transparent
    );
    margin: 14px 0;
}

/* =========================
   Action Button
   ========================= */

.strategy-pool-card .btn--primary {
    background: linear-gradient(135deg, #3a67cf, #4a7dff);
    border: none;
    border-radius: 22px;
    padding: 10px 26px;
    font-weight: 500;
    box-shadow: 0 4px 14px rgba(74, 125, 255, 0.35);
}

.strategy-pool-card .btn--primary:hover {
    box-shadow: 0 6px 18px rgba(74, 125, 255, 0.55);
}

/* =========================
   Equal height safety
   ========================= */

.strategy-pools-grid .col-lg-4,
.strategy-pools-grid .col-md-6 {
    display: flex;
}

.strategy-pools-grid .strategy-pool-card {
    width: 100%;
}

/* =========================
   Mobile polish
   ========================= */

@media (max-width: 767px) {
    .strategy-pool-card {
        padding: 18px;
        border-radius: 14px;
    }

    .strategy-pool-yield {
        font-size: 15px;
    }
}
/* ==========================================================
   STRATEGY POOLS — WHITE CARDS + DARK BACKGROUND (override)
   Put this block at the VERY END of Custom CSS
   ========================================================== */

/* Keep page dark like dashboard; remove white page panel */
.strategy-pools-page,
.strategy-pools-page .pool-wrapper,
.strategy-pools-page .pool-body,
.strategy-pools-page .dashboard-fluid-inner {
    background: transparent !important;
}

/* Main cards: WHITE */
.strategy-pools-page .strategy-pool-card{
    background: #ffffff !important;
    border: 1px solid rgba(23, 38, 63, 0.14) !important;
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(0,0,0,0.18);
    padding: 22px 22px 24px;
    transition: all .25s ease;
}

.strategy-pools-page .strategy-pool-card:hover{
    transform: translateY(-3px);
    border-color: rgba(58, 103, 207, 0.30) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.22);
}

/* Titles / text on white */
.strategy-pools-page .strategy-pool-title{
    color: #0f172a !important;
    font-weight: 700;
    letter-spacing: .2px;
}

.strategy-pools-page .strategy-pool-meta{
    color: rgba(15, 23, 42, 0.70) !important;
    font-size: 14px;
}

.strategy-pools-page .strategy-pool-balance{
    color: #0f172a !important;
    font-weight: 600;
}

/* Divider */
.strategy-pools-page .strategy-pool-divider{
    background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.14), transparent) !important;
    height: 1px;
    margin: 14px 0;
}

/* Gold yield — make it richer, but readable on white */
.strategy-pools-page .strategy-pool-yield{
    color: #b8872a !important;
    font-weight: 700;
    font-size: 16px;
}

/* Status badge — clean and premium */
.strategy-pools-page .strategy-pool-status{
    background: rgba(34, 197, 94, 0.12) !important;
    color: #16a34a !important;
    border: 1px solid rgba(34, 197, 94, 0.28) !important;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
}

/* Button — dashboard-like */
.strategy-pools-page .strategy-pool-card .btn--primary,
.strategy-pools-page .strategy-pool-card .btn--base{
    background: linear-gradient(135deg, #3a67cf, #4a7dff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 22px;
    padding: 10px 26px;
    font-weight: 600;
    box-shadow: 0 6px 16px rgba(74,125,255,0.32);
}

.strategy-pools-page .strategy-pool-card .btn--primary:hover,
.strategy-pools-page .strategy-pool-card .btn--base:hover{
    box-shadow: 0 10px 22px rgba(74,125,255,0.48);
}

/* Keep equal height behaviour */
.strategy-pools-grid .col-xl-4,
.strategy-pools-grid .col-lg-4,
.strategy-pools-grid .col-sm-6{
    display: flex;
}
.strategy-pools-grid .strategy-pool-card{
    width: 100%;
}

/* Optional: prevent inherited dark styles inside list */
.strategy-pools-page .strategy-pool-card .list .item{
    color: inherit !important;
}

/* Mobile polish */
@media (max-width: 767px){
    .strategy-pools-page .strategy-pool-card{
        padding: 18px;
        border-radius: 14px;
    }
}
/* ==========================================================
   STRATEGY POOLS — CARD INNER ALIGNMENT (centered layout)
   ========================================================== */

.strategy-pools-page .strategy-pool-card{
    /* делаем карточку колонкой, чтобы легко центрировать и фиксировать кнопку */
    display: flex;
    flex-direction: column;
    align-items: center;     /* горизонтальное выравнивание */
    text-align: center;      /* текст по центру */
    min-height: 340px;       /* чтобы все карточки выглядели одинаково */
}

/* Блок заголовка + бейдж: складываем вертикально и центрируем */
.strategy-pools-page .strategy-pool-card > .d-flex{
    width: 100%;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    margin-bottom: 10px !important;
}

/* Бейдж Active сверху по центру */
.strategy-pools-page .strategy-pool-status{
    order: 1;
    margin: 0 auto;
}

/* Название стратегии под бейджем, по центру */
.strategy-pools-page .strategy-pool-title{
    order: 2;
    text-align: center !important;
    max-width: 90%;
    line-height: 1.2;
}

/* Блок “Current Pool Balance” — центр */
.strategy-pools-page .strategy-pool-card .list{
    width: 100%;
}
.strategy-pools-page .strategy-pool-card .list .item{
    text-align: center !important;
}

/* Divider — чуть короче и по центру */
.strategy-pools-page .strategy-pool-divider{
    width: 70%;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Interest-rate блок в центре */
.strategy-pools-page .strategy-pool-card .interest-rate{
    width: 100%;
    text-align: center;
}

/* Кнопку фиксируем ближе к низу карточки (но по центру) */
.strategy-pools-page .strategy-pool-card .poolInvestNow{
    margin-top: auto !important;   /* толкает кнопку вниз */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Текст “disabled” тоже по центру */
.strategy-pools-page .strategy-pool-card small{
    text-align: center;
    width: 100%;
}

/* Mobile */
@media (max-width: 767px){
    .strategy-pools-page .strategy-pool-card{
        min-height: 320px;
    }
}
/* ==========================================================
   STRATEGY POOLS — JOIN MODAL TEXT FIX
   Force dark text on white modal background
   ========================================================== */

/* Общий фон модального окна */
.strategy-pools-page .modal-content{
    background: #ffffff !important;
}

/* Заголовок */
.strategy-pools-page .modal-title,
.strategy-pools-page .modal-header strong{
    color: #0f172a !important;
    font-weight: 600;
}

/* Labels */
.strategy-pools-page .modal-body label,
.strategy-pools-page .modal-body .form-label{
    color: #0f172a !important;
    font-weight: 500;
}

/* Текст в select / input */
.strategy-pools-page .modal-body input,
.strategy-pools-page .modal-body select,
.strategy-pools-page .modal-body option{
    color: #0f172a !important;
}

/* Placeholder */
.strategy-pools-page .modal-body input::placeholder{
    color: rgba(15, 23, 42, 0.55) !important;
}

/* Подсказки (Minimum amount и т.п.) */
.strategy-pools-page .modal-body small,
.strategy-pools-page .modal-body .text--muted{
    color: rgba(15, 23, 42, 0.65) !important;
}

/* Кнопки No / Yes — текст */
.strategy-pools-page .modal-footer .btn{
    color: #ffffff;
}

/* Кнопка No (тёмная) */
.strategy-pools-page .modal-footer .btn--dark{
    background: #0f172a !important;
    border-color: #0f172a !important;
}

/* Крестик закрытия */
.strategy-pools-page .modal-header .close i{
    color: #0f172a !important;
}

/* Divider / borders внутри modal */
.strategy-pools-page .modal-header,
.strategy-pools-page .modal-footer{
    border-color: rgba(15, 23, 42, 0.12) !important;
}
/* ==========================================================
   STRATEGY POOLS — SELECT / WALLET DROPDOWN FIX
   Select2 readability + clickable affordance
   ========================================================== */

/* ---------- 1. Само поле Select (закрытое состояние) ---------- */

.strategy-pools-page .select2-container--default .select2-selection--single{
    height: 46px;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.25) !important;
    background: #ffffff !important;
    cursor: pointer;
    transition: all .2s ease;
}

/* Текст выбранного значения */
.strategy-pools-page .select2-container--default
.select2-selection--single .select2-selection__rendered{
    color: #0f172a !important;
    font-weight: 500;
    line-height: 44px;
    padding-right: 40px; /* место под стрелку */
}

/* Стрелка справа — усиливаем */
.strategy-pools-page .select2-container--default
.select2-selection--single .select2-selection__arrow{
    height: 100%;
    right: 10px;
}

.strategy-pools-page .select2-container--default
.select2-selection--single .select2-selection__arrow b{
    border-color: #0f172a transparent transparent transparent !important;
    border-width: 6px 5px 0 5px;
}

/* Hover — сразу видно, что кликабельно */
.strategy-pools-page .select2-container--default
.select2-selection--single:hover{
    border-color: rgba(58, 103, 207, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(74, 125, 255, 0.12);
}

/* Focus */
.strategy-pools-page .select2-container--open
.select2-selection--single{
    border-color: #4a7dff !important;
    box-shadow: 0 0 0 3px rgba(74, 125, 255, 0.18);
}

/* ---------- 2. Dropdown список (открытое состояние) ---------- */

.strategy-pools-page .select2-dropdown{
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.18) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.18);
    background: #ffffff !important;
}

/* Опции */
.strategy-pools-page .select2-results__option{
    color: #0f172a !important;
    font-weight: 500;
    padding: 10px 14px;
    cursor: pointer;
}

/* Hover по опции */
.strategy-pools-page .select2-results__option--highlighted{
    background: rgba(74, 125, 255, 0.12) !important;
    color: #0f172a !important;
}

/* Выбранная опция */
.strategy-pools-page .select2-results__option[aria-selected="true"]{
    background: rgba(74, 125, 255, 0.18) !important;
    color: #0f172a !important;
    font-weight: 600;
}

/* Disabled (если когда-то будет) */
.strategy-pools-page .select2-results__option--disabled{
    color: rgba(15, 23, 42, 0.45) !important;
}

/* ---------- 3. Cursor hint ---------- */

.strategy-pools-page .select2-container{
    cursor: pointer;
}
/* ==========================================================
   POOL INVEST MODAL — SELECT2 FIX (wallet dropdown)
   Works even if Select2 dropdown is appended to <body>
   ========================================================== */

/* ---------- Closed select (inside modal) ---------- */
#poolInvestModal .select2-container--default .select2-selection--single{
    height: 46px;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.25) !important;
    background: #ffffff !important;
    cursor: pointer !important;
    transition: all .2s ease;
}

#poolInvestModal .select2-container--default
.select2-selection--single .select2-selection__rendered{
    color: #0f172a !important;
    font-weight: 500;
    line-height: 44px;
    padding-right: 44px; /* место под стрелку */
}

/* Make arrow obvious (click hint) */
#poolInvestModal .select2-container--default
.select2-selection--single .select2-selection__arrow{
    height: 100%;
    right: 10px;
}

#poolInvestModal .select2-container--default
.select2-selection--single .select2-selection__arrow b{
    border-color: #0f172a transparent transparent transparent !important;
    border-width: 6px 5px 0 5px;
}

/* Hover/focus hint */
#poolInvestModal .select2-container--default .select2-selection--single:hover{
    border-color: rgba(58, 103, 207, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(74, 125, 255, 0.12);
}

#poolInvestModal .select2-container--open .select2-selection--single{
    border-color: #4a7dff !important;
    box-shadow: 0 0 0 3px rgba(74, 125, 255, 0.18);
}

/* ---------- Open dropdown (usually appended to body) ---------- */
.select2-dropdown{
    background: #ffffff !important;
}

/* Target exactly wallet dropdown results */
#select2-wallet_type-results .select2-results__option{
    color: #0f172a !important;
    font-weight: 500;
    padding: 10px 14px;
}

#select2-wallet_type-results .select2-results__option--highlighted{
    background: rgba(74, 125, 255, 0.12) !important;
    color: #0f172a !important;
}

#select2-wallet_type-results .select2-results__option[aria-selected="true"]{
    background: rgba(74, 125, 255, 0.18) !important;
    color: #0f172a !important;
    font-weight: 600;
}

#select2-wallet_type-results .select2-results__option--disabled{
    color: rgba(15, 23, 42, 0.45) !important;
}

/* Dropdown frame */
.select2-container--open .select2-dropdown{
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.18) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.18);
}

/* Cursor hint everywhere */
#poolInvestModal .select2-container,
#poolInvestModal .select2-selection{
    cursor: pointer !important;
}
/* ==========================================================
   POOL INVEST MODAL — SELECT2 UNIVERSAL FIX
   (no ID required, works with body-appended dropdown)
   ========================================================== */

/* ===== CLOSED SELECT (field) ===== */

#poolInvestModal .select2-container--default .select2-selection--single{
    height: 46px;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.25) !important;
    border-radius: 10px;
    cursor: pointer !important;
    transition: all .2s ease;
}

#poolInvestModal
.select2-selection--single
.select2-selection__rendered{
    color: #0f172a !important;
    font-weight: 500;
    line-height: 44px;
    padding-right: 44px;
}

/* Arrow — явный клик-хинт */
#poolInvestModal
.select2-selection--single
.select2-selection__arrow b{
    border-color: #0f172a transparent transparent transparent !important;
    border-width: 6px 5px 0 5px;
}

/* Hover / focus */
#poolInvestModal .select2-selection--single:hover{
    border-color: rgba(58, 103, 207, 0.6) !important;
    box-shadow: 0 0 0 3px rgba(74,125,255,.15);
}

#poolInvestModal .select2-container--open .select2-selection--single{
    border-color: #4a7dff !important;
    box-shadow: 0 0 0 3px rgba(74,125,255,.25);
}

/* ===== OPEN DROPDOWN (appended to body) ===== */

.select2-container--open .select2-dropdown{
    background: #ffffff !important;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.2) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

/* Options text — DARK */
.select2-container--open .select2-results__option{
    color: #0f172a !important;
    font-weight: 500;
    padding: 10px 14px;
}

/* Hover option */
.select2-container--open
.select2-results__option--highlighted{
    background: rgba(74,125,255,.12) !important;
    color: #0f172a !important;
}

/* Selected option */
.select2-container--open
.select2-results__option[aria-selected="true"]{
    background: rgba(74,125,255,.18) !important;
    color: #0f172a !important;
    font-weight: 600;
}

/* Disabled (на будущее) */
.select2-container--open
.select2-results__option--disabled{
    color: rgba(15, 23, 42, .45) !important;
}

/* Cursor hint */
#poolInvestModal .select2-container,
#poolInvestModal .select2-selection{
    cursor: pointer !important;
}
/* ==========================================================
   POOL INVEST MODAL — SELECT2 CLICK HINT (arrow + glow)
   ========================================================== */

/* Более заметный hover/focus: используем outline (не режется) */
#poolInvestModal .select2-container--default .select2-selection--single:hover{
    border-color: rgba(58, 103, 207, 0.75) !important;
    outline: 3px solid rgba(74,125,255,0.18) !important;
    outline-offset: 2px;
}

#poolInvestModal .select2-container--open .select2-selection--single{
    border-color: #4a7dff !important;
    outline: 3px solid rgba(74,125,255,0.28) !important;
    outline-offset: 2px;
}

/* Убираем/прячем стандартную стрелку, чтобы не мешалась */
#poolInvestModal .select2-selection--single .select2-selection__arrow{
    display: none !important;
}

/* Рисуем свою стрелку справа (всегда видна) */
#poolInvestModal .select2-container--default .select2-selection--single{
    position: relative;
    padding-right: 46px; /* место под кастомную стрелку */
}

#poolInvestModal .select2-container--default .select2-selection--single::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 9px;
    height: 9px;
    border-right: 2px solid rgba(15,23,42,0.7);
    border-bottom: 2px solid rgba(15,23,42,0.7);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    transition: transform .2s ease, opacity .2s ease;
    opacity: 0.75;
}

/* При открытом dropdown — чуть “поднимаем” стрелку (ощущение интерактива) */
#poolInvestModal .select2-container--open .select2-selection--single::after{
    transform: translateY(-50%) rotate(-135deg);
    opacity: 1;
}
/* ==========================================================
   MY ALLOCATIONS (/user/pool/invest) — glass card + readable text
   Target: .plan-item-two inside .plan-list
   ========================================================== */

body #dashboard-container .plan-list .plan-item-two{
    background: rgba(255, 255, 255, 0.08) !important; /* glass */
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 16px;
    box-shadow: none !important; /* убираем тень */
}

/* Убираем любые внутренние “белые” подложки, если они есть */
body #dashboard-container .plan-list .plan-item-two *{
    text-shadow: none !important;
}

/* Текст и цифры: делаем читаемыми на glass */
body #dashboard-container .plan-list .plan-item-two,
body #dashboard-container .plan-list .plan-item-two p,
body #dashboard-container .plan-list .plan-item-two span,
body #dashboard-container .plan-list .plan-item-two small,
body #dashboard-container .plan-list .plan-item-two div{
    color: rgba(255, 255, 255, 0.88) !important;
}

/* Заголовок стратегии / ключевые строки — белым */
body #dashboard-container .plan-list .plan-item-two h1,
body #dashboard-container .plan-list .plan-item-two h2,
body #dashboard-container .plan-list .plan-item-two h3,
body #dashboard-container .plan-list .plan-item-two h4,
body #dashboard-container .plan-list .plan-item-two strong{
    color: #ffffff !important;
}

/* Мелкие подписи — мягче */
body #dashboard-container .plan-list .plan-item-two .text-muted,
body #dashboard-container .plan-list .plan-item-two .text--muted{
    color: rgba(255, 255, 255, 0.62) !important;
}

/* “Выход/Exit” — убрать резкую тень, сделать в стиле */
body #dashboard-container .plan-list .plan-item-two .btn,
body #dashboard-container .plan-list .plan-item-two a.btn{
    box-shadow: none !important;
    border-radius: 12px;
}

/* Если где-то есть белые бордеры внутри — смягчаем */
body #dashboard-container .plan-list .plan-item-two hr,
body #dashboard-container .plan-list .plan-item-two .border-top,
body #dashboard-container .plan-list .plan-item-two .border-bottom{
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Чуть приятнее spacing, чтобы блок не выглядел “пустым” */
body #dashboard-container .plan-list{
    gap: 22px;
}
/* ==========================================================
   MY ALLOCATIONS FORCE OVERRIDE (works even if template is stubborn)
   Page: /user/pool/invest
   ========================================================== */

/* 1) Glass + no shadow for the allocations card (any direct child in plan-list) */
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > *{
    background: rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

/* 2) Some templates put the white panel INSIDE the item */
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * *,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * .card,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * .custom--card,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * .dashboard-widget{
    background: transparent !important;
    box-shadow: none !important;
}

/* 3) Text readability on glass */
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > *{
    color: rgba(255,255,255,0.88) !important;
}
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * *{
    color: rgba(255,255,255,0.88) !important;
}
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * h1,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * h2,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * h3,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * h4,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * strong{
    color: #ffffff !important;
}
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * .text-muted,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * .text--muted{
    color: rgba(255,255,255,0.62) !important;
}

/* 4) Exit button — no ugly shadow */
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * .btn,
body:has(a[href*="/user/pool/invest"]) #dashboard-container .plan-list > * a.btn{
    box-shadow: none !important;
    border-radius: 12px !important;
}
/* ==========================================================
   FORCE override for My Allocations card (.plan-item-two)
   main.css:2885 / 2896
   ========================================================== */

#dashboard-container .dashboard-inner .plan-list .plan-item-two{
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 16px !important;

    box-shadow: none !important; /* убираем эту тень из main.css */
}

/* Читаемость текста внутри */
#dashboard-container .dashboard-inner .plan-list .plan-item-two,
#dashboard-container .dashboard-inner .plan-list .plan-item-two *{
    color: rgba(255, 255, 255, 0.88) !important;
}

#dashboard-container .dashboard-inner .plan-list .plan-item-two h1,
#dashboard-container .dashboard-inner .plan-list .plan-item-two h2,
#dashboard-container .dashboard-inner .plan-list .plan-item-two h3,
#dashboard-container .dashboard-inner .plan-list .plan-item-two h4,
#dashboard-container .dashboard-inner .plan-list .plan-item-two strong{
    color: #ffffff !important;
}

#dashboard-container .dashboard-inner .plan-list .plan-item-two .text-muted,
#dashboard-container .dashboard-inner .plan-list .plan-item-two .text--muted{
    color: rgba(255, 255, 255, 0.62) !important;
}
/* ================================
   My Allocations – Glass Card Fix
================================ */

/* Основная карточка */
.plan-item-two {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;

    /* Убираем дефолтную тень */
    box-shadow: none !important;
}

/* Внутренний блок */
.plan-item-two .plan-inner-div {
    background: transparent !important;
}

/* Заголовок стратегии */
.plan-item-two .plan-name {
    color: #ffffff !important;
    font-weight: 600;
}

/* Тексты */
.plan-item-two .plan-desc,
.plan-item-two .text-muted,
.plan-item-two p,
.plan-item-two span {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Статусы */
.plan-item-two .badge,
.plan-item-two .status {
    background: rgba(46, 213, 115, 0.15);
    color: #2ed573;
    border: 1px solid rgba(46, 213, 115, 0.3);
}

/* Кнопка Exit */
.plan-item-two .btn--danger {
    background: rgba(255, 71, 87, 0.15);
    color: #ff4757;
    border: 1px solid rgba(255, 71, 87, 0.35);
    box-shadow: none;
}

.plan-item-two .btn--danger:hover {
    background: rgba(255, 71, 87, 0.25);
}
/* ================================
   My Allocations – Final White Card
================================ */

/* Основная карточка */
.plan-item-two {
    background: #ffffff !important;
    border-radius: 16px;

    /* Очень мягкая тень, слитая с фоном */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;

    border: 1px solid rgba(0, 0, 0, 0.04);
}

/* Внутренний контейнер */
.plan-item-two .plan-inner-div {
    background: transparent !important;
}

/* Название стратегии */
.plan-item-two .plan-name,
.plan-item-two .plan-name div {
    color: #111827 !important; /* почти чёрный */
    font-weight: 600;
}

/* Основной текст */
.plan-item-two p,
.plan-item-two span,
.plan-item-two .text-muted,
.plan-item-two .plan-desc {
    color: #374151 !important; /* спокойный тёмно-серый */
}

/* Метрики справа (P/L) */
.plan-item-two .plan-inner-div.text-end p,
.plan-item-two .plan-inner-div.text-end span {
    color: #1f2937 !important;
}

/* Active — НЕ трогаем */

/* Exit — НЕ трогаем */
/* My Allocations: убрать тень полностью */
.plan-item-two,
.plan-item-two * {
    box-shadow: none !important;
}

.plan-item-two::before,
.plan-item-two::after {
    box-shadow: none !important;
    filter: none !important;
}
.plan-item-two {
    border: none !important;
}
.plan-item-two,
.plan-item-two * {
    filter: none !important;
}
/* Kill shadow for My Allocations card */
.plan-item-two{
  box-shadow: none !important;
}
/* box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important; */
/* My Allocations: NUCLEAR shadow/halo remover */
.plan-item-two{
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  border: 0 !important;            /* если нужна рамка — скажи, вернем */
  background-image: none !important; /* убираем любые градиенты-ореолы */
}

.plan-item-two::before,
.plan-item-two::after{
  content: none !important;
  box-shadow: none !important;
  filter: none !important;
  background: transparent !important;
}

/* на всякий случай: если “ореол” сидит на внутреннем блоке */
.plan-item-two .plan-inner-div,
.plan-item-two .plan-info,
.plan-item-two .plan-name-data{
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  background: transparent !important;
}
/* My Allocations: убрать ореол/подложку вокруг блока (это .plan-list) */
.plan-list{
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  outline: 0 !important;
}

/* На случай если “ореол” рисуется на первом уровне элементов списка */
.plan-list > div{
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
/* === My Allocations: контейнер без подложки === */
.plan-list{
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
}

/* если ранее добавляли .plan-list > div { background: transparent } — не удаляй,
   просто перекрываем карточку более точным селектором ниже */

/* === My Allocations: сама карточка белая и без тени === */
.plan-list > .plan-item-two{
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  filter: none !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 16px !important;
}

/* текст внутри карточки — чёрный (Active и Exit не трогаем) */
.plan-list > .plan-item-two .plan-name,
.plan-list > .plan-item-two .plan-desc,
.plan-list > .plan-item-two .plan-name-data,
.plan-list > .plan-item-two .plan-inner-div,
.plan-list > .plan-item-two .text-end,
.plan-list > .plan-item-two p,
.plan-list > .plan-item-two span{
  color: #111 !important;
}

/* на всякий случай: убираем тень у внутренних блоков */
.plan-list > .plan-item-two *{
  box-shadow: none !important;
}
/* ===== My Allocations: убираем тёмную подложку страницы ===== */
.allocations-page{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* если подложка висит на внутреннем блоке */
.allocations-page .plan-list,
.allocations-page .plan-list > div{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* сама карточка остаётся белой */
.allocations-page .plan-item-two{
  background:#fff !important;
  box-shadow:none !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:16px !important;
  color:#111 !important;
}
.allocations-page .plan-item-two *{
  color:#111 !important;
  box-shadow:none !important;
}
/* ============================
   My Allocations — card style
   ============================ */

/* контейнер страницы — без подложки */
.allocations-page{
  background: transparent !important;
}

/* сама карточка */
.allocations-page .plan-item-two{
  background: #ffffff !important;
  border-radius: 18px !important;

  /* аккуратное выделение */
  border: 1px solid rgba(255,255,255,0.25) !important;

  /* мягкий “glass” эффект без грязной тени */
  box-shadow: 
    0 10px 30px rgba(0, 0, 0, 0.08) !important;

  padding: 28px 32px !important;
}

/* текст — читаемый */
.allocations-page .plan-item-two,
.allocations-page .plan-item-two p,
.allocations-page .plan-item-two span,
.allocations-page .plan-item-two div{
  color: #111 !important;
}

/* заголовок стратегии */
.allocations-page .plan-name{
  font-size: 18px;
  font-weight: 600;
}

/* P/L блок справа — чуть приглушён */
.allocations-page .plan-label{
  font-size: 13px;
  opacity: .7;
}

/* Active и Exit — НЕ трогаем */
/* My Allocations — force card highlight */
.allocations-page .plan-item-two{
  background: #fff !important;
  border: 2px solid rgba(255,255,255,0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.12) !important;
}

.allocations-page .plan-item-two,
.allocations-page .plan-item-two *{
  color: #111 !important;
}
/* My Allocations — generic target */
.dashboard-inner .plan-list .plan-item-two{
  background: #fff !important;
  border: 2px solid rgba(255,255,255,0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.12) !important;
}

.dashboard-inner .plan-list .plan-item-two,
.dashboard-inner .plan-list .plan-item-two *{
  color: #111 !important;
}
/* My Allocations — strategy title size */
.dashboard-inner .plan-item-two .plan-name{
  font-size: 32px;        /* было ~16px → x2 */
  line-height: 1.15;      /* контролируем высоту строки */
  margin-bottom: 6px;     /* минимальный отступ вниз */
  font-weight: 700;
}
/* Dashboard: remove shadow around summary cards + tables */
.dashboard-inner .dashboard-widget,
.dashboard-inner .custom--card,
.dashboard-inner .card {
  box-shadow: none !important;
}
/* Sometimes shadow is on container/wrapper elements */
.dashboard-inner .dashboard-widget,
.dashboard-inner .dashboard-widget * {
  box-shadow: none !important;
}
/* DASHBOARD: убираем все тени у виджетов/карточек */
.dashboard-inner .dashboard-widget,
.dashboard-inner .custom--card,
.dashboard-inner .card {
    box-shadow: none !important;
    filter: none !important;
}

/* Часто тень сидит на псевдо-элементах */
.dashboard-inner .dashboard-widget::before,
.dashboard-inner .dashboard-widget::after,
.dashboard-inner .custom--card::before,
.dashboard-inner .custom--card::after,
.dashboard-inner .card::before,
.dashboard-inner .card::after {
    box-shadow: none !important;
    filter: none !important;
}
/* DASHBOARD: убираем тени у карточек/виджетов */
body .dashboard-page .dashboard-widget,
body .dashboard-page .custom--card,
body .dashboard-page .card {
    box-shadow: none !important;
    filter: none !important;
}

/* Часто тень сидит на псевдо-элементах или внутренних обёртках */
body .dashboard-page .dashboard-widget::before,
body .dashboard-page .dashboard-widget::after,
body .dashboard-page .custom--card::before,
body .dashboard-page .custom--card::after,
body .dashboard-page .card::before,
body .dashboard-page .card::after {
    box-shadow: none !important;
    filter: none !important;
}
/* ===============================
   DASHBOARD — УБИРАЕМ ТЕНЬ ПОЛНОСТЬЮ
   =============================== */

/* Сама карточка */
.dashboard-page .dashboard-widget {
    box-shadow: none !important;
    filter: none !important;
    background: #fff;
}

/* Внутренние card / custom-card */
.dashboard-page .card,
.dashboard-page .custom--card {
    box-shadow: none !important;
    filter: none !important;
}

/* Bootstrap-контейнеры, которые держат визуальную тень */
.dashboard-page .row > [class*="col-"] {
    box-shadow: none !important;
}

/* На случай псевдо-элементов */
.dashboard-page .dashboard-widget::before,
.dashboard-page .dashboard-widget::after,
.dashboard-page .card::before,
.dashboard-page .card::after {
    box-shadow: none !important;
    filter: none !important;
    content: none !important;
}
/* ================================
   DASHBOARD: remove glass shadow
   ================================ */

/* Основные виджеты Dashboard */
.dashboard-inner.dashboard-page .dashboard-widget,
.dashboard-inner.dashboard-page .card,
.dashboard-inner.dashboard-page .my-pools-glass {

    /* УБИРАЕМ ВСЁ, что даёт "тень" */
    box-shadow: none !important;
    filter: none !important;

    /* Убираем glass-градиенты */
    background-image: none !important;
    backdrop-filter: none !important;

    /* Чистая карточка */
    background-color: #ffffff !important;

    /* Аккуратное выделение */
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 14px;
}

/* Чтобы не было "ореола" от вложенных элементов */
.dashboard-inner.dashboard-page .dashboard-widget *,
.dashboard-inner.dashboard-page .my-pools-glass * {
    box-shadow: none !important;
}
/* =========================
   DASHBOARD — REMOVE SHADOWS
   ========================= */

/* Верхние виджеты */
.dashboard-inner.dashboard-page .dashboard-widget {
    box-shadow: none !important;
    filter: none !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

/* My Pools card */
.dashboard-inner.dashboard-page .my-pools-glass,
.dashboard-inner.dashboard-page .card.my-pools-glass {
    box-shadow: none !important;
    filter: none !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

/* На случай псевдо-элементов */
.dashboard-inner.dashboard-page .dashboard-widget::before,
.dashboard-inner.dashboard-page .dashboard-widget::after,
.dashboard-inner.dashboard-page .my-pools-glass::before,
.dashboard-inner.dashboard-page .my-pools-glass::after {
    box-shadow: none !important;
    filter: none !important;
    background: none !important;
}
/* DASHBOARD: remove shadows from cards themselves (NOT children) */
.dashboard-inner.dashboard-page .dashboard-widget,
.dashboard-inner.dashboard-page .card.dashboard-widget,
.dashboard-inner.dashboard-page .my-pools-glass,
.dashboard-inner.dashboard-page .card.my-pools-glass {
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* if shadow is drawn via pseudo elements */
.dashboard-inner.dashboard-page .dashboard-widget::before,
.dashboard-inner.dashboard-page .dashboard-widget::after,
.dashboard-inner.dashboard-page .my-pools-glass::before,
.dashboard-inner.dashboard-page .my-pools-glass::after {
    box-shadow: none !important;
    filter: none !important;
    content: none !important;
}
/* DASHBOARD: remove dark overlay panel behind widgets/tables */
.dashboard-inner.dashboard-page {
    background: transparent !important;
    box-shadow: none !important;
}

/* very often the overlay is drawn via pseudo-elements */
.dashboard-inner.dashboard-page::before,
.dashboard-inner.dashboard-page::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* sometimes wrapper/container also draws the panel */
.dashboard-container,
.dashboard-container-fluid {
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-container::before,
.dashboard-container::after,
.dashboard-container-fluid::before,
.dashboard-container-fluid::after {
    content: none !important;
    display: none !important;
}
/* ==============================
   DEPOSIT PAGE: layout + typography
============================== */

.deposit-page h3{
  color: rgba(255,255,255,.92);
  font-weight: 800;
  letter-spacing: .2px;
}

.deposit-page p,
.deposit-page .text,
.deposit-page label,
.deposit-page .deposit-info__title p,
.deposit-page .deposit-info__input p{
  color: rgba(255,255,255,.78);
  font-weight: 600;
  line-height: 1.45;

  /* делает текст "резче" */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

.deposit-page .text-muted,
.deposit-page .text-secondary{
  color: rgba(255,255,255,.62) !important;
}

/* ------- FIX "поплыло" (ширины/сетка) ------- */

/* карточка и внутренние блоки должны тянуться на 100% */
.deposit-page .gateway-card{
  width: 100%;
}

.deposit-page .gateway-card .row{
  align-items: stretch;          /* чтобы обе колонки были одной высоты */
}

.deposit-page .payment-system-list{
  width: 100%;
  min-width: 0;
}

/* иногда правый блок "сжимается" из-за ограничений */
.deposit-page .deposit-form{
  width: 100%;
  max-width: none;
}

/* чуть больше воздуха и аккуратнее */
.deposit-page .payment-system-list.p-3{
  border-radius: 16px;
}

/* если список платежек слишком узкий — сделаем его стабильнее на desktop */
@media (min-width: 992px){
  .deposit-page .gateway-card .col-lg-6:first-child{
    flex: 0 0 58%;
    max-width: 58%;
  }
  .deposit-page .gateway-card .col-lg-6:last-child{
    flex: 0 0 42%;
    max-width: 42%;
  }
}
/* ==============================
   DEPOSIT PAGE — FINAL OVERRIDE
   (ставь в самый низ custom.css)
============================== */
.dashboard-inner.deposit-page h3{
  color: rgba(255,255,255,.92) !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
}

.dashboard-inner.deposit-page p,
.dashboard-inner.deposit-page .text,
.dashboard-inner.deposit-page label,
.dashboard-inner.deposit-page .deposit-info__title p,
.dashboard-inner.deposit-page .deposit-info__input p{
  color: rgba(255,255,255,.78) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

.dashboard-inner.deposit-page .text-muted,
.dashboard-inner.deposit-page .text-secondary{
  color: rgba(255,255,255,.62) !important;
}

/* --- главная причина "поплыло": фикс-ширины/макс-ширины --- */
.dashboard-inner.deposit-page form.deposit-form,
.dashboard-inner.deposit-page .gateway-card,
.dashboard-inner.deposit-page .payment-system-list{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* выравниваем две колонки внутри gateway-card */
@media (min-width: 992px){
  .dashboard-inner.deposit-page .gateway-card > .row{
    align-items: stretch !important;
  }

  /* чуть более стабильные пропорции на десктопе */
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:first-child{
    flex: 0 0 58% !important;
    max-width: 58% !important;
  }
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:last-child{
    flex: 0 0 42% !important;
    max-width: 42% !important;
  }
}

/* приятнее кнопка/поля */
.dashboard-inner.deposit-page .form--control,
.dashboard-inner.deposit-page .form-control{
  font-weight: 700 !important;
}
/* =========================================
   FIX: Deposit page broken grid
   Override dangerous global width rule
========================================= */

/* отменяем width:100% внутри колонок ТОЛЬКО на Deposit */
.dashboard-inner.deposit-page .row > [class*="col-"] > * {
    width: auto !important;
}

/* гарантируем нормальную работу колонок */
.dashboard-inner.deposit-page .gateway-card,
.dashboard-inner.deposit-page .payment-system-list,
.dashboard-inner.deposit-page .deposit-form {
    width: 100% !important;
    max-width: none !important;
}

/* выравниваем две колонки */
@media (min-width: 992px) {
    .dashboard-inner.deposit-page .gateway-card > .row {
        align-items: stretch;
    }

    .dashboard-inner.deposit-page .gateway-card .col-lg-6:first-child {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .dashboard-inner.deposit-page .gateway-card .col-lg-6:last-child {
        flex: 0 0 40%;
        max-width: 40%;
    }
}
/* Typography sharpening for Deposit */
.dashboard-inner.deposit-page h3 {
    font-weight: 800;
    letter-spacing: .2px;
    color: rgba(255,255,255,.92);
}

.dashboard-inner.deposit-page p,
.dashboard-inner.deposit-page .text,
.dashboard-inner.deposit-page label {
    font-weight: 600;
    color: rgba(255,255,255,.78);
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}
/* ===== Deposit: center content area & reduce empty space ===== */
.dashboard-inner.deposit-page .col-md-12{
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.dashboard-inner.deposit-page .deposit-header__text{
  max-width: 620px;
}
/* ===== Deposit: better 2-column proportions ===== */
@media (min-width: 992px){
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:first-child{
    flex: 0 0 52% !important;
    max-width: 52% !important;
  }
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:last-child{
    flex: 0 0 48% !important;
    max-width: 48% !important;
  }
}

/* ===== Deposit: gateway list height looks too tall/empty ===== */
.dashboard-inner.deposit-page .payment-system-list.is-scrollable{
  max-height: 420px;         /* чтобы не было "огромной пустой карточки" */
  overflow: auto;
}

.dashboard-inner.deposit-page .payment-system-list.p-3{
  height: auto !important;
  min-height: 0 !important;
}
/* ===== Deposit: center header + center two cards with normal gap ===== */

/* ограничиваем ширину рабочей области и центрируем */
.dashboard-inner.deposit-page .col-md-12{
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* шапка: читаемо и по центру */
.dashboard-inner.deposit-page .deposit-head{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* главный ряд внутри .gateway-card — по центру и с нормальным расстоянием */
.dashboard-inner.deposit-page .gateway-card > .row{
  justify-content: center !important;
  column-gap: 28px;       /* расстояние между левым и правым блоком */
}

/* чтобы колонки не разъезжались и не растягивались */
@media (min-width: 992px){
  .dashboard-inner.deposit-page .gateway-card .col-lg-6{
    flex: 0 0 auto !important;
    max-width: none !important;
  }

  .dashboard-inner.deposit-page .gateway-card .col-lg-6:first-child{
    width: 420px;         /* левый блок (список gateway) */
  }
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:last-child{
    width: 520px;         /* правый блок (форма/amount) */
  }
}

/* на всякий случай — не даём внутренним блокам ломать ширину */
.dashboard-inner.deposit-page .payment-system-list,
.dashboard-inner.deposit-page .payment-system-list.p-3{
  width: 100% !important;
}
/* ===== Deposit: force 2 columns side-by-side + center (DESKTOP) ===== */

@media (min-width: 992px) {

  /* центрируем всю "форму" и ограничиваем её ширину */
  .dashboard-inner.deposit-page .gateway-card{
    max-width: 980px !important;   /* 420 + 520 + gap */
    margin: 0 auto !important;
  }

  /* делаем ряд без переноса и с нормальным зазором */
  .dashboard-inner.deposit-page .gateway-card > .row{
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
  }

  /* отключаем любые фикс-правила bootstrap/кастома, которые давят колонки */
  .dashboard-inner.deposit-page .gateway-card .col-lg-6{
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
  }

  /* задаём реальные ширины двух колонок */
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:first-child{
    flex-basis: 420px !important;
  }
  .dashboard-inner.deposit-page .gateway-card .col-lg-6:last-child{
    flex-basis: 520px !important;
  }
}

/* чтобы список платежек не выглядел "пустым" */
.dashboard-inner.deposit-page .payment-system-list.is-scrollable{
  max-height: 520px;
  overflow: auto;
}
.deposit-page .payment-system-list {
    box-shadow: none !important;
}
/* === Deposit page: remove shadows === */
.deposit-page .payment-system-list {
    box-shadow: none !important;
}
.deposit-page .payment-system-list,
.deposit-page .gateway-card {
    box-shadow: none !important;
}
/* Deposit page: keep original card look, remove only outer shadow/glow */
.deposit-page .payment-system-list,
.deposit-page .gateway-card,
.deposit-page .payment-item {
  box-shadow: none;
  filter: none !important;
  -webkit-filter: none !important;
}

/* If glow comes from pseudo elements */
.deposit-page .payment-system-list::before,
.deposit-page .payment-system-list::after,
.deposit-page .gateway-card::before,
.deposit-page .gateway-card::after {
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: transparent !important;
}
.deposit-page .card {
  box-shadow: none !important;
  filter: none !important;
}
/* Deposit page: remove shadow but keep original card background */
.deposit-page .card {
  box-shadow: none !important;
}
.payment-system-list.no-card,
.payment-system-list.plain {
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}
/* === FINAL FIX: remove SVG / filter shadows on gateway tiles === */

/* 1. Убираем любые filter / drop-shadow */
.dashboard-inner.deposit-page .gateway-option,
.dashboard-inner.deposit-page .payment-item {
  filter: none !important;
  box-shadow: none !important;
}

/* 2. Убираем focus / active эффекты */
.dashboard-inner.deposit-page .gateway-option:focus,
.dashboard-inner.deposit-page .gateway-option:active,
.dashboard-inner.deposit-page .gateway-option:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* 3. На всякий случай — если filter навешивается через SVG */
.dashboard-inner.deposit-page svg {
  filter: none !important;
}
/* DEPOSIT PAGE: remove any shadow only here */
.dashboard-inner.deposit-page .payment-system-list,
.dashboard-inner.deposit-page .gateway-card,
.dashboard-inner.deposit-page .payment-item,
.dashboard-inner.deposit-page .deposit-info,
.dashboard-inner.deposit-page .deposit-info__input-group {
  box-shadow: none;
  filter: none !important; /* на случай drop-shadow */
}

/* If shadow is drawn by pseudo-elements */
.dashboard-inner.deposit-page .payment-system-list::before,
.dashboard-inner.deposit-page .payment-system-list::after,
.dashboard-inner.deposit-page .payment-item::before,
.dashboard-inner.deposit-page .payment-item::after {
  box-shadow: none !important;
  filter: none !important;
  content: none !important; /* если тень именно через псевдо-слой */
}
/* GLOBAL: remove heavy shadow, use soft border instead */
.card,
.plan-item,
.invest-plan-item,
.pricing-card,
.feature-card,
.investor-card,
.payment-system-list {
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
/* === GLOBAL CARD SHADOW NEUTRALIZATION === */
.card,
.investor-card,
.plan-item,
.invest-plan-item,
.pricing-card,
.feature-card,
.payment-system-list,
.gateway-card,
.deposit-form {
  box-shadow: 0 18px 45px rgba(23, 44, 49, 0.85) !important;
}
/* Deposit cards: make border blend with background */
.deposit-page .payment-system-list,
.deposit-page .gateway-card,
.deposit-page .deposit-form .payment-system-list {
  border-color: rgba(23, 44, 49, 0.35) !important; /* в тон фона */
  outline: none !important;
}
/* Убираем “плиту” (внутренний фон), НЕ меняя общий фон кабинета */
.dashboard-inner{
  background: transparent !important;
}

/* На всякий: иногда рамку даёт border у inner */
.dashboard-inner{
  border: 0 !important;
  outline: 0 !important;
}
/* Deposit page — убираем едва заметный ободок/outline */
.deposit-page.deposit-no-shadow .gateway-card,
.deposit-page.deposit-no-shadow .payment-system-list {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* если ободок рисуется через псевдо-слой */
.deposit-page.deposit-no-shadow .gateway-card::before,
.deposit-page.deposit-no-shadow .gateway-card::after,
.deposit-page.deposit-no-shadow .payment-system-list::before,
.deposit-page.deposit-no-shadow .payment-system-list::after {
  content: none !important;
  display: none !important;
}
.deposit-head p {
    font-size: 15.5px;
    line-height: 1.55;
    opacity: 0.95;
}
.deposit-fee-note p {
    font-size: 14.5px;
    line-height: 1.6;
    color: rgba(245, 247, 255, 0.85);
}
/* =========================
   Withdraw (new Blade layout)
   ========================= */

.withdraw-wrap{
  max-width: 980px;
  margin: 0 auto;
}

.withdraw-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.withdraw-card{
  border-radius: 18px;
  overflow: hidden;
  background: rgba(10,14,20,.55);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.06);
}

.withdraw-card__head{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.withdraw-card__body{
  padding: 16px;
}

/* list height like Deposit */
.withdraw-methods-list{
  max-height: 340px;
  overflow: auto;
  padding-right: 6px;
}

/* keep right panel neat */
.withdraw-form-panel{
  border-radius: 14px;
}

@media (max-width: 992px){
  .withdraw-grid{
    grid-template-columns: 1fr;
  }
}
/* =========================
   Deposit (match Withdraw layout)
   ========================= */

.deposit-wrap{
  max-width: 980px;
  margin: 0 auto;
}

.deposit-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.deposit-card{
  border-radius: 18px;
  overflow: hidden;
  background: rgba(10,14,20,.55);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.06);
}

.deposit-card__head{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.deposit-card__body{
  padding: 16px;
}

/* list height like Withdraw */
.deposit-methods-list{
  max-height: 340px;
  overflow: auto;
  padding-right: 6px;
}

/* keep right panel neat */
.deposit-form-panel{
  border-radius: 14px;
}

@media (max-width: 992px){
  .deposit-grid{
    grid-template-columns: 1fr;
  }
}
/* Sidebar Deposit / Withdraw buttons – unified style */
.dashboard-sidebar .btn {
    min-width: 110px;        /* одинаковая ширина */
    height: 36px;            /* одинаковая высота */
    padding: 0 18px;

    font-size: 14px;
    font-weight: 500;
    line-height: 36px;       /* вертикальное выравнивание текста */
    text-align: center;

    border-radius: 999px;    /* аккуратная pill-форма */
}
/* Withdraw – fee note font size */
.withdraw-wrap .text-muted {
    font-size: 14px;
    line-height: 1.5;
}
/* === Transactions: fix washed-out text (accordion) === */
#transactionAccordion .accordion-item,
#transactionAccordion .accordion-item * {
    color: #000000 !important;
    opacity: 1 !important;
}
/* My Pools: make all rows fully white (override bootstrap table transparency) */
.my-pools-glass .table {
    --bs-table-bg: #ffffff;
    --bs-table-striped-bg: #ffffff;
    --bs-table-hover-bg: #ffffff;
}

.my-pools-glass .table > :not(caption) > * > * {
    background-color: #ffffff !important;
    opacity: 1 !important;
}
/* === Sticky header should match page container tone (no separate tint) === */

/* Public site header */
.header,
.header-bottom,
.header-bottom-area {
  background: PUT_CONTAINER_BG_HERE !important;
  background-color: transparent !important; /* на случай, если был отдельный color */
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Sticky/fixed states (разные шаблоны называют по-разному) */
.header.fixed,
.header.sticky,
.header.is-sticky,
.header.header-fixed,
.header-bottom.fixed,
.header-bottom.sticky,
.header-bottom.is-sticky,
.header-bottom-area.fixed,
.header-bottom-area.sticky,
.header-bottom-area.is-sticky {
  background: PUT_CONTAINER_BG_HERE !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Dashboard header (если отличается контейнер/классы) */
.dashboard-nav,
.dashboard-nav.fixed,
.dashboard-nav.sticky,
.dashboard-nav.is-sticky {
  background: PUT_CONTAINER_BG_HERE !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* ===============================
   HEADER: remove transparency
   solid background everywhere
   =============================== */

/* Main header blocks */
.header,
.header-bottom,
.header-bottom-area,
.header-top {
    background-color: #0b1420 !important;
    background-image: none !important;

    /* remove glass / blur */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    /* ensure no fading */
    opacity: 1 !important;

    /* remove visual separation */
    box-shadow: none !important;
}
/* =========================================
   HEADER — solid light tone (match container)
   ========================================= */

/* Public header */
.header,
.header-top,
.header-bottom,
.header-bottom-area {
    background-color: #20353c !important;
    background-image: none !important;

    opacity: 1 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Sticky / fixed state */
.header.fixed,
.header.sticky,
.header.is-sticky,
.header.header-fixed,
.header-bottom.fixed,
.header-bottom.sticky,
.header-bottom.is-sticky,
.header-bottom-area.fixed,
.header-bottom-area.sticky,
.header-bottom-area.is-sticky {
    background-color: #20353c !important;
    opacity: 1 !important;
}

/* Dashboard (user cabinet header) */
.dashboard-nav,
.dashboard-nav.fixed,
.dashboard-nav.sticky,
.dashboard-nav.is-sticky {
    background-color: #20353c !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
/* === Mobile sidebar: solid background, no transparency === */
@media (max-width: 991px) {

  /* exact element from DevTools */
  #dashboard-sidebar.dashboard-sidebar {
    background-color: #20353c !important;
    background-image: none !important;
    opacity: 1 !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* when sidebar is toggled/open (some templates add these) */
  #dashboard-sidebar.dashboard-sidebar.show,
  #dashboard-sidebar.dashboard-sidebar.active {
    background-color: #20353c !important;
    opacity: 1 !important;
  }

  /* if there is an inner layer causing translucency */
  #dashboard-sidebar.dashboard-sidebar .bg--lights,
  #dashboard-sidebar.dashboard-sidebar .sidebar-menu,
  #dashboard-sidebar.dashboard-sidebar .dashboard-sidebar__inner {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
/* Remove template auto black asterisk on required labels (keep only our red one) */
.ticket-create-page .form-label::after{
    content: "" !important;
    display: none !important;
}
/* Buttons: same height and same width */
.ticket-create-page .addAttachment,
.ticket-create-page .ticket-submit-btn{
    height: 44px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    padding: 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    white-space: nowrap;
}

/* одинаковая ширина */
.ticket-create-page .addAttachment{ min-width: 220px !important; }
.ticket-create-page .ticket-submit-btn{ min-width: 220px !important; }
/* === Support Ticket: required asterisk fix === */

/* 1. Убираем дефолтную звездочку темы */
.ticket-create-page .form-label::after {
    content: "" !important;
}

/* 2. Если звездочка добавляется через <sup> или span — красим */
.ticket-create-page .form-label sup,
.ticket-create-page .form-label .text-danger,
.ticket-create-page .form-label .required,
.ticket-create-page .form-label .req-star {
    color: #e11d48 !important; /* аккуратный красный */
    font-weight: 600;
}

/* 3. На всякий случай: если тема вставляет * текстом */
.ticket-create-page .form-label {
    position: relative;
}

.ticket-create-page .form-label:has(+ input[required]),
.ticket-create-page .form-label:has(+ textarea[required]),
.ticket-create-page .form-label:has(+ select[required]) {
    color: inherit;
}
/* Message textarea full width */
.ticket-view-page .ticket-textarea {
    width: 100%;
    max-width: 100%;
}
.ticket-view-page .ticket-label {
    display: block;
    text-align: left;
    margin-bottom: 6px;
}
.ticket-view-page .req-star{
    color:#e11d48 !important;
    font-weight:700;
    margin-left:4px;
}
/* ===== Save Profile button — compact ===== */
.dashboard-inner.eterna-profile-page .eterna-submit-btn{
    padding: 6px 16px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
}
/* My Pools (Dashboard) -> Mobile cards per strategy */
@media (max-width: 767px){

  /* ограничиваемся только этим виджетом */
  .eterna-pools-mobile-cards .table--responsive--md thead{
    display:none;
  }

  /* превращаем каждую строку в карточку */
  .eterna-pools-mobile-cards .table--responsive--md tbody tr{
    display:block;
    margin: 12px 12px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 26px rgba(0,0,0,.06);
  }

  /* внутренние строки карточки */
  .eterna-pools-mobile-cards .table--responsive--md tbody tr td{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }

  .eterna-pools-mobile-cards .table--responsive--md tbody tr td:last-child{
    border-bottom:0;
  }

  /* делаем первую строку (Pool) “шапкой” карточки */
  .eterna-pools-mobile-cards .table--responsive--md tbody tr td:first-child{
    background: rgba(0,0,0,.02);
  }

  .eterna-pools-mobile-cards .table--responsive--md tbody tr td:first-child span.fw-bold{
    font-size: 16px;
  }

  /* label слева (берётся из data-label) */
  .eterna-pools-mobile-cards .table--responsive--md tbody tr td::before{
    content: attr(data-label);
    font-weight: 600;
    opacity: .45;
    padding-right: 10px;
    white-space: nowrap;
  }

  /* значение справа не даём ломаться */
  .eterna-pools-mobile-cards .table--responsive--md tbody tr td > *{
    flex-shrink: 0;
  }

  /* чтобы длинные названия пулов переносились красиво */
  .eterna-pools-mobile-cards .table--responsive--md tbody tr td:first-child{
    align-items:flex-start;
  }
  .eterna-pools-mobile-cards .table--responsive--md tbody tr td:first-child > span{
    max-width: 62%;
    text-align:right;
    white-space: normal;
    word-break: break-word;
  }
/* My Pools (mobile): darker labels + stronger borders for each strategy card */
@media (max-width: 767px){

  /* 1) Лейблы слева (Pool / Allocation / Status / ...) — темнее */
  .eterna-pools-mobile-cards table.table--responsive--md tbody tr td::before{
    opacity: 1 !important;
    color: rgba(15, 23, 42, 0.78) !important;
    font-weight: 600 !important;
  }

  /* 2) Границы карточек стратегий (каждый tr) — темнее и заметнее */
  .eterna-pools-mobile-cards table.table--responsive--md tbody tr{
    border: 1px solid rgba(15, 23, 42, 0.31) !important;   /* темнее граница */
    box-shadow: none !important;                            /* чтобы не мешала читаемости */
  }

  /* 3) Линии разделения внутри карточки — тоже чуть темнее */
  .eterna-pools-mobile-cards table.table--responsive--md tbody tr td{
    border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
  }
  .eterna-pools-mobile-cards table.table--responsive--md tbody tr td:last-child{
    border-bottom: 0 !important;
  }
}
/* Referrals: make Reset same size as Apply on mobile */
@media (max-width: 767px){

  /* Target ONLY referrals filter buttons */
  form[action*="/user/referrals"] a.btn.btn--base,
  form[action*="/user/referrals"] button#applyBtn{
    width: auto !important;
    min-width: 160px !important;     /* можно 140/150/160 — подберём */
    height: 48px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Center the Reset <a> even if parent is justify-content-end */
  form[action*="/user/referrals"] a.btn.btn--base{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Optional: spacing between buttons (если нужно) */
  form[action*="/user/referrals"] button#applyBtn{
    margin-top: 10px !important;
  }
}
/* Referrals -> Mobile: each referral as a card (like My Pools) */
@media (max-width: 767px){

  /* ограничиваемся страницей /user/referrals */
  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md thead{
    display: none !important;
  }

  /* каждая строка = карточка реферала */
  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md tbody tr{
    display: block !important;
    margin: 12px 0 !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.22) !important; /* темнее граница */
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  /* строки внутри карточки */
  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md tbody tr td{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
    text-align: right !important;
    color: rgba(15, 23, 42, 0.92) !important;
  }

  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md tbody tr td:last-child{
    border-bottom: 0 !important;
  }

  /* лейблы слева (Referral / Turnover / ...) темнее */
  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md tbody tr td::before{
    content: attr(data-label) !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    color: rgba(15, 23, 42, 0.78) !important;
    padding-right: 10px !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  /* username и email контрастнее */
  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md tbody tr td strong{
    color: rgba(15, 23, 42, 0.95) !important;
  }

  form[action$="/user/referrals"] ~ .card.mt-4 .table--responsive--md tbody tr td small{
    color: rgba(15, 23, 42, 0.55) !important;
  }
}
/* Referrals – mobile fine tuning: narrower cards + stronger borders */
@media (max-width: 767px){

  /* делаем карточки уже */
  form[action$="/user/referrals"] ~ .card.mt-4
  .table--responsive--md tbody tr{
    margin: 12px 10px !important; /* ← было 12px 0 */
    border: 1px solid rgba(15, 23, 42, 0.32) !important; /* темнее */
  }

  /* усилить внутренние разделители */
  form[action$="/user/referrals"] ~ .card.mt-4
  .table--responsive--md tbody tr td{
    border-bottom: 1px solid rgba(15, 23, 42, 0.18) !important;
  }
}
/* Strategy Pools – mobile: compact "My Strategy Pool" button */
@media (max-width: 767px){

  /* только кнопка в header Strategy Pools */
  .strategy-pools-page
  .pool-header
  > a.btn--base{
    padding: 6px 14px !important;   /* ↓ высота и ширина */
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    min-width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
  }
}
/* My Allocations (mobile): center content, P/L as rows, Exit bottom-center */
@media (max-width: 767px){

  /* Страница My Allocations */
  .allocations-page .plan-list .plan-item-two{
    text-align: center !important;
  }

  /* Внутри карточки: делаем вертикальный стек вместо лево/право */
  .allocations-page .plan-list .plan-item-two{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
  }

  /* Левая часть с названием/allocated/status */
  .allocations-page .plan-list .plan-item-two .plan-info.plan-inner-div{
    width: 100% !important;
    text-align: center !important;
  }

  /* Правая часть (где сейчас text-end) — превращаем в нижний блок */
  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end{
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  /* Unrealized/Realized: убираем "столбики" — делаем каждый блок отдельной строкой */
  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end > div,
  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end .d-flex,
  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end .row{
    width: 100% !important;
    justify-content: center !important;
  }

  /* Если Unrealized/Realized сделаны как две колонки внутри flex — ломаем в колонку */
  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end .d-flex{
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Кнопка Exit — вниз по центру */
  .allocations-page .plan-list .plan-item-two .btn,
  .allocations-page .plan-list .plan-item-two a.btn{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* именно Exit (если у нее есть отдельный класс) — можно усилить */
  .allocations-page .plan-list .plan-item-two .btn.btn--danger,
  .allocations-page .plan-list .plan-item-two .btn.btn-outline-danger{
    margin-top: 6px !important;
  }

  /* Status badge по центру */
  .allocations-page .plan-list .badge,
  .allocations-page .plan-list .status,
  .allocations-page .plan-list .badge--success{
    display: inline-flex !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* My Allocations – mobile: force center for title / allocated / status in ALL cards */
@media (max-width: 767px){

  /* Центруем весь верхний блок, если он внутри plan-info */
  .allocations-page .plan-list .plan-item-two .plan-info{
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* На случай, если заголовок не внутри .plan-info (разная разметка в карточках) */
  .allocations-page .plan-list .plan-item-two h1,
  .allocations-page .plan-list .plan-item-two h2,
  .allocations-page .plan-list .plan-item-two h3,
  .allocations-page .plan-list .plan-item-two h4,
  .allocations-page .plan-list .plan-item-two h5,
  .allocations-page .plan-list .plan-item-two .title,
  .allocations-page .plan-list .plan-item-two .plan-title,
  .allocations-page .plan-list .plan-item-two .name{
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Allocated строка/подписи */
  .allocations-page .plan-list .plan-item-two p,
  .allocations-page .plan-list .plan-item-two .text-muted,
  .allocations-page .plan-list .plan-item-two small{
    text-align: center !important;
  }

  /* Бейдж Active строго по центру */
  .allocations-page .plan-list .plan-item-two .badge,
  .allocations-page .plan-list .plan-item-two .badge--success,
  .allocations-page .plan-list .plan-item-two .status{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* My Allocations – mobile: tighten vertical spacing inside cards */
@media (max-width: 767px){

  /* уменьшаем общий gap между блоками внутри карточки */
  .allocations-page .plan-list .plan-item-two{
    gap: 6px !important;          /* было больше */
    padding-top: 14px !important; /* если есть внутренние отступы */
    padding-bottom: 14px !important;
  }

  /* заголовок стратегии ближе к остальному контенту */
  .allocations-page .plan-list .plan-item-two h1,
  .allocations-page .plan-list .plan-item-two h2,
  .allocations-page .plan-list .plan-item-two h3,
  .allocations-page .plan-list .plan-item-two h4,
  .allocations-page .plan-list .plan-item-two h5{
    margin-bottom: 6px !important;
  }

  /* строки/подписи (Allocated, Unrealized P/L, Realized P/L) — меньше расстояния */
  .allocations-page .plan-list .plan-item-two p,
  .allocations-page .plan-list .plan-item-two small{
    margin: 2px 0 !important;
    line-height: 1.1 !important;
  }

  /* блок с P/L (где мы делали колонкой) — уменьшить gap */
  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end{
    gap: 6px !important;
  }

  .allocations-page .plan-list .plan-item-two .plan-inner-div.text-end .d-flex{
    gap: 6px !important;
  }

  /* кнопка Exit ближе к P/L */
  .allocations-page .plan-list .plan-item-two .btn,
  .allocations-page .plan-list .plan-item-two a.btn{
    margin-top: 6px !important;
  }
}
/* Support Tickets – mobile: each ticket as a card (dark borders + dark labels) */
@media (max-width: 767px){

  /* прячем header на мобиле */
  table.support-tickets-table thead{
    display: none !important;
  }

  /* каждая строка (ticket) как отдельная карточка */
  table.support-tickets-table tbody tr{
    display: block !important;
    margin: 12px 10px !important; /* карточки чуть уже по ширине */
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.34) !important; /* темнее граница */
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  /* ячейки внутри карточки */
  table.support-tickets-table tbody tr td{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.18) !important;
    text-align: right !important;
    color: rgba(15, 23, 42, 0.92) !important;
  }

  table.support-tickets-table tbody tr td:last-child{
    border-bottom: 0 !important;
  }

  /* лейблы слева (Subject / Status / Priority / Last Reply / Action) */
  table.support-tickets-table tbody tr td::before{
    content: attr(data-label) !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    color: rgba(15, 23, 42, 0.78) !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  /* если в Subject есть ссылка/жирный текст — делаем контрастнее */
  table.support-tickets-table tbody tr td a,
  table.support-tickets-table tbody tr td strong{
    color: rgba(15, 23, 42, 0.95) !important;
  }

  /* кнопку Details по центру (если она в Action) */
  table.support-tickets-table tbody tr td[data-label="Action"],
  table.support-tickets-table tbody tr td[data-label="Action"] .btn{
    justify-content: center !important;
  }

  /* на всякий: если Action td с классом text-end */
  table.support-tickets-table tbody tr td.text-end{
    text-align: center !important;
    justify-content: center !important;
  }
}
/* Support Tickets – mobile: Action label left, Details button right */
@media (max-width: 767px){

  table.support-tickets-table tbody tr td[data-label="Action"]{
    justify-content: space-between !important;
    text-align: left !important;
  }

  table.support-tickets-table tbody tr td[data-label="Action"]::before{
    margin-right: auto !important;
  }

  table.support-tickets-table tbody tr td[data-label="Action"] .btn{
    margin-left: auto !important;
  }

  /* на случай если data-label локализован */
  table.support-tickets-table tbody tr td.text-end{
    justify-content: space-between !important;
    text-align: left !important;
  }
}
/* =========================================================
   USER DROPDOWN (AVATAR MENU) — FORCE DARK, READABLE TEXT
   ========================================================= */

/* Base: kill any opacity / filters applied by parent */
.dropdown-wrapper,
.dropdown-wrapper * {
    opacity: 1 !important;
    filter: none !important;
}

/* Header block */
.dropdown-wrapper .dropdown-header {
    background: #ffffff !important;
}

/* User name */
.dropdown-wrapper .dropdown-header h6,
.dropdown-wrapper .dropdown-header .name,
.dropdown-wrapper .dropdown-header .text-base {
    color: rgba(15, 23, 42, 0.95) !important;
    font-weight: 600;
}

/* Username / email / id (fs--14px, text-muted) */
.dropdown-wrapper .dropdown-header p,
.dropdown-wrapper .dropdown-header .fs--14px,
.dropdown-wrapper .dropdown-header .text-muted {
    color: rgba(15, 23, 42, 0.85) !important;
    opacity: 1 !important;
}

/* Links list */
.dropdown-wrapper ul.links li a {
    color: rgba(15, 23, 42, 0.9) !important;
    font-weight: 500;
    opacity: 1 !important;
}

/* Icons inside links */
.dropdown-wrapper ul.links li a i,
.dropdown-wrapper ul.links li a svg {
    color: rgba(15, 23, 42, 0.9) !important;
}

/* Hover state */
.dropdown-wrapper ul.links li a:hover {
    color: #2563eb !important; /* Eterna blue */
}

/* Divider lines */
.dropdown-wrapper ul.links li {
    border-color: rgba(15, 23, 42, 0.15) !important;
}

/* Remove translucent overlay if exists */
.dropdown-wrapper::before {
    opacity: 1 !important;
    filter: none !important;
    background: none !important;
}