/* ── AUTOCOMPLETE ── */
.ac-list {
  position: absolute;
  left: 18px;
  right: 18px;
  top: calc(100% - 2px);
  background: var(--card);
  border: 1.5px solid var(--green);
  border-top: none;
  border-radius: 0 0 12px 12px;
  z-index: 200;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.ac-item {
  padding: 11px 14px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  transition: background .1s;
  border-top: 1px solid var(--line);
}
.ac-item:hover, .ac-item:focus { background: var(--accent); outline: none; }
.ac-icon { color: var(--green); font-size: 15px; flex-shrink: 0; margin-top: 1px; }
.ac-main { font-weight: 500; line-height: 1.3; color: var(--text); }
.ac-sub  { font-size: 11px; color: var(--muted); margin-top: 1px; }

/* ── STATUS ── */
.status-wrap { margin-bottom: 12px; }
.status {
  padding: 10px 14px;
  border-radius: 9px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.status.loading { background: var(--accent); color: var(--green-dark); }
.status.error   { background: #fff0f0; color: #b72b2b; }
html.dark .status.error { background: #2a0a0a; color: #ff7070; }
.status.info    { background: var(--gold-light); color: var(--gold); }