/* Coin hub — professional crypto price terminal (/coins/{slug}/) */

.nz-coin {
	--nz-bg: #00000A;
	--nz-card: rgba(15, 23, 42, 0.72);
	--nz-card-border: rgba(51, 65, 85, 0.6);
	--nz-text: #e2e8f0;
	--nz-muted: #94a3b8;
	--nz-faint: #64748b;
	--nz-up: #16c784;
	--nz-down: #ea3943;
	--nz-accent: #6366f1;
	background: var(--nz-bg);
	color: var(--nz-text);
	padding-top: 1rem;
	padding-bottom: 4rem;
	min-height: 60vh;
}

.nz-coin-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 1rem;
}

.nz-coin-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.82rem;
	color: var(--nz-faint);
	margin: 0.75rem 0 1.25rem;
}
.nz-coin-breadcrumb a { color: var(--nz-muted); text-decoration: none; transition: color .15s; }
.nz-coin-breadcrumb a:hover { color: #fb7185; }
.nz-coin-breadcrumb strong { color: var(--nz-text); font-weight: 600; }

/* ===== Header ===== */
.nz-coin-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--nz-card-border);
	border-radius: 1.25rem;
	background: linear-gradient(135deg, rgba(30, 41, 59, 0.55), rgba(2, 6, 23, 0.55));
	backdrop-filter: blur(8px);
}
.nz-coin-id { display: flex; align-items: center; gap: 1rem; }
.nz-coin-logo { width: 56px; height: 56px; flex: 0 0 56px; }
.nz-coin-logo img { width: 56px; height: 56px; border-radius: 50%; display: block; }
.nz-coin-name-row { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.nz-coin-name { font-size: 1.5rem; font-weight: 800; margin: 0; color: #f8fafc; line-height: 1.2; }
.nz-coin-symbol {
	font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em;
	color: var(--nz-muted); background: rgba(100, 116, 139, 0.18);
	padding: 0.15rem 0.5rem; border-radius: 0.4rem; text-transform: uppercase;
}
.nz-coin-rank {
	font-size: 0.72rem; font-weight: 700; color: #fbbf24;
	background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.3);
	padding: 0.12rem 0.5rem; border-radius: 0.4rem;
}
.nz-coin-live { display: flex; align-items: center; gap: 0.45rem; margin-top: 0.4rem; font-size: 0.78rem; color: var(--nz-faint); }
.nz-coin-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nz-up); box-shadow: 0 0 0 0 rgba(22, 199, 132, 0.6); animation: nz-pulse 2s infinite; }
.nz-coin-live-label { color: var(--nz-up); font-weight: 600; }
@keyframes nz-pulse { 0% { box-shadow: 0 0 0 0 rgba(22,199,132,.55);} 70%{ box-shadow:0 0 0 7px rgba(22,199,132,0);} 100%{box-shadow:0 0 0 0 rgba(22,199,132,0);} }

.nz-coin-price-block { text-align: left; min-width: 200px; }
.nz-coin-price-main { display: flex; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; }
.nz-coin-price-usd { font-size: 2.1rem; font-weight: 800; color: #f8fafc; letter-spacing: -0.01em; }
.nz-coin-change {
	font-size: 0.95rem; font-weight: 700; padding: 0.2rem 0.55rem; border-radius: 0.5rem;
}
.nz-coin-change[data-dir="up"] { color: var(--nz-up); background: rgba(22, 199, 132, 0.12); }
.nz-coin-change[data-dir="down"] { color: var(--nz-down); background: rgba(234, 57, 67, 0.12); }
.nz-coin-change[data-dir="flat"] { color: var(--nz-muted); background: rgba(100, 116, 139, 0.12); }
.nz-coin-price-toman { margin-top: 0.35rem; font-size: 1rem; color: var(--nz-muted); font-weight: 600; }
.nz-coin-toman-unit { font-size: 0.8rem; color: var(--nz-faint); margin-inline-start: 0.25rem; }

/* ===== Grid ===== */
.nz-coin-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	margin-top: 1.25rem;
}
@media (min-width: 900px) {
	.nz-coin-grid { grid-template-columns: 2fr 1fr; }
}

.nz-coin-card {
	border: 1px solid var(--nz-card-border);
	border-radius: 1.25rem;
	background: var(--nz-card);
	padding: 1.25rem 1.5rem;
	margin-top: 1.25rem;
}
.nz-coin-grid .nz-coin-card { margin-top: 0; }
.nz-coin-card > h2 { font-size: 1.05rem; font-weight: 700; color: #f1f5f9; margin: 0 0 1rem; }

.nz-coin-card-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1rem; }
.nz-coin-card-head h2 { margin: 0; font-size: 1.05rem; font-weight: 700; color: #f1f5f9; }

.nz-coin-ranges { display: flex; gap: 0.25rem; background: rgba(2,6,23,.5); padding: 0.25rem; border-radius: 0.7rem; flex-wrap: wrap; }
.nz-coin-range {
	border: 0; background: transparent; color: var(--nz-muted); cursor: pointer;
	font-size: 0.78rem; font-weight: 600; padding: 0.35rem 0.7rem; border-radius: 0.5rem; transition: all .15s;
}
.nz-coin-range:hover { color: var(--nz-text); }
.nz-coin-range.is-active { background: var(--nz-accent); color: #fff; }

/* Chart */
.nz-coin-chart-loading[hidden],
.nz-coin-chart-svg[hidden],
.nz-coin-chart-tip[hidden],
.nz-coin-rank[hidden] { display: none !important; }
.nz-coin-chart { position: relative; width: 100%; height: 320px; }
.nz-coin-chart-svg { width: 100%; height: 100%; display: block; overflow: visible; }
.nz-coin-chart-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--nz-faint); font-size: 0.85rem; }
.nz-coin-chart-tip {
	position: absolute; pointer-events: none; transform: translate(-50%, -120%);
	background: #0f172a; border: 1px solid var(--nz-card-border); border-radius: 0.5rem;
	padding: 0.4rem 0.6rem; font-size: 0.75rem; white-space: nowrap; z-index: 5; color: var(--nz-text);
	box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.nz-coin-chart-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 0.75rem; font-size: 0.78rem; color: var(--nz-faint); }
.nz-coin-chart-foot-sep { flex: 1; height: 1px; background: var(--nz-card-border); margin: 0 0.75rem; }

/* Stats */
.nz-coin-stats { margin: 0; display: flex; flex-direction: column; gap: 0; }
.nz-coin-stat { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.7rem 0; border-bottom: 1px solid rgba(51,65,85,.35); }
.nz-coin-stat:last-child { border-bottom: 0; }
.nz-coin-stat dt { color: var(--nz-muted); font-size: 0.85rem; margin: 0; }
.nz-coin-stat dd { color: #f1f5f9; font-weight: 700; font-size: 0.92rem; margin: 0; }

/* Performance */
.nz-coin-perf { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; }
@media (min-width: 620px) { .nz-coin-perf { grid-template-columns: repeat(5, 1fr); } }
.nz-coin-perf-item { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; padding: 0.75rem 0.5rem; background: rgba(2,6,23,.4); border: 1px solid rgba(51,65,85,.35); border-radius: 0.75rem; }
.nz-coin-perf-item span { font-size: 0.72rem; color: var(--nz-faint); }
.nz-coin-perf-item b { font-size: 0.95rem; font-weight: 700; }
[data-dir="up"] { color: var(--nz-up); }
[data-dir="down"] { color: var(--nz-down); }
b[data-dir="flat"] { color: var(--nz-muted); }

.nz-coin-athl { display: grid; grid-template-columns: 1fr; gap: 0.75rem; margin-top: 1rem; }
@media (min-width: 620px) { .nz-coin-athl { grid-template-columns: 1fr 1fr; } }
.nz-coin-athl-item { padding: 0.9rem 1rem; background: rgba(2,6,23,.4); border: 1px solid rgba(51,65,85,.35); border-radius: 0.85rem; }
.nz-coin-athl-label { display: block; font-size: 0.75rem; color: var(--nz-faint); margin-bottom: 0.35rem; }
.nz-coin-athl-item b { font-size: 1.05rem; font-weight: 800; color: #f1f5f9; }
.nz-coin-athl-item small { display: block; margin-top: 0.25rem; font-size: 0.72rem; color: var(--nz-muted); }

/* About */
.nz-coin-about-card .nz-coin-about { color: var(--nz-text); line-height: 1.9; }
.nz-coin-about :is(h2,h3) { color: #f1f5f9; }
.nz-coin-about a { color: #fb7185; }

.nz-coin-source { margin-top: 1.25rem; font-size: 0.75rem; color: var(--nz-faint); text-align: center; }

/* Skeletons */
.nz-skel { display: inline-block; background: linear-gradient(90deg, rgba(51,65,85,.35) 25%, rgba(71,85,105,.5) 37%, rgba(51,65,85,.35) 63%); background-size: 400% 100%; animation: nz-shimmer 1.4s ease infinite; border-radius: 0.4rem; }
.nz-skel-circle { width: 56px; height: 56px; border-radius: 50%; }
.nz-skel-line { width: 160px; height: 2.1rem; }
@keyframes nz-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }