/* CLI autocomplete drop-down — anchored absolutely to . */ .cli-ac-dropdown { position: fixed; z-index: 99999; background: #161b22; border: 1px solid #30363d; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55); overflow-y: auto; overflow-x: hidden; font-family: 'SF Mono', 'Monaco', 'Menlo', monospace; font-size: 12px; color: #e6edf3; padding: 4px 0; display: none; } .cli-ac-row { display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 10px; cursor: pointer; line-height: 30px; white-space: nowrap; transition: background 0.08s; } .cli-ac-row.active, .cli-ac-row:hover { background: #1f6feb33; } .cli-ac-row.active .cli-ac-name { color: #58a6ff; } .cli-ac-name { flex-shrink: 0; color: #c9d1d9; font-weight: 600; } .cli-ac-desc { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; color: #8b949e; font-weight: 400; font-size: 11px; text-align: right; padding-left: 12px; } .cli-ac-hint-val { flex-shrink: 0; color: #56d364; font-size: 11px; background: #1c2129; padding: 1px 6px; border-radius: 4px; margin-left: 6px; } /* "hint" rows (e.g. value range reminders) are non-interactive. */ .cli-ac-row.cli-ac-hint { cursor: default; background: #1c2129; color: #8b949e; font-style: italic; } .cli-ac-row.cli-ac-hint:hover { background: #1c2129; } /* Tiny scrollbar for the dropdown */ .cli-ac-dropdown::-webkit-scrollbar { width: 6px; } .cli-ac-dropdown::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; } .cli-ac-dropdown::-webkit-scrollbar-thumb:hover { background: #484f58; }