/* Module AN NINH (0.9.3 · k4) — kiểu riêng (tiền tố .ann-), CHỈ dùng biến của web/giao_dien.css (đúng cả chế độ sáng / tối).
   Màn: An ninh thiết bị & GPS · Tuyến hôm nay · Đơn ngoài tuyến · Máy mới chờ duyệt. Điện thoại 390 px: một cột, không cuộn ngang (bảng chỉ ở bản web). */
.ann-tab-dh{margin-bottom:14px}
.ann-ky{margin:0 0 12px}
.ann-ky[hidden]{display:none}
.ann-giai{margin:6px 2px 12px;font-size:13px;line-height:1.45}
@media (max-width:520px){ .hc-so-luoi.c4.ann-so4{grid-template-columns:repeat(2,minmax(0,1fr))} }   /* điện thoại: 4 ô số thành 2 × 2 */

/* ---- theo người */
.ann-nguoi{align-items:flex-start}
.ann-nguoi .hc-dong-dau{flex:none}
.ann-chips{display:flex!important;flex-wrap:wrap;gap:4px;margin-top:6px!important}
.ann-chip{border:0;cursor:pointer;font:700 12px/1 var(--noi-dung);min-height:28px}
.ann-chip:focus-visible{outline:2px solid var(--chinh-2);outline-offset:2px}
.ann-nguoi .hc-dong-cuoi{gap:6px}

/* ---- chi tiết dấu hiệu */
.ann-loc{display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px}
@media (max-width:520px){ .ann-loc{grid-template-columns:1fr} }
.ann-loc .hc-truong{margin:0}
.ann-dh .hc-the-dau h3{font-size:16px}
.ann-ct{margin:8px 0 10px;font-size:14px;line-height:1.45;color:var(--chu);overflow-wrap:anywhere}

/* ---- máy đăng nhập */
.ann-kv{margin:8px 0 6px}
.ann-thu-hoi{margin:10px 0 4px;padding:8px 12px 10px;border:1px dashed var(--vien);border-radius:12px}
.ann-thu-hoi legend{padding:0 6px;font:700 13px var(--noi-dung);color:var(--mo)}
.ann-o{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}
.ann-o input{width:20px;height:20px;min-height:0;margin:0;flex:none}

/* ---- đơn ngoài tuyến */
.ann-don .hc-the-dau h3{display:flex;align-items:center;gap:8px}
.ann-chon{width:22px;height:22px;min-height:0;margin:0;flex:none;cursor:pointer}
.ann-nhac{display:flex;align-items:flex-start;gap:6px;margin:8px 0;padding:8px 10px;border-radius:10px;background:var(--nen-2);font-size:13px;line-height:1.4}
.ann-nhac.cam{background:var(--cam-nhat);color:var(--chu)} .ann-nhac.cam>svg{color:var(--cam);flex:none;margin-top:2px}
.ann-nhac a{color:var(--chinh);font-weight:700}
.ann-cho{margin:8px 0 0;font-style:italic}

/* ---- tuyến hôm nay */
.ann-dau{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px}
.ann-dau h2{margin:0;font:800 20px/1.25 var(--tieu-de);color:var(--chu)}
.ann-ngay{display:inline-flex;align-items:center;gap:6px;height:40px;margin:0;padding:0 8px 0 10px;border:1.5px solid var(--vien);border-radius:12px;background:var(--the);color:var(--mo);cursor:pointer}
.ann-ngay input{width:auto;min-height:0;height:36px;margin:0;padding:0 2px;border:0;border-radius:0;background:none;outline:0;box-shadow:none;color:var(--chu);font:600 14px var(--noi-dung);cursor:pointer}
.ann-ngay:focus-within{border-color:var(--chinh-2);box-shadow:0 0 0 3px var(--chinh-nhat)}
.ann-cham{display:inline-block;width:10px;height:10px;border-radius:99px;vertical-align:baseline;margin:0 2px 0 4px;background:var(--mo)}
.ann-cham.xanh{background:var(--xanh)} .ann-cham.do{background:var(--do)} .ann-cham.cam{background:var(--cam)}
.ann-kh{display:flex;flex-direction:column;gap:2px;min-width:96px}
.ann-kh .hc-thanh{height:6px;margin:2px 0 0}
.ann-bang th.ann-th-do{color:var(--do)}
.ann-bang tr.ann-dong-do td{background:var(--do-nhat)}
.ann-bang tr.ann-dong-do td:first-child{box-shadow:inset 4px 0 0 var(--do)}
.ann-bang td a{color:var(--chinh);text-decoration:none}
.ann-tuyen .hc-so-luoi{margin-bottom:0}
.ann-dong-don.do{box-shadow:inset 4px 0 0 var(--do)}
.ann-dong-don.cam{box-shadow:inset 4px 0 0 var(--cam)}
.ann-dong-don .hc-dong-cuoi{gap:4px}