/* ═══════════════════════════════════════════════════════════════
   KuyaPH — Suggestions dropdown (books SPA dark theme)
   Extracted from books/index.html inline <style>.
   ═══════════════════════════════════════════════════════════════ */

.suggestions-container {
  position: absolute;
  top: 100%; left: 0; right: 10px;
  background: var(--bg-surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  max-height: 250px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: var(--shadow-drop);
}
.suggestions-container:empty { display: none !important; }

.suggestion-item {
  padding: 8px 12px; cursor: pointer;
  border-bottom: 1px solid var(--border-light);
  color: var(--w85);
  font-size: 13px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.suggestion-item:hover { background: var(--bg-card-hover); }
.suggestion-item .company-name { font-weight: 500; }
.suggestion-item .sec-number {
  font-size: 0.8em;
  color: var(--w40);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}