/* Màn "🎯 Chỉ tiêu nghị quyết" (gói Tỉnh/TP) — 26/09/2026. Dùng biến màu của trang COS (theo chủ đề người dùng chọn).
   Màu không bao giờ là kênh duy nhất: mọi tình trạng đều có CHỮ đi kèm (bản in đen trắng, người mù màu). */
#s-chitieu .ct-dau{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;flex-wrap:wrap}
#s-chitieu .ct-dau h3{margin-bottom:.2rem}
#s-chitieu .ct-dia-ban{font-size:.8rem;color:var(--muted)}
.ct-hoi{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;
  border:1px solid var(--line);color:var(--muted);font-size:.72rem;cursor:help;background:transparent;padding:0;flex:none}
.ct-tab{display:flex;flex-wrap:wrap;gap:.2rem;margin:.7rem 0 0;border-bottom:1px solid var(--line)}
.ct-tab button{background:transparent;border:none;border-bottom:2.5px solid transparent;color:var(--muted);
  font-family:inherit;font-size:.82rem;font-weight:600;padding:.45rem .5rem;cursor:pointer;white-space:nowrap}
.ct-tab button[aria-selected="true"]{color:var(--gold);border-bottom-color:var(--gold)}
.ct-loc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.7rem;align-items:end}
.ct-loc label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.15rem}
.ct-loc select{padding:.42rem .5rem;font-size:.82rem}
.ct-chon{position:relative}
.ct-chon>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.3rem;text-align:left;
  background:var(--navy2);border:1.5px solid var(--line);border-radius:8px;color:var(--ink);font-family:inherit;
  font-size:.82rem;padding:.42rem .5rem;cursor:pointer;min-height:34px}
.ct-chon>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Lớp NỔI (fixed, JS đặt toạ độ theo nút và kẹp trong màn): không bị khung cuộn cắt, không đẩy tràn ngang ở 390px. */
.ct-chon-ds{position:fixed;z-index:70;
  background:var(--navy2);border:1px solid var(--gold);border-radius:8px;padding:.35rem;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ct-chon-ds input{padding:.4rem .5rem;font-size:.82rem}
.ct-chon-ds ul{list-style:none;max-height:240px;overflow-y:auto;margin-top:.3rem}
.ct-chon-ds li{padding:.38rem .5rem;border-radius:6px;cursor:pointer;font-size:.82rem}
.ct-chon-ds li:hover,.ct-chon-ds li[aria-selected="true"]{background:color-mix(in srgb, var(--gold) 20%, transparent)}
.ct-bo-loc{margin-top:.4rem}
.ct-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.75rem}
.ct-kpi div{border:1px solid var(--line);border-radius:9px;padding:.55rem .6rem;background:color-mix(in srgb, var(--navy2) 35%, transparent)}
.ct-kpi b{display:block;font-size:1.35rem;color:var(--gold-l);line-height:1.2}
.ct-kpi span{font-size:.72rem;color:var(--muted)}
.ct-bieu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.7rem}
.ct-bieu section{border:1px solid var(--line);border-radius:9px;padding:.6rem .65rem}
.ct-bieu h4{font-size:.78rem;color:var(--gold-l);margin-bottom:.45rem}
.ct-thanh{margin-bottom:.5rem}
.ct-thanh .ten{font-size:.75rem;display:flex;justify-content:space-between;gap:.4rem}
.ct-thanh .ten em{font-style:normal;color:var(--muted);white-space:nowrap}
.ct-o{display:flex;height:9px;border-radius:5px;overflow:hidden;background:var(--navy2);margin-top:.2rem}
.ct-o i{display:block;height:100%}
.ct-o .dat{background:var(--success)}.ct-o .chua{background:var(--danger)}.ct-o .trong{background:var(--muted);opacity:.45}
.ct-o .moc{background:var(--gold)}
.ct-bang{margin-top:.7rem;max-height:350px;overflow-y:auto;border:1px solid var(--line);border-radius:9px}
.ct-bang table{font-size:.8rem}
.ct-bang thead th{position:sticky;top:0;background:var(--navy2);z-index:1}
.ct-bang tbody tr{cursor:pointer}
.ct-bang tbody tr:hover{background:color-mix(in srgb, var(--gold) 9%, transparent)}
.ct-bang td small{display:block;color:var(--muted);font-size:.7rem}
.ct-bang tr[hidden]{display:none}
.ct-trang{display:flex;justify-content:space-between;align-items:center;margin-top:.45rem;font-size:.78rem;color:var(--muted)}
.ct-trang .row{gap:.3rem}
.ct-nut{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:6px;font-family:inherit;
  font-size:.76rem;padding:.2rem .5rem;cursor:pointer;min-height:26px;line-height:1.2}
.ct-nut:disabled{opacity:.45;cursor:not-allowed}
.ct-nut.xoa{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 60%, transparent)}
.pill.xam{background:var(--navy2);color:var(--muted)}
.ct-cu{display:block;font-size:.68rem;color:var(--warning);margin-top:.15rem}
/* Ngăn kéo chi tiết + form: nằm trên lớp phủ, không có form nào lộ trên trang chính */
.ct-che{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60}
.ct-nk{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--navy);border-left:1px solid var(--gold);
  z-index:61;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(0,0,0,.5)}
.ct-nk .dau{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.ct-nk .dau .ct-nut{white-space:nowrap;flex:none}
.ct-nk .dau h3{font-size:.95rem;color:var(--gold-l);margin:0}
.ct-nk .than{padding:.8rem 1rem 1.2rem;overflow-y:auto;flex:1;font-size:.85rem}
.ct-nk dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .6rem;margin-bottom:.6rem}
.ct-nk dt{color:var(--muted);font-size:.76rem}
.ct-nk blockquote{margin:.45rem 0;padding:.5rem .7rem;border-left:3px solid var(--gold);background:var(--navy2);white-space:pre-wrap;font-size:.82rem}
.ct-nk h4{font-size:.8rem;color:var(--gold-l);margin:.8rem 0 .35rem}
.ct-so{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--line)}
.ct-so div{min-width:0}
.ct-so small{display:block;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.ct-form{border:1px solid var(--line);border-radius:9px;padding:.65rem;margin-top:.5rem}
.ct-form label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--muted);margin:.45rem 0 .15rem}
.ct-form input{padding:.45rem .55rem;font-size:.85rem}
.ct-form .xem{font-size:.75rem;color:var(--muted);margin-top:.3rem}
.ct-form .row{justify-content:flex-end;margin-top:.6rem}
@media (max-width:620px){
  .ct-loc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ct-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ct-bieu{grid-template-columns:1fr}
  .ct-bang table,.ct-bang tbody,.ct-bang tr,.ct-bang td{display:block;width:100%}
  .ct-bang thead{display:none}
  .ct-bang tr{padding:.45rem .55rem;border-bottom:1px solid var(--line)}
  .ct-bang td{border:none;padding:.12rem 0}
  .ct-bang td[data-nhan]::before{content:attr(data-nhan) ": ";color:var(--muted);font-size:.7rem}
  .ct-bang tr[hidden]{display:none}
}