/* =====================================================================
 * TVAC — style dropdown autocomplete (dùng chung)   ·   v2.1
 * Self-contained: dùng màu literal (không phụ thuộc CSS var của từng trang).
 * Dropdown neo trong phần tử mount (đã position:relative) do JS thêm vào.
 * v2 thêm: .tvac-action (hàng hành động), .tvac-sep (vạch ngăn), .tvac-sr (ẩn cho screen reader)
 * ===================================================================== */
.tvac-list{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:1000;
  margin:0; padding:6px; list-style:none; text-align:left;
  background:#fff; border:1px solid #e5e1d8; border-radius:12px;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.4);
  max-height:328px; overflow-y:auto; font-family:inherit;
}
.tvac-list[hidden]{ display:none; }

.tvac-item{
  padding:10px 12px; border-radius:8px; cursor:pointer;
  font-size:14.5px; color:#17150f; line-height:1.35;
  display:flex; align-items:center; gap:10px;
}
.tvac-item::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#e5e1d8; flex:0 0 auto;
}
.tvac-item.is-active,
.tvac-item:hover{ background:#faf8f2; }
.tvac-item.is-active::before{ background:#ffde06; }

.tvac-item mark{ background:#fff0a0; color:inherit; padding:0 1px; border-radius:2px; font-weight:700; }

.tvac-note{ padding:11px 12px; font-size:13px; color:#9c988e; }

/* ---- v2: hàng HÀNH ĐỘNG (0 kết quả, hoặc nối cuối danh sách) ---- */
.tvac-sep{
  height:1px; margin:6px 6px 4px; padding:0; background:#efece7; list-style:none;
}
.tvac-item.tvac-action{
  background:#fffdf0; font-weight:600;
}
.tvac-item.tvac-action::before{
  width:14px; height:14px; border-radius:3px; background:#ffde06;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
.tvac-item.tvac-action.is-active,
.tvac-item.tvac-action:hover{ background:#fff6c9; }
.tvac-item.tvac-action strong{ font-weight:800; }

/* ---- v2: thông báo chỉ dành cho trình đọc màn hình ---- */
.tvac-sr{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ---- v2.1: tiêu đề nhóm nguồn gợi ý ---- */
.tvac-group{
  padding:9px 12px 3px; margin:0; list-style:none;
  font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
  color:#9c988e; pointer-events:none;
}
.tvac-item + .tvac-group{ margin-top:4px; border-top:1px solid #efece7; padding-top:9px; }
