/* Выбор ссылки сразу пересчитывает страницу без скриптов и дополнительной кнопки. */
.currency-picker { position:relative; font-size:13px; }
.currency-picker summary { display:flex; align-items:center; gap:8px; min-height:38px; padding:7px 10px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); cursor:pointer; list-style:none; }
.currency-picker summary::-webkit-details-marker { display:none; }
.currency-picker summary .icon { width:14px; height:14px; }
.currency-picker nav { position:absolute; right:0; top:calc(100% + 7px); z-index:21; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; width:228px; padding:8px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.currency-picker nav a { display:block; text-align:center; padding:10px 8px; border-radius:4px; }
.currency-picker nav a:hover, .currency-picker nav a[aria-current] { background:var(--accent-soft); color:var(--accent); }
.currency-picker[open] { z-index:22; }
.market-controls { flex-wrap:wrap; gap:8px; }
.market-search { flex:1 1 160px; min-width:130px; }
.market-search input { width:100%; padding:8px; font:inherit; border:1px solid var(--border,#ddd); border-radius:4px; background:transparent; color:inherit; }
.market-pagination { display:flex; align-items:center; justify-content:center; gap:22px; padding:15px; }
.market-grid > .chart-panel { align-self:start; }
.market-grid .chart-wrap { flex:none; }
.price-svg { height:auto; }
.trending-list { padding:0 0 0 24px; columns:2; column-gap:40px; }
.trending-list li { break-inside:avoid; padding:9px 3px; border-bottom:1px solid var(--border,#ddd); }

.trending-list li a { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:12px; align-items:center; }
.trending-list li img { grid-row:1 / 3; width:28px; height:28px; object-fit:contain; }
.trending-list li .trend-name { grid-column:2; font-size:14px; }
.trending-list li .numeric { grid-column:2; font-size:13px; margin-top:3px; }
.coin-button img, .chart-identity img, .coin-tile-heading img { object-fit:contain; flex-shrink:0; }
.coin-button img { width:22px; height:22px; }
.coin-tile-heading img { width:36px; height:36px; }
.data-status-compact { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px; }
.data-provider { font-weight:600; }
.data-details { flex:1; min-width:180px; }
.data-details summary { cursor:pointer; }
.data-details[open] summary { margin-bottom:10px; }
.data-details p { margin:8px 0; }

.trending-list small { color:var(--muted,#666); }
.fx-form { display:flex; flex-wrap:wrap; align-items:end; gap:14px; margin:18px 0; }
.fx-form label { display:grid; gap:6px; min-width:85px; }
.fx-form input,.fx-form select,.calc-currency select { font:inherit; color:inherit; background:transparent; padding:10px; border:1px solid var(--border,#ddd); border-radius:4px; max-width:220px; }
.fx-result { font-size:22px; overflow-wrap:anywhere; }
.fx-converter p { margin-top:12px; }
.exchange-score { margin-top:12px; font-size:12px; }
.exchange-score p { margin:5px 0; }
.calc-currency { display:flex; gap:10px; align-items:center; margin:14px 0; }
.table-scroll:focus-visible { outline:2px solid #e36b1a; outline-offset:3px; }
@media(max-width:700px) {
 .topbar { flex-wrap:wrap; }
 .topbar-actions { gap:4px; margin-left:auto; }
 .currency-picker select { font-size:12px; }
 .trending-list { columns:1; }
 .fx-form { gap:10px; }
 .fx-form label:first-child { flex-basis:100%; }
 .market-table { min-width:480px; }
 .market-table .cap-column { display:table-cell; }
 .market-grid > * { min-width:0; }
}