/* ---- Biến màu giao diện (sáng mặc định, tối khi <html data-theme="dark">) ---- */
  :root{--bg:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--bd:#e5e7eb;--bd-2:#e2e8f0;--bd-3:#cbd5e1;--muted:#64748b}
  html[data-theme=dark]{--bg:#0b1220;--surface:#162032;--surface-2:#1b2740;--surface-3:#22304a;--bd:#2b3a55;--bd-2:#2b3a55;--bd-3:#3a4b6b;--muted:#94a3b8;color-scheme:dark}
  body{font-family:Inter,system-ui,sans-serif;background:var(--bg)}
  .inp{width:100%;border:1px solid transparent;border-radius:6px;padding:4px 8px;font-size:12px;background:transparent;transition:.15s}
  .inp:hover{background:var(--surface-2);border-color:var(--bd-2)}
  .inp:focus{outline:none;background:var(--surface);border-color:#16a34a;box-shadow:0 0 0 3px #16a34a22}
  .box{background:var(--surface)!important;border-color:var(--bd-3)!important}
  .rm{min-height:28px;display:flex;flex-wrap:wrap;gap:3px;align-items:center;padding:2px 4px;border:1px dashed var(--bd-3);border-radius:6px;cursor:pointer;font-size:11px;background:var(--surface)}
  .rm:hover{border-color:#16a34a}
  .chip{background:#dcfce7;color:#166534;border-radius:999px;padding:1px 8px;font-weight:600;white-space:nowrap}
  .lbl{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}
  th.sk,td.sk{position:sticky;background:var(--surface);z-index:2}
  #mTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content}
  #mTable thead th{height:44px;box-sizing:border-box}
  .sk-last{box-shadow:3px 0 4px -2px rgba(0,0,0,.18)}
  #mTable td,#mTable th{border-right:1px solid var(--bd-2);border-bottom:1px solid var(--bd-2)}
  .we{background:var(--surface-2)}
  .drop-before{box-shadow:inset 0 3px 0 #16a34a}.drop-after{box-shadow:inset 0 -3px 0 #16a34a}.drop-zone{outline:2px dashed #16a34a;outline-offset:-3px}
  .msel{outline:2px solid #2563eb!important;outline-offset:-2px;background-image:linear-gradient(#3b82f633,#3b82f633)}
  .dragging{opacity:.4}.dh{cursor:grab}.ro .dh,.ro .ud{display:none}.ud button{font-size:9px;line-height:1}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
  .blink{background:repeating-linear-gradient(45deg,#fef08a,#fef08a 6px,#fde047 6px,#fde047 12px)!important;color:#854d0e!important;animation:blink 1s infinite}
  .ro .rm{pointer-events:none;border-style:solid;background:var(--surface-2)}
  .ro [data-act]:not(.rm){display:none}
  tr.hl-row>td{box-shadow:inset 0 0 0 9999px rgba(250,204,21,.38)}
  tr.hl-row>td.sk-last{box-shadow:inset 0 0 0 9999px rgba(250,204,21,.38),3px 0 4px -2px rgba(0,0,0,.18)}
  .hl-col{box-shadow:inset 0 0 0 9999px rgba(56,189,248,.28)}
  tr.hl-row>td.hl-col{box-shadow:inset 0 0 0 9999px rgba(251,146,60,.55)}
  td.sk.tcin{background:#fff7ed!important}
  #poolBox .pwrap{background:var(--surface);color:#0f172a}
  #poolBox .ptabs{background:var(--surface-3)} #poolBox .pact{background:var(--surface);color:#047857}
  #poolBox .pcard{background:var(--surface-2);border:1px solid var(--bd-3);border-radius:.5rem;padding:.375rem .5rem}
  #poolBox select{background:var(--surface);color:inherit;border-color:var(--bd-3)}
  #poolBox .pgrp{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#b45309;background:#fef3c7;border-radius:.375rem;padding:.2rem .5rem;margin-top:.25rem}
  #poolBox .pgn{background:#fde68a;color:#92400e;border-radius:9999px;padding:0 .4rem;font-size:10px}
  #poolBox .pfoot{background:var(--surface-2);color:var(--muted)}
  html[data-theme=dark] #poolBox .pwrap{color:#e2e8f0} html[data-theme=dark] #poolBox .pact{color:#6ee7b7}
  html[data-theme=dark] #poolBox .pgrp{background:#78350f;color:#fde68a} html[data-theme=dark] #poolBox .pgn{background:#92400e;color:#fef3c7}
  .mark-on{background:#fee2e2!important;border-color:#f87171!important;color:#b91c1c!important}
  html{-webkit-text-size-adjust:100%} body{overflow-x:hidden}
  .no-scrollbar::-webkit-scrollbar{display:none} .no-scrollbar{scrollbar-width:none}
  nav button,#squads button{flex-shrink:0;white-space:nowrap}
  .mwrap{max-height:calc(100vh - 210px)}
  .zt td[data-l]::before,.rt td[data-l]::before{content:attr(data-l);display:none;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:1px}