/* Menu 4 luồng + menu tài khoản + lối tắt Trang chủ (cos_menu_luong.js, cos_trang_chu.js) — 26/09/2026.
   KHÔNG dùng shorthand `font: … inherit` (không hợp lệ, trình duyệt bỏ cả dòng) — luôn tách từng thuộc tính. */
.tabs > .luong-tab{flex:0 0 auto; display:inline-flex; align-items:center; gap:.35rem; margin:0; padding:.6rem .95rem;
  font-family:inherit; font-size:.86rem; line-height:1.2; color:var(--muted); background:transparent; border:0;
  border-bottom:2.5px solid transparent; border-radius:0; cursor:pointer; white-space:nowrap}
.tabs > .luong-tab:hover, .tabs > .luong-tab[aria-expanded="true"]{color:var(--gold-l)}
.tabs > .luong-tab.on{color:var(--gold); border-bottom-color:var(--gold); font-weight:600}
.tabs > .luong-tab:focus-visible{outline:2px solid var(--gold); outline-offset:-2px}

.luong-menu{position:fixed; z-index:40; max-height:min(60vh, 360px); overflow-y:auto; padding:.35rem;
  background:var(--navy2); border:1px solid var(--line); border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.45)}
.luong-menu input[type=search]{margin:.1rem 0 .35rem; padding:.5rem .65rem; font-size:.88rem}
.luong-ds{display:flex; flex-direction:column; gap:2px}
.luong-ds button, .tk-ds button{display:block; width:100%; margin:0; padding:.5rem .7rem; text-align:left;
  font-family:inherit; font-size:.9rem; line-height:1.25; color:var(--ink); background:transparent; border:0;
  border-radius:8px; cursor:pointer}
.luong-ds button:hover, .luong-ds button:focus-visible, .tk-ds button:hover, .tk-ds button:focus-visible{
  background:color-mix(in srgb, var(--gold) 16%, transparent); outline:none}
.luong-ds button[aria-current="page"]{color:var(--gold); font-weight:700}
.luong-ds button[hidden], .tk-ds button[hidden]{display:none}
.luong-trong{margin:.4rem .6rem; font-size:.85rem; color:var(--muted)}

.tk-menu{position:relative; flex:none; margin-left:.5rem}
#tk-nut{display:inline-flex; align-items:center; gap:.3rem; max-width:44vw; margin:0; padding:.4rem .7rem;
  font-family:inherit; font-size:.84rem; line-height:1.2; color:var(--gold); background:transparent;
  border:1.5px solid var(--line); border-radius:8px; cursor:pointer}
#tk-nut span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#tk-nut.on, #tk-nut[aria-expanded="true"]{border-color:var(--gold)}
.tk-ds{position:absolute; right:0; top:calc(100% + 6px); z-index:45; min-width:190px; padding:.35rem;
  background:var(--navy2); border:1px solid var(--line); border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.45)}
.tk-ds .tk-thoat{color:var(--danger)}

.loi-tat{display:flex; flex-wrap:wrap; gap:8px}