/* live-table.css — bảng kết quả trực tiếp. Bố cục & kiểu chữ GIỐNG bảng kết quả ở trang chủ
   (kq-tbl, gl, db-td, g1-td, g2/g3/g4/g5/g6/g7-inner). Mọi quy tắc đặt trong .kqxs-live-wrap
   nên chạy đúng cả khi theme không có sẵn các class này. */
.kqxs-live-wrap{margin:0 0 10px;background:#fff;border:1px solid #ececec;overflow:hidden;font-family:inherit}
.kqxs-live-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px 9px;background:#c8001e;color:#fff}
.kqxs-live-badge{font-size:15px;font-weight:700;animation:kqxsBlink 1.2s ease-in-out infinite}
.kqxs-live-status{font-size:12px;color:#ffd0b0}
.kqxs-live-loading{padding:16px;text-align:center;color:#666;font-size:14px}

@layer kqxs-live-fallback{
/* ===== Miền Bắc: dự phòng (CSS của theme, nếu có, luôn được ưu tiên) ===== */
.kq-tbl{width:100%;border-collapse:collapse;background:#fff}
.kq-tbl tr{border-bottom:1px solid #ececec}
.kq-tbl tr:last-child{border-bottom:none}
.gl{width:42px;color:#110000;font-size:12px;font-weight:bold;padding:0 4px 0 8px;text-align:left;white-space:nowrap;border-right:1px solid #ececec;vertical-align:middle}
.db-td{text-align:center;padding:8px 0;font-size:28px;font-weight:bold;color:#c8001e;letter-spacing:3px}
.g1-td{text-align:center;padding:7px 0;font-size:20px;font-weight:bold;color:#110000}
.g2-inner{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}
.g2-inner .cell{text-align:center;padding:7px 4px;font-size:16px;font-weight:bold;color:#110000;border-left:1px solid #ececec}
.g2-inner .cell:first-child{border-left:none}
.g2-inner .cell.empty{color:transparent}
.gcell{text-align:center;padding:6px 4px;font-size:20px;font-weight:bold;color:#110000;border-left:1px solid #ececec;border-top:1px solid #ececec}
.g3-inner,.g5-inner,.g6-inner{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
.g4-inner,.g7-inner{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
.g3-inner .gcell:nth-child(-n+3),.g5-inner .gcell:nth-child(-n+3){border-top:none}
.g3-inner .gcell:nth-child(3n+1),.g5-inner .gcell:nth-child(3n+1){border-left:none}
.g4-inner .gcell,.g6-inner .gcell,.g7-inner .gcell{border-top:none}
.g4-inner .gcell:first-child,.g6-inner .gcell:first-child,.g7-inner .gcell:first-child{border-left:none}
.g6-inner .gcell{font-size:14px}
.g7-inner .gcell{font-size:22px;color:#c8001e;padding:6px 4px}

.dd-wrap{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ddd}
.dd-wrap .dd-tbl{width:100%;border-collapse:collapse}
.dd-wrap .dd-tbl:first-child{border-right:2px solid #ddd}
.dd-wrap .dd-tbl th{background:#fff;font-size:17px;font-weight:bold;padding:7px 10px;border-bottom:1px solid #ddd;color:#555}
.dd-wrap .dd-tbl th.tl{text-align:left}.dd-wrap .dd-tbl th.tr{text-align:right}
.dd-wrap .dd-tbl td{border-bottom:1px solid #f2f2f2;padding:5px 10px;font-size:17px}
.dd-wrap .dd-tbl tr:last-child td{border-bottom:none}
.dd-wrap .dd-tbl td.idx{color:#c8001e;font-weight:bold;width:28px}
.dd-wrap .dd-tbl.left td.idx{text-align:left}.dd-wrap .dd-tbl.right td.idx{text-align:right}
.dd-wrap .dd-tbl.left td.vals{text-align:left;color:#110000}.dd-wrap .dd-tbl.right td.vals{text-align:right;color:#110000}
.dd-wrap .hot{color:#c8001e;font-weight:bold}
}

/* số đã ra / đang chờ */
.kqxs-num{display:inline-block;min-width:1ch}
.kqxs-num.just-updated{animation:kqxsFlash .8s ease-out}
.kqxs-pending{display:inline-flex;align-items:center;justify-content:center;min-height:22px;vertical-align:middle}
.kqxs-spinner-icon{width:16px;height:16px;border:3px solid #ececec;border-top-color:#c8001e;border-radius:50%;animation:kqxsSpin .8s linear infinite}

/* ===== Miền Nam / Miền Trung: nhiều cột tỉnh ===== */
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl){width:100%;border-collapse:collapse;table-layout:fixed;text-align:center}
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) td,.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) th{border-bottom:1px solid #f0f0f0;padding:5px;vertical-align:middle;font-size:18px}
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) th{font-size:17px;font-weight:bold;color:#0000FF;background:#fff;border-bottom:2px solid #e8e8e8}
.kqxs-live-label{width:34px;color:#110000;font-size:17px;font-weight:bold;background:#fafafa;border-right:1px solid #ececec}
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) .kqxs-live-single{font-size:17px;font-weight:bold;color:#110000}
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) tr[data-giai="8"] .kqxs-live-single{font-size:22px;color:#c8001e}
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) tr[data-giai="db"] td{background:#fff8f0}
.kqxs-live-wrap table.kqxs-live-table:not(.kq-tbl) tr[data-giai="db"] .kqxs-live-single{font-size:20px;color:#c8001e;letter-spacing:1px}

@keyframes kqxsSpin{to{transform:rotate(360deg)}}
@keyframes kqxsBlink{50%{opacity:.6}}
@keyframes kqxsFlash{0%{background:#fff3a8}100%{background:transparent}}
@media (max-width:580px){
  .kqxs-live-wrap .db-td{font-size:22px}
  .kqxs-live-wrap .gl{width:30px;font-size:15px;padding:0 2px 0 4px}
  .kqxs-live-wrap .g2-inner .cell,.kqxs-live-wrap .gcell{font-size:16px;padding:5px 2px}
  .kqxs-live-wrap .g7-inner .gcell{font-size:16px;padding:5px 2px}
}
@media (prefers-reduced-motion:reduce){.kqxs-live-badge,.kqxs-spinner-icon,.kqxs-num.just-updated{animation:none}}

/* Ô đang quay: số cam nhảy tự do trên nền vàng nhạt; ô chờ: vòng chấm cam */
.kqxs-live-single.kqxs-active{background:#fff0b3!important}
.kqxs-pending.kqxs-rolling{color:#f26a00;font-weight:700;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.kqxs-spinner-icon{border:3px dotted #f6b44a!important;border-top-color:#f6b44a!important;background:transparent}

.mn-tbl .kqxs-live-single.kqxs-active{display:inline-block;min-width:60%;border-radius:3px}
.mn-tbl .kqxs-pending{min-height:26px}

.mn-tbl .n-g3,.mn-tbl .n-g4,.mn-tbl .n-g6{font-size:17px;color:#110000;line-height:1.9}