/*
 * asset-page.css — страница бумаги (asset.php): фонды, акции США, металлы,
 * валюты, криптовалюта. Создан 28.10.2026.
 * Карточка цены, график, бары — общие стили ticker-chart.css (как у страницы
 * акции). Здесь только то, чего на странице акции нет. Пометка рынка рядом с
 * кодом («США») — общий класс .lotos-mkt в dashboard-common.css.
 */

.asset-crumbs {
    font-size: 0.8125rem;
    color: var(--tblr-secondary);
    margin: 0.25rem 0 0.75rem;
}
.asset-crumbs a { color: inherit; text-decoration: none; }
.asset-crumbs a:hover { color: var(--tblr-primary); text-decoration: none !important; }

.asset-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.asset-head-main { display: flex; align-items: center; gap: 0.875rem; min-width: 0; }
/* Логотип — как на странице акции (ticker-logo.js): круг 48 px с рамкой 2 px */
.asset-logo { border: 2px solid var(--tblr-border-color); box-sizing: content-box; }
.asset-head .page-title { font-size: 1.5rem; line-height: 1.2; }
.asset-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--tblr-secondary);
}
.asset-code { font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.02em; }
.asset-alert { margin-bottom: 1rem; }

/* Цена в рублях под ценой в валюте */
.asset-rub {
    font-size: 0.8125rem;
    color: var(--tblr-secondary);
    margin-top: 0.25rem;
    font-variant-numeric: tabular-nums;
}

/* Диапазон за 52 недели: где сейчас цена между минимумом и максимумом года */
.asset-range { margin-top: 0.75rem; max-width: 22rem; }
.asset-range-label { font-size: 0.75rem; color: var(--tblr-secondary); margin-bottom: 0.375rem; }
.asset-range-track {
    position: relative;
    height: 6px;
    border-radius: 3px;
    background: var(--tblr-border-color);
}
.asset-range-dot {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border-radius: 50%;
    background: #206bc4;
    border: 2px solid var(--tblr-bg-surface);
    transform: translateY(-50%);
}
.asset-range-ends {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--tblr-secondary);
    margin-top: 0.25rem;
    font-variant-numeric: tabular-nums;
}

/* Правая колонка: паспорт и «Кратко» одна под другой */
.asset-side { display: flex; flex-direction: column; gap: 1rem; width: 100%; }
.asset-side .card-title { font-size: 1rem; margin-bottom: 0.75rem; }
.asset-passport {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem 1rem;
    margin: 0;
    font-size: 0.875rem;
}
.asset-passport dt { font-weight: 400; color: var(--tblr-secondary); }
.asset-passport dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; word-break: break-word; }
.asset-summary { font-size: 0.875rem; line-height: 1.6; color: var(--tblr-body-color); }
/* Подпись источника цен (крипта: CoinGecko) — правый нижний угол карточки графика */
.asset-source { margin-top: 0.75rem; font-size: 0.75rem; color: var(--tblr-secondary); text-align: right; }
.asset-source a { color: inherit; }
.asset-source a:hover { color: var(--tblr-primary); text-decoration: none !important; }

/* График всей истории у бумаги, которая не торгуется (28.10.2026, asset.php,
   lotos_asset_static_chart). Рисует сервер, без подсказок и кнопок. */
.asset-hist-cap { font-size: 0.75rem; color: var(--tblr-secondary); margin-bottom: 0.5rem; }
.asset-hist-plot { position: relative; aspect-ratio: 2.3; }
.asset-hist-plot svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.asset-hist-max,
.asset-hist-min {
    position: absolute;
    right: 0;
    font-size: 0.75rem;
    color: var(--tblr-secondary);
    font-variant-numeric: tabular-nums;
    background: var(--tblr-bg-surface);
    padding: 0 0.25rem;
    border-radius: 3px;
}
.asset-hist-max { top: 0; }
.asset-hist-min { bottom: 0; }
.asset-hist-x {
    position: relative;
    height: 1.25rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--tblr-secondary);
    border-top: 1px solid var(--tblr-border-color);
}
.asset-hist-x span { position: absolute; top: 0.25rem; transform: translateX(-50%); }
.asset-hist-plot { cursor: crosshair; touch-action: pan-y; }

/* Подсказка при наведении — вид как у обычного графика (ticker_chart.js) */
.asset-hist-guide {
    position: absolute; bottom: 0; width: 0;
    border-left: 1px dashed #d0d0d0; pointer-events: none; display: none;
}
.asset-hist-dot {
    position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px;
    border-radius: 50%; background: #206bc4; border: 2px solid #fff;
    box-sizing: border-box; pointer-events: none; display: none;
}
.asset-hist-tip {
    position: absolute; width: 190px; padding: 10px 12px;
    background: rgba(255, 255, 255, 0.98); border: 1px solid #e0e0e0; border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    color: #333; pointer-events: none; display: none; z-index: 2;
    font-variant-numeric: tabular-nums;
}
.asset-hist-tip-d { font-size: 0.75rem; font-weight: 600; padding-bottom: 6px; border-bottom: 1px solid #f0f0f0; }
.asset-hist-tip-v { font-size: 1.25rem; font-weight: 700; margin-top: 6px; }
.asset-hist-tip-c { font-size: 0.8125rem; font-weight: 600; margin-top: 2px; }
.asset-hist-tip-n { font-size: 0.625rem; font-weight: 500; color: #666; }
[data-bs-theme="dark"] .asset-hist-guide { border-left-color: #4a5568; }
[data-bs-theme="dark"] .asset-hist-tip { background: rgba(45, 55, 72, 0.98); border-color: #4a5568; color: #e2e8f0; }
[data-bs-theme="dark"] .asset-hist-tip-d { border-bottom-color: #4a5568; }
[data-bs-theme="dark"] .asset-hist-tip-n { color: #a0aec0; }

@media (max-width: 767.98px) {
    .asset-head .page-title { font-size: 1.25rem; }
    .asset-head-actions { width: 100%; }
    .asset-head-actions .btn { flex: 1; }
    .asset-range { max-width: none; }
}