/* Màn "🔎 Máy soát chồng chéo" (tài khoản dự án rà soát), 29/09/2026. Bố cục theo CSS user gửi 29/09 (thẻ số kiêm tab, bảng cao
   theo màn hình), màu đổi sang bộ màu COS (nền tối, vàng) — trắng/xanh dương trên nền tối là mất tương phản.
   Dùng lại .xa-bang .xa-ngan .xa-canh .xa-trich .xa-hoi … của xa_rs.css. */
.xa-soat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:.8rem 0 1rem}
.xa-soat-card-tab{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:12px;
  background:color-mix(in srgb, var(--navy2) 35%, transparent);transition:all .15s ease-in-out;min-width:0}
.xa-soat-card-tab b{display:block;font-size:1.35rem;line-height:1.2;color:var(--gold-l)}
.xa-soat-card-tab span{display:block;font-size:.8rem;color:var(--muted)}
.xa-soat-card-tab.active{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.xa-soat-card-tab.active span{color:var(--ink)}
.xa-soat-card-tab:focus-visible{outline:2px solid var(--gold-l);outline-offset:2px}
.xa-soat-loc{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.5rem;margin-bottom:.6rem}
.xa-soat-bang-wrapper{max-height:calc(100vh - 290px);min-height:380px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}
.xa-soat-bang-wrapper .xa-bang td.xa-soat-ph{min-width:0}
.xa-soat-ph .muted{font-size:.8rem}
.xa-soat-muc{margin-top:.7rem;font-size:.86rem}
.xa-soat-muc > b{display:block;color:var(--gold-l);margin-bottom:.2rem}
.xa-soat-muc a{color:var(--gold-l)}
@media (max-width:760px){
  .xa-soat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xa-soat-loc{grid-template-columns:minmax(0,1fr)}
  .xa-soat-bang-wrapper{max-height:none;min-height:0}
}