/* Refresh 2025 – visual-only overrides. No DOM/logic/color changes. */

/* Rendering polish */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Header / Nav */
.header {
	backdrop-filter: blur(24px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
	border-bottom-color: rgba(255, 255, 255, 0.10);
}

.nav a {
	transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.nav a:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	transform: translateY(-1px);
}

.hamburger:hover { background: rgba(255, 255, 255, 0.10); }
.hamburger span { background: #dddddd; }

/* Dropdowns */
.dropdown-content {
	backdrop-filter: blur(24px);
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.45);
}

.dropdown-content a { border: 1px solid transparent; }
.dropdown-content a:hover { border-color: rgba(255, 255, 255, 0.08); }

/* Mobile drawer */
.mobile-menu {
	box-shadow: -12px 0 40px rgba(0, 0, 0, 0.45);
	border-left-color: rgba(255, 255, 255, 0.10);
}

.mobile-menu .nav a {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.mobile-menu .nav a:hover { background: rgba(255, 255, 255, 0.12); }

.backdrop { backdrop-filter: blur(2px); }

/* Blocks */
.block {
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.block::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: 24px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.block-header {
	background: rgba(26, 26, 26, 0.96);
	border-bottom-color: rgba(255, 255, 255, 0.10);
}

.block-btn {
	transition: transform 0.15s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.block-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
.block-btn.add { color: #10b981; background: rgba(16, 185, 129, 0.12); }
.block-btn.remove { color: #ef4444; background: rgba(239, 68, 68, 0.12); }

/* Data list */
.data-item {
	background: rgba(255, 255, 255, 0.02);
	transition: border-color 0.2s ease, background 0.2s ease, transform 0.12s ease;
}
.data-item:hover { background: rgba(255, 255, 255, 0.03); }

.data-item .symbol { letter-spacing: 0.2px; }
.data-item .change { font-variant-numeric: tabular-nums; }

.favorite-star { transition: color 0.2s ease, transform 0.15s ease; }
.favorite-star:focus { outline: 2px solid rgba(102, 126, 234, 0.60); outline-offset: 2px; }

/* Update status + spinner */
.exchange-name .update-status {
	margin-left: 6px;
	opacity: 0.8;
	font-size: 11px;
	color: #b0b0b0;
	vertical-align: middle;
}
.exchange-name .spinner-small {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 6px;
	border-radius: 50%;
	border: 2px solid rgba(102, 126, 234, 0.25);
	border-top-color: #667eea;
	animation: spin 0.8s linear infinite;
	vertical-align: -2px;
}

@keyframes spin { to { transform: rotate(360deg); } }

/* TF label + menu */
.tf-label {
	cursor: pointer;
	border-radius: 8px;
	padding: 2px 8px;
	background: rgba(255, 255, 255, 0.08);
	transition: background 0.2s ease, box-shadow 0.2s ease;
}
.tf-label:hover { background: rgba(255, 255, 255, 0.14); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); }

.tf-menu {
	border-radius: 12px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.50);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.tf-menu button { padding: 10px 12px; }
.tf-menu button:hover { background: rgba(255, 255, 255, 0.08); }

/* Tabs */
.screener-tabs .tab-btn { box-shadow: none; }
.screener-tabs .tab-btn.active {
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(102, 126, 234, 0.25);
}

.data-tabs .tab-btn { background: rgba(102, 126, 234, 0.08); }
.data-tabs .tab-btn.active {
	background: #667eea;
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(102, 126, 234, 0.25);
}

/* Switch (F/S) */
.ios-switch .slider { background: rgba(255, 255, 255, 0.22); }
.ios-switch input:checked + .slider { background: #10b981; box-shadow: inset 0 0 0 4px rgba(16, 185, 129, 0.12); }

/* Modal */
.modal-content {
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.65);
	border-color: rgba(255, 255, 255, 0.10);
}
.close { color: #c7c7c7; }
.close:hover { color: #ffffff; transform: scale(1.08); }

/* Focus visibility */
a:focus-visible, button:focus-visible {
	outline: 2px solid rgba(102, 126, 234, 0.60);
	outline-offset: 2px;
}

/* Empty state: pill button only (no big plus) */
.add-section { position: relative; }

.block::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 24px;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(102, 126, 234, 0.20);
	background:
		radial-gradient(120% 120% at 85% 10%, rgba(102, 126, 234, 0.10), transparent 55%),
		radial-gradient(120% 120% at 10% 90%, rgba(118, 75, 162, 0.08), transparent 55%);
}

.add-section .add-btn {
	border-radius: 999px;
	padding: 12px 22px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: #d0d0d0;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.12s ease, box-shadow 0.2s ease;
}
.add-section .add-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(102, 126, 234, 0.35);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

/* Exchange selection modal – glassy cards */
#exchangeModal .exchange-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
#exchangeModal .exchange-item {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(102, 126, 234, 0.18);
	border-radius: 16px;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	box-shadow: 0 10px 26px rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.04);
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.12s ease, box-shadow 0.2s ease;
}
#exchangeModal .exchange-item:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(102, 126, 234, 0.35);
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(0,0,0,0.40);
}
#exchangeModal .exchange-item:active,
#exchangeModal .exchange-item:focus-visible {
	border-color: rgba(102, 126, 234, 0.65);
	box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.25), 0 16px 34px rgba(0,0,0,0.42), inset 0 0 0 1px rgba(255,255,255,0.06);
}
#exchangeModal .exchange-item h3 {
	font-size: 22px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #e7e7e7;
}

/* Logo placeholders (no HTML change): set via nth-child order */
#exchangeModal .exchange-item::before {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: drop-shadow(0 6px 14px rgba(0,0,0,0.35));
}
#exchangeModal .exchange-item:nth-child(1)::before { /* Bybit */
	background-image: url('../img/exchanges/bybit.svg');
}
#exchangeModal .exchange-item:nth-child(2)::before { /* Gate.io */
	background-image: url('../img/exchanges/gateio.svg');
}
#exchangeModal .exchange-item:nth-child(3)::before { /* Bitget PNG data URI */
	background-image: url('data:image/png;base64,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');
}

/* Modal header align + close button style inside this modal */
#exchangeModal .modal-content h2 { text-align: center; }
#exchangeModal .modal-content .close {
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.10);
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Exchange logos (no HTML changes) */
#exchangeModal .exchange-item::before {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: drop-shadow(0 6px 14px rgba(0,0,0,0.35));
}
#exchangeModal .exchange-item:nth-child(1)::before { /* Bybit official (SVG data URI) */
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODciIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA4NyAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYyLjAwODMgMjUuMzU3MlYzSDY2LjUwMjJWMjUuMzU3Mkg2Mi4wMDgzWiIgZmlsbD0iI0Y3QTYwMCIvPgo8cGF0aCBkPSJNOS42MzQwNyAzMS45OTgzSDBWOS42NDExMUg5LjI0NjY2QzEzLjc0MDYgOS42NDExMSAxNi4zNTkxIDEyLjA5MDMgMTYuMzU5MSAxNS45MjE0QzE2LjM1OTEgMTguNDAxMyAxNC42Nzc0IDIwLjAwMzkgMTMuNTEzNCAyMC41Mzc1QzE0LjkwMjggMjEuMTY1MiAxNi42ODEzIDIyLjU3NzkgMTYuNjgxMyAyNS41NjI0QzE2LjY4MTMgMjkuNzM3MyAxMy43NDA2IDMxLjk5ODMgOS42MzQwNyAzMS45OTgzWk04Ljg5MDk2IDEzLjUzNTVINC40OTM5VjE4LjY4NTJIOC44OTA5NkMxMC43OTgxIDE4LjY4NTIgMTEuODY1MiAxNy42NDg4IDExLjg2NTIgMTYuMTA5NUMxMS44NjUyIDE0LjU3MTkgMTAuNzk4MSAxMy41MzU1IDguODkwOTYgMTMuNTM1NVpNOS4xODE1MSAyMi42MTA0SDQuNDkzOVYyOC4xMDU2SDkuMTgxNTFDMTEuMjE4OSAyOC4xMDU2IDEyLjE4NzQgMjYuODUwMyAxMi4xODc0IDI1LjM0MThDMTIuMTg3NCAyMy44MzUgMTEuMjE3MSAyMi42MTA0IDkuMTgxNTEgMjIuNjEwNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMC4zODgyIDIyLjgyOTNWMzEuOTk4M0gyNS45MjZWMjIuODI5M0wxOS4wMDczIDkuNjQxMTFIMjMuODg4NkwyOC4xODg4IDE4LjY1MjdMMzIuNDIzOSA5LjY0MTExSDM3LjMwNTJMMzAuMzg4MiAyMi44MjkzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUwLjA0NTcgMzEuOTk4M0g0MC40MTE2VjkuNjQxMTFINDkuNjU4M0M1NC4xNTIyIDkuNjQxMTEgNTYuNzcwNyAxMi4wOTAzIDU2Ljc3MDcgMTUuOTIxNEM1Ni43NzA3IDE4LjQwMTMgNTUuMDg5IDIwLjAwMzkgNTMuOTI1IDIwLjUzNzVDNTUuMzE0NCAyMS4xNjUyIDU3LjA5MyAyMi41Nzc5IDU3LjA5MyAyNS41NjI0QzU3LjA5MyAyOS43MzczIDU0LjE1MjIgMzEuOTk4MyA1MC4wNDU3IDMxLjk5ODNaTTQ5LjMwMjYgMTMuNTM1NUg0NC45MDU1VjE4LjY4NTJINDkuMzAyNkM1MS4yMDk3IDE4LjY4NTIgNTIuMjc2OCAxNy42NDg4IDUyLjI3NjggMTYuMTA5NUM1Mi4yNzY4IDE0LjU3MTkgNTEuMjA5NyAxMy41MzU1IDQ5LjMwMjYgMTMuNTM1NVpNNDkuNTkzMSAyMi42MTA0SDQ0LjkwNTVWMjguMTA1Nkg0OS41OTMxQzUxLjYzMDUgMjguMTA1NiA1Mi41OTkgMjYuODUwMyA1Mi41OTkgMjUuMzQxOEM1Mi41OTkgMjMuODM1IDUxLjYzMDUgMjIuNjEwNCA0OS41OTMxIDIyLjYxMDRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNODAuOTg2IDEzLjUzNTVWMzJINzYuNDkyMVYxMy41MzU1SDcwLjQ3ODVWOS42NDExMUg4Ni45OTk2VjEzLjUzNTVIODAuOTg2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}
#exchangeModal .exchange-item:nth-child(2)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='22' y='22' width='56' height='56' rx='10' ry='10' fill='none' stroke='white' stroke-width='6' transform='rotate(45 50 50)' /><path d='M38 50 L50 38 L50 46 L62 46 L62 54 L50 54 L50 62 Z' fill='white' /></svg>");
}
#exchangeModal .exchange-item:nth-child(3)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 20c-16.569 0-30 13.431-30 30s13.431 30 30 30 30-13.431 30-30-13.431-30-30-30zm0 45c-8.284 0-15-6.716-15-15s6.716-15 15-15 15 6.716 15 15-6.716 15-15 15zm0-25c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10z'/></svg>");
}


/* BYBIT as text logo (BYB|T) instead of image */
#exchangeModal .exchange-item:nth-child(1)::before {
	background-image: none !important;
	width: 0; height: 0;
}
#exchangeModal .exchange-item:nth-child(1) h3 {
	position: relative;
	font-size: 0; line-height: 1;
}
#exchangeModal .exchange-item:nth-child(1) h3::after{
	content: 'BYBIT';
	font-size: 22px; font-weight: 800; letter-spacing: .06em;
	color: #ffffff;
	text-shadow: 0 0 8px rgba(56,189,248,.35);
}

/* Inner gradient bloom (top-left) for cards */
#exchangeModal .exchange-item::after{
	content: '';
	position: absolute; inset: 0; border-radius: 16px; pointer-events: none;
	background: radial-gradient(60% 60% at 18% 16%, rgba(56,189,248,.13), transparent 60%);
}