/* ============================================================
   GLOBAL STOCK SEARCH / AUTOCOMPLETE
   File path: assets/css/stock-search.css
   ============================================================ */

.mi-stock-search {
    position: relative;
    width: 100%;
    min-width: 0;
}

.mi-stock-search > input {
    width: 100%;
}

.mi-stock-search-results {
    position: absolute;
    z-index: 99999;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 360px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid var(--mi-border, rgba(148, 163, 184, .16));
    border-radius: 12px;
    background: #0e1a26;
    box-shadow:
        0 18px 50px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(255, 255, 255, .015);
}

.mi-stock-search-results[hidden] {
    display: none !important;
}

.mi-stock-search-result {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 11px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.mi-stock-search-result:hover,
.mi-stock-search-result.active {
    background: rgba(91, 145, 248, .12);
}

.mi-stock-search-result-main,
.mi-stock-search-result-meta {
    display: flex;
    min-width: 0;
}

.mi-stock-search-result-main {
    flex-direction: column;
    gap: 3px;
}

.mi-stock-search-result-main strong {
    color: var(--mi-text, #dce7f2);
    font-size: 13px;
    letter-spacing: .01em;
}

.mi-stock-search-result-main > span {
    overflow: hidden;
    color: var(--mi-text-muted, #71849a);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-stock-search-result-meta {
    align-items: flex-end;
    flex-direction: column;
    gap: 3px;
}

.mi-stock-search-result-meta small {
    color: var(--mi-text-muted, #71849a);
    font-size: 9px;
    white-space: nowrap;
}

.mi-stock-search-result-meta small:last-child {
    display: inline-flex;
    padding: 2px 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .04);
}

.mi-stock-search-empty,
.mi-stock-search-loading {
    padding: 13px 11px;
    color: var(--mi-text-muted, #71849a);
    font-size: 11px;
}

.mi-stock-search-loading {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mi-stock-search-loading > span {
    width: 8px;
    height: 8px;
    border: 2px solid rgba(91, 145, 248, .30);
    border-top-color: #6b9fff;
    border-radius: 999px;
    animation: mi-stock-search-spin .75s linear infinite;
}

@keyframes mi-stock-search-spin {
    to {
        transform: rotate(360deg);
    }
}

.mi-header-search .mi-stock-search-results {
    min-width: min(560px, calc(100vw - 32px));
}

.mi-modal .mi-stock-search-results {
    max-height: 280px;
}

@media (max-width: 760px) {
    .mi-stock-search-results {
        max-height: 300px;
    }

    .mi-stock-search-result {
        gap: 8px;
    }

    .mi-header-search .mi-stock-search-results {
        min-width: 100%;
    }
}