/* Style cho các nút thao tác nhân viên (thêm/tự-tìm đối thủ) — theo token Modernist/brand. */
.btn-add { font-family: var(--font-heading); font-weight: 800; font-size: 14px; padding: 10px 18px;
  background: var(--color-accent); color: var(--color-bg); border: 2px solid var(--color-accent); cursor: pointer; }
.btn-add:hover { background: var(--color-accent-600); border-color: var(--color-accent-600); }
.btn-add:disabled { opacity: .5; cursor: default; }
.btn-ghost { font-family: var(--font-body); font-size: 14px; padding: 10px 16px; background: var(--color-bg);
  border: 2px solid var(--color-divider); color: color-mix(in srgb, var(--color-text) 74%, transparent); cursor: pointer; }
.btn-ghost:hover { border-color: var(--color-text); color: var(--color-text); }
.btn-toggle { font-family: var(--font-body); font-size: 11px; padding: 2px 9px; margin-left: 8px;
  border: 1.5px solid var(--color-divider); background: var(--color-bg); color: var(--color-neutral-600); cursor: pointer; }
.btn-toggle:hover { border-color: var(--color-accent); color: var(--color-accent-700); }
.add-form { border: 2px solid var(--color-text); padding: 18px; background: var(--color-surface); }
.add-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.add-grid label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 700; color: var(--color-text); }
.add-grid input, .add-grid select, .discover-ta { border: 2px solid var(--color-divider); background: var(--color-bg);
  color: var(--color-text); padding: 9px 11px; font-size: 14px; font-family: var(--font-body); font-weight: 400; }
.add-grid input:focus, .add-grid select:focus, .discover-ta:focus { outline: 2px solid var(--color-accent); outline-offset: 2px; border-color: var(--color-text); }
.add-hint { font-size: 12.5px; line-height: 1.5; color: var(--color-neutral-600); margin: 10px 0; }
.add-err { color: var(--sig-warn); font-size: 13px; margin: 8px 0; }
.add-actions { display: flex; gap: 10px; margin-top: 8px; }
.discover-ta { width: 100%; resize: vertical; margin: 10px 0; }
.discover-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.discover-understood { background: var(--color-accent-100); border-left: 3px solid var(--color-accent); padding: 10px 12px; margin-top: 12px; font-size: 13px; line-height: 1.5; }
.cand { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 2px solid var(--color-divider); margin-bottom: 8px; cursor: pointer; }
.cand.on { border-color: var(--color-accent); background: var(--color-accent-100); }
.cand input { margin-top: 3px; }
.cand-kind { font-size: 11px; background: var(--color-accent-100); color: var(--color-accent-700); padding: 1px 8px; font-weight: 700; }
.cand-link { font-size: 12px; color: var(--color-accent-700); margin-left: 8px; }
.muted { color: var(--color-neutral-600); }