/* Type-ahead dropdown for search inputs (data-search-suggest). */
.search-suggest {
    position: absolute;
    top: calc(100% + 6px);
    left: 0; right: 0;
    background: #fff;
    border: 1px solid var(--line-2, #d6dce8);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .12);
    max-height: 70vh;
    overflow-y: auto;
    z-index: 100;
    font-family: var(--sans, system-ui);
}
.search-suggest[hidden] { display: none; }
.search-suggest .ss-section + .ss-section { border-top: 1px solid var(--line, #e6eaf2); }
.search-suggest .ss-h {
    padding: 8px 14px 4px;
    font: 600 0.7rem var(--mono, ui-monospace);
    color: var(--muted, #64748b);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.search-suggest .ss-item {
    display: flex; flex-direction: column; gap: 2px;
    padding: 10px 14px;
    color: var(--ink, #0f172a);
    text-decoration: none;
    border-top: 1px solid transparent;
}
.search-suggest .ss-item:hover {
    background: var(--bg-2, #fafbfc);
    text-decoration: none;
}
.search-suggest .ss-name {
    font-size: 0.92rem;
    font-weight: 600;
}
.search-suggest .ss-meta {
    font-size: 0.78rem;
    color: var(--muted, #64748b);
    font-family: var(--mono, ui-monospace);
}
.search-suggest .ss-empty {
    padding: 14px;
    color: var(--muted, #64748b);
    font-size: 0.88rem;
    text-align: center;
}