/* 9F-chinh-nho.css — các chỉnh nhỏ bên chị Hiếu yêu cầu. Nạp SAU CÙNG (sau 9E).
   Để riêng file này để gói lớp phủ của bên Hải gửi sau KHÔNG đè mất.
   Quy ước giữ nguyên như gói của Hải: chỉ phủ lên, chỉ dùng biến màu có sẵn, không sửa mã gốc. */

/* ── 1. Kính lúp ở ô tìm dự án / tên miền (25/09, chị Hiếu: "nhỏ quá") ──
   Mã gốc dùng KÝ TỰ ⌕ (U+2315) cỡ 12px — vừa nhỏ vừa mảnh, nhiều máy còn thiếu font nên ra ô vuông.
   Thay bằng hình vẽ nét 1,9px, 17px, tô bằng mask nên vẫn ăn theo màu chữ (đổi sáng/tối là tự đúng). */
.omni .mag{
  font-size:0;                       /* giấu ký tự cũ, giữ nguyên thẻ để mã gốc không vỡ */
  width:17px;height:17px;
  left:12px;
  background-color:var(--dim);
  -webkit-mask:var(--aw-mag) center/17px 17px no-repeat;
          mask:var(--aw-mag) center/17px 17px no-repeat;
  transition:background-color .15s cubic-bezier(.4,0,.2,1);
}
.omni:hover .mag, .omni:focus-within .mag{background-color:var(--accent)}
:root{
  --aw-mag:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.6-3.6'/></svg>");
}
/* Ô nhập lùi vào cho vừa kính lúp mới */
.omni input{padding-left:36px}

@media (max-width:760px){
  .omni .mag{width:16px;height:16px;left:10px;
    -webkit-mask-size:16px 16px;mask-size:16px 16px}
  .omni input{padding-left:32px}
}
