.ticker-conversion{display:flex;align-items:center;gap:7px;color:var(--ui-text,#dce5ef);border-left:1px solid var(--line);padding-left:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ticker-conversion select{font:inherit;color:var(--ui-text,#edf3fa);background:var(--ui-bg,#101821);border:1px solid var(--ui-border,#52667c);border-radius:5px;padding:5px 3px 5px 7px;min-height:32px;cursor:pointer;color-scheme:dark}
.ticker-conversion select:hover{border-color:var(--ui-accent,#8cb7f0)}
.ticker-conversion select:focus-visible{outline:2px solid var(--ui-focus,#b7d3ff);outline-offset:3px}
.ticker-conversion option{background:var(--ui-bg,#101821);color:var(--ui-text,#edf3fa)}
.currency-message:not(.is-error){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.currency-message.is-error{font-size:11px;line-height:1.6;color:#eeb8a2;padding-block:8px}
/* Keep the live quote, currency and refresh in one compact mobile row. */
@media(max-width:760px){
 .ticker-inner{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto 44px;align-items:center;gap:5px;height:52px;min-height:52px;padding-block:4px;flex-wrap:nowrap}
 .ticker-name{gap:0;min-width:0}.ticker-name img{width:18px;height:18px}.ticker-name b,.ticker-name>span{display:none}
 .ticker strong{white-space:nowrap;font-size:12px}
 .ticker-conversion{min-width:0;padding-left:0;border:0;gap:4px;font-size:10px}
 .ticker-conversion select{flex:none;min-height:44px;font-size:11px;padding:5px 2px 5px 5px}
 .ticker-conversion [data-price-selected]{white-space:nowrap;font-variant-numeric:tabular-nums}
 .ticker .change{white-space:nowrap;font-size:10px}
 .ticker-status{position:relative;justify-self:end;margin-left:0;width:44px;height:44px;gap:0}
 .ticker-status>span{display:none}.ticker-status .dot{position:absolute;left:2px;top:19px;width:5px;height:5px;pointer-events:none}
 .ticker-status button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0 0 0 5px;font-size:19px}
}
/* On narrow phones the selected quote replaces the duplicate USD reference. */
@media(max-width:390px){
 .ticker-inner{grid-template-columns:18px minmax(0,1fr) auto 44px;gap:4px}
 .ticker [data-price-usd]{display:none}
}

/* Custom currency popup keeps every option in the page palette, including on
   platforms whose native select popup ignores option backgrounds. */
.ticker-conversion select[hidden]{display:none!important}
.ticker-conversion .currency-picker-trigger{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;
 min-height:34px;min-width:57px;padding:5px 7px;border:1px solid var(--ui-border,#52667c);
 border-radius:7px;background:var(--ui-bg,#101821);color:var(--ui-text,#edf3fa);
 font:inherit;line-height:1.3;cursor:pointer;white-space:nowrap;
}
.ticker-conversion .currency-picker-trigger:hover{border-color:var(--ui-accent,#8cb7f0);background:var(--ui-fill,#1a2939)}
.ticker-conversion .currency-picker-trigger[aria-expanded=true]{border-color:var(--ui-accent,#8cb7f0);background:var(--ui-selected,#26334b)}
.ticker-conversion .currency-picker-trigger:focus-visible{outline:2px solid var(--ui-focus,#b7d3ff);outline-offset:3px}
.currency-picker-chevron{font-size:12px;line-height:1;color:var(--ui-accent,#8cb7f0);transform:translateY(-2px);pointer-events:none}
.currency-picker-trigger[aria-expanded=true] .currency-picker-chevron{transform:rotate(180deg) translateY(-1px)}
.currency-picker-list{
 position:fixed;inset:auto;margin:0;z-index:1000;box-sizing:border-box;display:block;
 width:196px;max-width:calc(100vw - 24px);padding:6px;overflow:auto;overscroll-behavior:contain;
 border:1px solid var(--ui-border,#52667c);border-radius:12px;
 background:var(--ui-bg,#101821);color:var(--ui-text,#edf3fa);
 box-shadow:0 14px 42px #0009,0 0 20px color-mix(in srgb,var(--ui-accent,#8cb7f0) 12%,transparent);
 font:500 13px/1.4 var(--font,'Lato',sans-serif);text-align:left;
 scrollbar-width:thin;scrollbar-color:var(--ui-border,#52667c) var(--ui-bg,#101821);
}
.currency-picker-list[popover]:not(:popover-open),.currency-picker-list[hidden]{display:none!important}
.currency-picker-list::backdrop{background:transparent;pointer-events:none}
.currency-picker-option{
 box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;
 min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:7px;
 color:var(--ui-text,#edf3fa);cursor:pointer;user-select:none;-webkit-user-select:none;
}
.currency-picker-option[aria-selected=true]{color:var(--ui-text,#edf3fa);background:var(--ui-selected,#26334b);border-color:var(--ui-border,#52667c)}
.currency-picker-option.is-highlighted{background:var(--ui-fill,#1a2939);border-color:var(--ui-focus,#b7d3ff);box-shadow:inset 0 0 0 1px var(--ui-focus,#b7d3ff)}
.currency-picker-check{color:var(--ui-accent,#8cb7f0);visibility:hidden;font-size:15px}
.currency-picker-option[aria-selected=true] .currency-picker-check{visibility:visible}
@media(max-width:760px){
 .ticker-conversion .currency-picker-trigger{min-width:52px;min-height:44px;font-size:11px;padding:5px;gap:4px}
 .currency-picker-chevron{font-size:11px}
}
@media(forced-colors:active){
 .currency-picker-trigger,.currency-picker-list{border-color:ButtonText}
 .currency-picker-option[aria-selected=true]{border-color:Highlight}
 .currency-picker-option.is-highlighted{outline:2px solid Highlight;outline-offset:-3px}
}