/*
 * GitHub 中文 · 采集工作台 — 词典助手
 * 设计变量与基础类复用 base.css；本文件仅补充词典助手专属布局
 * @file public/css/dictionary.css
 * @version 1.12.6
 */
.dict-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.dict-row {
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: .6rem;
}

.dict-input {
  flex: 1 1 280px;
  min-width: 0;
  font-family: inherit;
  font-size: .95rem;
  padding: .7rem .9rem;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink);
}

.dict-input:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.dict-error {
  color: var(--danger);
  font-size: .85rem;
  margin: .5rem 0 0;
}

.dict-result {
  margin-top: .8rem;
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}

.dict-suggestion {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--brand-strong);
}

.dict-empty {
  color: var(--muted);
  font-size: .9rem;
}

.dict-samples {
  margin-top: 1rem;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
}

.dict-samples-label {
  color: var(--muted);
  font-size: .85rem;
}

.pending-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}

.pending-item .arrow {
  color: var(--muted);
}

.pending-item code {
  background: var(--canvas);
  padding: .15rem .4rem;
  border-radius: 6px;
}