/* =========================================================
   Moats — lớp tối ưu điện thoại (nạp SAU mọi CSS khác)
   Mục tiêu: vùng chạm ≥ 40–44px, ô nhập 16px (iOS không tự zoom),
   chữ tối thiểu 12px, cuộn ngang mượt, an toàn tai thỏ.
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,canvas,video{max-width:100%}

@media (max-width:719px){
  /* --- Ô nhập: 16px để Safari iOS không phóng to khi chạm --- */
  input,select,textarea{font-size:16px!important}
  .site-search{height:44px}
  .site-search input{height:42px}
  .mk-in,.nw-find input,select.mk-in{min-height:44px}

  /* --- Nút chọn khung thời gian / phân đoạn --- */
  .seg button,.mk-seg button{min-height:40px;padding:6px 13px}
  .seg,.mk-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .seg::-webkit-scrollbar,.mk-seg::-webkit-scrollbar{display:none}
  /* QA 09/10: dãy khoảng thời gian biểu đồ giá trang cổ phiếu (9 nút) xuống 2 hàng thay vì bị che bên phải */
  .ctl .seg{flex-wrap:wrap;overflow-x:visible}
  .ctl .seg button{padding:6px 11px}
  /* QA 09/10: /hang-hoa/ — ẩn dòng "Mảng: —", "% doanh thu: —" trên điện thoại cho gọn */
  .hh-tbl td.hh-na{display:none!important}

  /* --- Nút & chip --- */
  .btn,.mk-btn,.mk-chip,.linkbtn,.tgl,.nw-link,.btn--sm{min-height:40px}
  .mk-chip{padding:7px 13px}
  .mk-cmpchip{padding:6px 6px 6px 12px}
  .mk-cmpchip button{width:32px;height:32px;line-height:30px;font-size:16px}
  .mk-star{min-width:34px;min-height:34px;padding:0;margin:-9px 0 -9px -8px;font-size:18px}
  .mk-more,.nw-tk,.nw-hot a,.mk-h a{display:inline-flex;align-items:center;min-height:40px}

  .ta-quick a,.ta-tgls button,.ta-ctl button{min-height:40px;display:inline-flex;align-items:center}
  #mk-reset{min-height:40px!important}
  a.small{display:inline-flex;align-items:center;min-height:40px}

  /* --- Link mã cổ phiếu trong bảng: nới vùng chạm, không đổi bố cục --- */
  .mk-sym,a.sym,td a{display:inline-block;padding-top:11px;padding-bottom:11px;margin-top:-11px;margin-bottom:-11px}

  /* --- Thanh tab cuộn ngang: dính trên đầu, có vệt mờ gợi ý vuốt --- */
  .tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a,.tabs button{scroll-snap-align:start;white-space:nowrap;min-height:44px}
  .sp-tabs{position:sticky;top:0;z-index:20}
  .sp-tabs::after{content:"";position:absolute;right:0;top:0;bottom:1px;width:28px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg,#F3F5F7))}

  /* --- Bảng: cuộn ngang trong khung, cột đầu dính --- */
  .tbl-wrap,.mk-tbl-wrap,.fin-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mk-tbl th:first-child,.mk-tbl td:first-child{position:sticky;left:0;z-index:1;background:var(--card,#fff)}
  .mk-tbl thead th:first-child{z-index:3}
  .mk-tbl .mk-nm{max-width:130px}
  .mk-gridtbl .mk-tbl td:first-child{box-shadow:1px 0 0 var(--line,#E3E7EC)}

  /* --- Chữ nhỏ tối thiểu 12px --- */
  .pro-tag,small,.flat,.pill{font-size:12px!important}

  /* --- Chân trang: link cao 40px --- */
  .site-footer__grid a{display:flex;align-items:center;min-height:44px;padding:6px 0;line-height:1.35}
  .site-footer__bottom a{display:inline-block;padding:8px 0}
  .site-footer__grid .brand--foot{display:inline-flex;padding:0}

  /* --- Tai thỏ / thanh home iPhone --- */
  .site-header__in{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}

@media (max-width:380px){
  .wrap{padding-left:12px;padding-right:12px}
  .site-header__in{padding-left:12px;padding-right:12px}
  .brand span,.brand b{font-size:16px}
  .site-search{flex-basis:120px}
  .card{padding:14px}
}

/* =========================================================
   BOTTOM TAB BAR + BOTTOM SHEET (agent N 09/10) — JS: /assets/nav-mobile.js
   Chỉ hiện < 960px. Màu chỉ dùng biến của moats.css.
   ========================================================= */
.mtab,.msheet,.mback{display:none}
@media (max-width:959.98px){
  html.has-mtab body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  html.has-mtab .nav-toggle{display:none}
  html.has-mtab .site-nav{display:none!important}
  .mtab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--card);border-top:1px solid var(--line);
    padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));box-shadow:0 -4px 18px rgba(0,0,0,.08)}
  .mtab__i{flex:1 1 0;min-width:0;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    color:var(--muted);text-decoration:none;font:inherit;font-size:12px;font-weight:600;letter-spacing:0;background:none;border:0;padding:0;cursor:pointer;
    -webkit-tap-highlight-color:transparent;position:relative}
  .mtab__i svg{width:23px;height:23px}
  .mtab__i span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mtab__i[aria-current="page"]{color:var(--brand)}
  .mtab__i[aria-current="page"]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--brand)}
  .mtab__i:active{background:var(--hover)}
  .mtab__i:focus-visible{outline:2px solid var(--brand);outline-offset:-4px;border-radius:10px}
  /* các nút nổi khác nhích lên trên thanh tab */
  html.has-mtab .to-top,html.has-mtab .fab,html.has-mtab .rd-fab{bottom:calc(76px + env(safe-area-inset-bottom))!important}

  /* --- sheet --- */
  .msheet{display:block;position:fixed;inset:0;z-index:120}
  .msheet[hidden]{display:none}
  .msheet__bg{position:absolute;inset:0;background:rgba(5,10,20,.55);opacity:0;transition:opacity .2s}
  .msheet.open .msheet__bg{opacity:1}
  .msheet__p{position:absolute;left:0;right:0;bottom:0;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;background:var(--card);color:var(--ink);
    border-radius:18px 18px 0 0;border-top:1px solid var(--line);box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .22s ease-out;outline:none;
    padding-bottom:env(safe-area-inset-bottom)}
  .msheet.open .msheet__p{transform:translateY(0)}
  .msheet__grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0;flex:none}
  .msheet__hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 18px;flex:none}
  .msheet__hd h2{margin:0;font-size:18px;font-weight:700}
  .msheet__x{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);border-radius:10px;cursor:pointer}
  .msheet__x svg{width:22px;height:22px}
  .msheet__bd{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 16px 16px;flex:1 1 auto;min-height:0}
  .msheet__ft{flex:none;display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--card)}
  .msheet__ft[hidden]{display:none}
  .msheet__ft button,.msheet__ft a{flex:1;min-height:48px;border-radius:12px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
  html.msheet-lock,html.msheet-lock body{overflow:hidden}

  /* sheet "Thêm" */
  .mmore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mmore__i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:10px 4px;border-radius:14px;
    background:var(--card-2);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:600;text-align:center;line-height:1.25}
  .mmore__i svg{color:var(--brand);width:24px;height:24px}
  .mmore__i[aria-current="page"]{border-color:var(--brand);background:var(--brand-bg)}
  .mmore__i:active{background:var(--hover)}
  .mmore__th{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-weight:600;font-size:15px}
  .mmore__seg{display:inline-flex;background:var(--neubg);border-radius:12px;padding:3px;gap:2px}
  .mmore__seg button{min-height:40px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
  .mmore__seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}

  /* nút quay lại trang sâu */
  .mback{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:4px 0 0 -6px;padding:0 10px 0 4px;color:var(--link);font-weight:600;font-size:15px;text-decoration:none;border-radius:10px}
  .mback svg{width:20px;height:20px}
}

/* ---------- /loc/ trên điện thoại (agent N 09/10): thẻ kết quả + sheet lọc/sắp xếp ---------- */
.mk-mbar,.mk-act,.mk-mlist,.mk-mmore{display:none}
@media (max-width:959.98px){
  .mk-loc{display:block}
  .mk-loc > .mk-filters{display:none}
  .mk-mbar{display:flex;gap:8px;position:sticky;top:0;z-index:30;margin:0 -16px;padding:8px 16px;background:var(--bg)}
  .mk-mbtn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 12px;border-radius:12px;
    border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
  .mk-mbtn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mk-mbtn svg{flex:none;color:var(--brand)}
  .mk-mbtn__n{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--brand);color:var(--on-accent);font-size:12.5px;display:inline-flex;align-items:center;justify-content:center}
  .mk-mbtn__n[hidden]{display:none}
  .mk-act{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 10px;padding:2px 16px}
  .mk-act::-webkit-scrollbar{display:none}
  .mk-act[hidden]{display:none}
  .mk-actc{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 6px 0 12px;border-radius:999px;border:1px solid var(--brand);
    background:var(--brand-bg);color:var(--brand-ink);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
  .mk-actc span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:17px;line-height:1}
  .mk-actc--all{border-color:var(--line);background:var(--card);color:var(--muted);padding-right:12px}
  /* trong khối kết quả: ẩn bảng + phân trang + chọn cột, dùng thẻ */
  .mk-loc .mk-gridtbl,.mk-loc .mk-pager,.mk-loc .mk-colpick{display:none}
  .mk-loc .mk-card--flush{background:transparent;border:0;box-shadow:none}
  .mk-loc .mk-card--flush > div:first-child{padding:0 0 4px!important}
  #mk-pre{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px}
  #mk-pre::-webkit-scrollbar{display:none}
  #mk-pre .mk-chip{flex:none;white-space:nowrap}
  .mk-loc .mk-bar{padding:6px 0 8px}
  .mk-mlist{display:flex;flex-direction:column;gap:8px}
  .mk-mc{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
  .mk-mc .mk-star{position:absolute;left:4px;top:6px;margin:0;width:40px;height:40px;min-width:40px;min-height:40px;z-index:1;
    background:none;border:0;color:var(--gold);font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
  .mk-mc__a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:8px;padding:12px 14px 12px 44px;color:var(--ink);text-decoration:none}
  .mk-mc__l{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}
  .mk-mc__l b{font-size:17px;font-weight:700;letter-spacing:.01em}
  .mk-mc__l small{font-size:12px;color:var(--muted);font-weight:600}
  .mk-mc__n{flex-basis:100%;font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
  .mk-mc__r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums}
  .mk-mc__r b{font-size:17px;font-weight:700}
  .mk-mc__r .mk-chg{font-size:13.5px}
  .mk-mc__m{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink2);
    padding-top:8px;border-top:1px solid var(--line-2)}
  .mk-mc__m i{font-style:normal;color:var(--muted);font-size:12.5px;margin-right:2px}
  .mk-mc__m .pill{font-size:12px!important}
  .mk-mc:active{background:var(--hover)}
  .mk-mmore{display:block;width:100%;min-height:48px;margin:12px 0 4px;font-size:15px;font-weight:600}
  .mk-mmore[hidden]{display:none}
  /* sheet lọc: dùng khối .mk-filters gốc */
  .msheet__p--loc .mk-filters{display:block;border:0;box-shadow:none;background:transparent;padding:0}
  .msheet__p--loc .mk-filters summary{display:none}
  .msheet__p--loc .mk-fgrp{margin-bottom:16px}
  .msheet__p--loc .mk-fgrp .t{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--ink)}
  .msheet__p--loc .mk-fgrp:first-of-type{margin-top:0}
  .msheet__p--loc .mk-rng{gap:8px;margin-bottom:12px}
  .msheet__p--loc .mk-rng label{font-size:14.5px}
  .msheet__p--loc .mk-in{width:100%;min-height:46px}
  .mk-fft{display:flex;gap:10px;width:100%}
  .mk-fft .mk-btn{flex:1;min-height:48px;font-size:16px;font-weight:600;border-radius:12px}
  .mk-fft .mk-btn--pri,.mk-btn--pri{background:var(--brand);border-color:var(--brand);color:var(--on-accent)}
  /* sheet sắp xếp */
  .mk-sdir{display:flex;background:var(--neubg);border-radius:12px;padding:3px;gap:2px;margin-bottom:10px}
  .mk-sdir button{flex:1;min-height:42px;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
  .mk-sdir button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}
  .mk-sopt{display:flex;flex-direction:column}
  .mk-sopt button{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 4px;border:0;border-bottom:1px solid var(--line-2);background:none;
    color:var(--ink);font:inherit;font-size:16px;text-align:left;cursor:pointer}
  .mk-sopt button span{color:var(--brand);font-weight:700;visibility:hidden}
  .mk-sopt button[aria-checked="true"]{color:var(--brand);font-weight:700}
  .mk-sopt button[aria-checked="true"] span{visibility:visible}
}
@media (max-width:959.98px){.mk-mbar{top:var(--mhdr,60px)}}
@media (max-width:380px){.mk-mbar,.mk-act,#mk-pre{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}

/* ---------- Các trang ngoài trang cổ phiếu — điện thoại (agent N 09/10) ---------- */
.ev-dh{display:none}
.ev-chips{display:contents}
@media (max-width:719px){
  body{font-size:16px}
  .mk-pagehead h1{font-size:24px;line-height:1.25}
  .mk-pagehead p{font-size:14.5px}
  .mk-card:not(.mk-card--flush){padding:16px 14px}
  /* thẻ chỉ số: cuộn ngang có snap */
  .mk-idx{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;scroll-padding-left:16px}
  .mk-idx::-webkit-scrollbar{display:none}
  .mk-idx__c{flex:0 0 44%;scroll-snap-align:start;min-height:44px}
  /* top tăng/giảm: thẻ 2 cột (mã · % / giá · giá trị), cả thẻ bấm được */
  .mk-toptbl,.mk-toptbl tbody{display:block;width:100%}
  .mk-toptbl thead{display:none}
  .mk-toptbl tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 2px}
  .mk-toptbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"s c" "p v";gap:4px 6px;align-items:center;position:relative;
    padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
  .mk-toptbl td{display:block;padding:0!important;border:0!important;position:static!important;background:none!important;box-shadow:none!important;white-space:nowrap;min-width:0;text-align:left}
  .mk-toptbl td:nth-child(1){grid-area:s}
  .mk-toptbl td:nth-child(2){grid-area:p;font-size:14px;font-variant-numeric:tabular-nums}
  .mk-toptbl td:nth-child(3){grid-area:c;justify-self:end}
  .mk-toptbl td:nth-child(4){grid-area:v;justify-self:end;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
  .mk-toptbl .mk-sym{font-size:16px;font-weight:700;padding:0!important;margin:0!important}
  .mk-toptbl .mk-sym::after{content:"";position:absolute;inset:0;border-radius:12px}
  .mk-toptbl .mk-chg{font-size:13px}
  .mk-toptbl tr:active{background:var(--hover)}
  /* trang chủ: bảng ngành gọn (Ngành · Số mã · % Ngày) */
  body[data-page="home"] .mk-sectbl th:nth-child(3),body[data-page="home"] .mk-sectbl td:nth-child(3),
  body[data-page="home"] .mk-sectbl th:nth-child(n+5),body[data-page="home"] .mk-sectbl td:nth-child(n+5){display:none}
  body[data-page="home"] .mk-sectbl{width:100%;min-width:0}
  body[data-page="home"] .mk-sectbl td:first-child{white-space:normal}
  /* chip lọc cuộn ngang 1 hàng */
  .hh-filters,.ev-chips,.nw-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;margin-left:-14px;margin-right:-14px;padding:2px 14px 4px}
  .hh-filters{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .hh-filters::-webkit-scrollbar,.ev-chips::-webkit-scrollbar{display:none}
  .hh-filters .mk-chip,.ev-chips .mk-chip{flex:none;white-space:nowrap}
  .ev-chips{flex:1 1 100%}
  /* lịch sự kiện: thẻ theo ngày */
  .ev-tbl tr.ev-dh{display:block;padding:16px 0 8px;border-bottom:2px solid var(--brand)}
  .ev-tbl tr.ev-dh td{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--muted)}
  .ev-tbl tr.ev-dh td b{color:var(--ink);font-size:15px}
  .ev-tbl tr.ev-dh td span{margin-left:auto;font-size:12.5px}
  .ev-tbl td.ev-c-d{display:none!important}
  .ev-tbl td.ev-c-sym a.sym{font-size:16px}
  /* so sánh: chọn chỉ số cuộn ngang, chữ 1 dòng */
  #mk-mseg,#mk-rseg{flex-wrap:nowrap;overflow-x:auto;max-width:100%}
  #mk-mseg button,#mk-rseg button{white-space:nowrap;flex:none}
  /* theo dõi: thẻ thay bảng */
  .mk-wtbl,.mk-wtbl tbody{display:block;width:100%}
  .mk-wtbl thead{display:none}
  .mk-wtbl tr:first-child{padding-top:0!important}
  .mk-wtbl tr:last-child{border-bottom:0;padding-bottom:0}
  .mk-wtbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto 44px;grid-template-areas:"s s p p" "s s c c" "m e f x";gap:6px 8px;align-items:center;
    padding:12px 0;border-bottom:1px solid var(--line)}
  .mk-wtbl td{display:block;padding:0!important;border:0!important;position:static!important;background:none!important;box-shadow:none!important;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mk-wtbl td[colspan]{grid-column:1 / -1;white-space:normal;grid-row:auto}
  .mk-wtbl tr > td:first-child:not([colspan]){grid-area:s;white-space:normal}
  .mk-wtbl td:first-child .mk-sym{font-size:17px;font-weight:700}
  .mk-wtbl td:first-child .mk-nm{display:block;max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mk-wtbl td:nth-child(2):not([colspan]){grid-area:p;justify-self:end;font-size:17px;font-weight:700}
  .mk-wtbl td:nth-child(3){grid-area:c;justify-self:end}
  .mk-wtbl td:nth-child(4),.mk-wtbl td:nth-child(5){display:none}
  .mk-wtbl td:nth-child(6){grid-area:m;font-size:13.5px}
  .mk-wtbl td:nth-child(7){grid-area:e;font-size:13.5px}
  .mk-wtbl td:nth-child(8){grid-area:f}
  .mk-wtbl td:nth-child(9){grid-area:x;justify-self:end}
  .mk-wtbl td:nth-child(6)::before{content:"Vốn hoá ";color:var(--muted);font-size:12px}
  .mk-wtbl td:nth-child(7)::before{content:"P/E ";color:var(--muted);font-size:12px}
  .mk-wtbl .mk-rm{width:44px;height:44px;font-size:20px}
  .mk-wtbl tr:has(td[colspan]){display:block}
  /* tin: trang đọc chữ 17px, nút đọc toàn văn nổi trên thanh tab */
  .rd-sum p,.rd-body,.rd-body p{font-size:17px}
  .rd-cta{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.25)}
  .rd-back{min-height:44px}
  body .hh-d .cc-ch{min-height:220px}
}
@media (max-width:959.98px){
  /* biểu đồ kỹ thuật: chip khung nến/khoảng cuộn ngang, chart cao 60% màn hình */
  .ta-ctl{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  #ta-int,#ta-range,#ta-ovl,#ta-subsel{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;max-width:100%;width:auto;align-self:flex-start}
  #ta-int::-webkit-scrollbar,#ta-range::-webkit-scrollbar,#ta-ovl::-webkit-scrollbar{display:none}
  #ta-int button,#ta-range button,#ta-ovl button{flex:none;white-space:nowrap}
  body #ta-main{height:60vh;height:60svh;min-height:300px;max-height:620px}
}

/* ---------- UX 09/10: vá tràn ngang + vùng chạm ---------- */
@media (max-width:719px){
  /* /hang-hoa/: nhãn ẩn (.sr-only, position:absolute) trong dải chip cuộn ngang đẩy scrollWidth tới 1041px → neo lại */
  .hh-sort,.hh-filters{position:relative}
  .hh-filters .sr-only{left:0;top:0}
  /* nút giao diện header, logo: vùng chạm ≥ 40px */
  .theme-sw__btn{width:40px;height:40px}
  .brand{min-height:40px}
  .theme-foot button{min-height:40px;padding:4px 8px}
  .site-footer__meta a{min-height:40px}
  .crumb a{min-height:36px}
  small{font-size:max(12px,.8333em)}
  .mk-field small,.mk-field span small{font-size:12px!important}
}
@media (max-width:380px){
  /* .wrap chỉ còn 12px lề → các dải tràn mép phải khớp 12px (trước −16 → tràn 4px) */
  .mk-idx,#ds-chips,.ds-chips{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .hh-filters,.ev-chips,.nw-chips{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
}

/* UX 09/10 (CTO rà chi tiết): điện thoại — nút sáng/tối đã có trong "Thêm" (thanh dưới) và chân trang → bỏ khỏi header để ô tìm mã đủ rộng gõ */
@media (max-width:480px){
  .site-header .theme-sw{display:none}
  .site-header .site-header__in{flex-wrap:nowrap;gap:8px}
  .site-header .brand{flex:none}
  .site-header .brand__img{width:104px;height:auto}
  .site-header .site-search{flex:1 1 auto;min-width:0;order:1;width:auto;margin:0}
  .site-header .acct{order:2;flex:none}
  .site-header .site-search input{min-width:0;width:100%}
}
@media (max-width:719px){.ev-tbl td.ev-na{display:none!important}}
@media (max-width:719px){#mk-wadd{display:flex;flex-wrap:wrap;gap:8px}#mk-wadd .mk-in{flex:1 1 160px;min-width:0}#mk-wadd #mk-wmsg{flex-basis:100%}#mk-addbox{display:flex;gap:8px;width:100%}#mk-addbox .mk-in{flex:1 1 auto;min-width:0}}