.market-search { position: relative; min-width: 0; }
.market-controls { align-items: start; }
.market-controls > label { padding-top: 17px; }
.market-search-hint { min-height: 16px; margin: 7px 0 0; color: #a1abc3; font: 12px/1.45 Arial, sans-serif; letter-spacing: 0; }
.market-search-hint.is-error { color: #ffadc7; }
.market-search input[aria-invalid="true"] { border-color: #fb7185; }
.market-search input { text-transform: uppercase; }
.market-menu { position: absolute; z-index: 25; top: calc(100% + 7px); inset-inline: 0; overflow: hidden; border: 1px solid #344464; border-radius: 12px; background: #0a1021; box-shadow: 0 18px 45px rgba(0,0,0,.65); }
.market-menu[hidden], .market-empty[hidden], .market-retry[hidden] { display: none; }
.market-menu.is-above { top: auto; bottom: calc(100% + 7px); }
.market-menu-head { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid rgba(123,174,255,.16); color: #b6c2db; font: 12px/1.4 Arial, sans-serif; }
.market-menu-head > span:last-child { flex: none; color: #69d7ff; }
#marketOptions { max-height: min(300px, 42vh); overflow-y: auto; overscroll-behavior: contain; list-style: none; margin: 0; padding: 5px; scrollbar-color: #42577b #0a1021; }
#marketOptions:empty { display: none; }
.market-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 10px 12px; border: 1px solid transparent; border-radius: 7px; cursor: pointer; color: #f0f5ff; font: 700 14px/1.35 Arial, sans-serif; }
.market-option small { color: #a7b6d0; font: 11px/1.4 Arial, sans-serif; }
.market-search[data-catalog-market-type="alpha"] .market-option,
.market-search[data-catalog-market-type="stocks"] .market-option { display: block; }
.market-search[data-catalog-market-type="alpha"] .market-option small,
.market-search[data-catalog-market-type="stocks"] .market-option small { display: block; margin-top: 3px; white-space: normal; overflow-wrap: anywhere; }
.market-option span { min-width: 0; overflow-wrap: anywhere; }
.market-option:hover, .market-option[aria-selected="true"] { border-color: rgba(57,198,255,.4); background: rgba(57,198,255,.12); }
.market-empty { margin: 0; padding: 16px; color: #bec9e0; font: 13px/1.5 Arial, sans-serif; }
.market-retry { margin: 0 14px 14px; min-height: 42px; padding: 9px 14px; border: 1px solid #496786; border-radius: 8px; background: #111d33; color: #bdeeff; font: 700 12px/1.4 Arial, sans-serif; cursor: pointer; }
@media (max-width: 960px) { .market-controls > label { padding-top: 0; } }
@media (max-width: 420px) { .market-menu-head { padding: 10px; font-size: 11px; gap: 8px; } .market-option { padding-inline: 9px; } .market-option small { display: none; } }
@media (max-width: 420px) { .market-search[data-catalog-market-type="alpha"] .market-option small, .market-search[data-catalog-market-type="stocks"] .market-option small { display: block; font-size: 10px; } }
@media (forced-colors: active) { .market-menu, .market-option[aria-selected="true"] { border: 1px solid CanvasText; } }
