/* KNC Kèo board v4 — own-branded (diverged from kqbd247). Rail + 7-day tabs + rich table. */
.knc-keo{background:#fff;border:1px solid #dfe6e2;border-radius:10px;overflow:hidden;font-size:12px;color:#222;margin:0 auto 14px;max-width:980px}
.knc-tabs{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid #eee;overflow-x:auto}
.knc-tabs a{padding:6px 14px;border-radius:16px;background:#f0f2f1;color:#555;white-space:nowrap;font-weight:600;text-decoration:none}
.knc-tabs a.on{background:#0b6b3a;color:#fff}
.knc-tabs a.knc-live-tab{color:#c0392b}
.knc-tabs a.knc-live-tab.on{background:#c0392b;color:#fff}
.knc-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c0392b;margin-right:5px;vertical-align:middle;animation:knc-blink 1.2s infinite}
.knc-tabs a.knc-live-tab.on .knc-live-dot{background:#fff}
@keyframes knc-blink{0%,100%{opacity:1}50%{opacity:.25}}

/* Soi kèo chip strip (homepage, above board) + CLB pages */
.knc-chips{margin:0 0 12px}
.knc-chips-h{font-weight:800;color:#0b6b3a;font-size:14px;margin:0 0 7px}
.knc-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.knc-chip{display:inline-block;padding:5px 12px;border-radius:16px;background:#f0f4f2;border:1px solid #dbe7e0;color:#0b6b3a;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.knc-chip:hover{background:#0b6b3a;color:#fff;border-color:#0b6b3a}
.knc-chip-g{background:#eaf5ee;border-color:#bfe0cd}
.knc-chip-cur{background:#0b6b3a;color:#fff;border-color:#0b6b3a}
/* CLB newsfeed */
.knc-club{font-size:13px;color:#222;max-width:820px}
.knc-club-h1{font-size:22px;color:#0b6b3a;margin:0 0 4px}
.knc-club-sub{color:#666;margin:0 0 12px;font-size:13px}
.knc-cc{border:1px solid #e2e8e4;border-radius:10px;margin:0 0 12px;overflow:hidden;background:#fff}
.knc-cc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;background:#f7faf8;border-bottom:1px solid #eef3f0;font-size:11.5px;color:#777}
.knc-cc-lg{font-weight:600;color:#0b6b3a}
.knc-cc-ft{color:#0b6b3a;font-weight:700;margin-left:5px}
.knc-cc-live{color:#c0392b;font-weight:700;margin-left:5px}
.knc-cc-up{color:#c07a1f;font-weight:700;margin-left:5px}
.knc-cc-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px}
.knc-cc-t{display:flex;align-items:center;gap:7px}
.knc-cc-teams .knc-cc-t:last-child{flex-direction:row-reverse;text-align:right}
.knc-cc-t img{width:26px;height:26px;object-fit:contain}
.knc-cc-sc{font-size:20px;font-weight:800;color:#0b6b3a;font-variant-numeric:tabular-nums}
.knc-cc-vs{font-size:14px;font-weight:700;color:#c0392b}
.knc-cc-pred{padding:10px 12px;background:#fafcfb;border-top:1px dashed #e2e8e4}
/* verdict */
.knc-cc-verdict{font-size:14px;margin-bottom:6px}
.knc-cc-verdict .vd{display:inline-block;background:#0b6b3a;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;margin-right:6px}
.knc-cc-verdict b{color:#0b6b3a;font-size:15px}
.knc-cc-verdict em{color:#666;font-style:normal;font-size:12px}
.knc-cc-adv{margin-bottom:9px;font-size:13px;background:#fff7e6;border:1px solid #ffe2b0;border-radius:8px;padding:6px 10px}
.knc-cc-adv span{color:#c07a1f;font-weight:600}
.knc-cc-adv b{color:#b45309}
/* % cửa */
.knc-cc-pct{display:flex;gap:6px;margin-bottom:9px}
.knc-cc-pct span{flex:1;text-align:center;padding:7px 4px;border-radius:7px;font-size:11.5px;background:#eef3f0;line-height:1.3}
.knc-cc-pct .pc-h{background:#e7f3ec}.knc-cc-pct .pc-a{background:#fdeeee}
.knc-cc-pct b{display:block;font-size:16px;color:#0b6b3a;margin-top:2px}
.knc-cc-pct .pc-a b{color:#c0392b}.knc-cc-pct .pc-d b{color:#777}
.knc-cc-pct .win{outline:2px solid #0b6b3a;font-weight:700}
/* key bets */
.knc-cc-bets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.knc-cc-bets .bet{background:#eef3f0;border-radius:7px;padding:5px 10px;font-size:12px}
.knc-cc-bets .bet b{color:#0b6b3a}
.knc-cc-bets .bet-uo{background:#eaf1fb}.knc-cc-bets .bet-uo b{color:#1d4ed8}
/* form badges */
.knc-cc-form{display:flex;gap:16px;margin-bottom:9px;flex-wrap:wrap}
.knc-cc-form .ff{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#666}
.knc-cc-form .ff i{font-style:normal;font-weight:600;margin-right:3px}
.fb{display:inline-block;width:17px;height:17px;line-height:17px;text-align:center;border-radius:4px;font-size:10.5px;font-weight:700;color:#fff}
.fb-w{background:#0b8a43}.fb-d{background:#b0b0b0}.fb-l{background:#c0392b}
/* comparison bars */
.knc-cc-cmps{margin-bottom:8px}
.knc-cc-cmp{display:grid;grid-template-columns:64px 1fr 74px;align-items:center;gap:8px;margin:4px 0;font-size:11px;color:#666}
.knc-cc-cmp .cl{color:#555}
.knc-cc-cmp .cmp-bar{height:8px;border-radius:4px;background:#fdeeee;overflow:hidden}
.knc-cc-cmp .cmp-bar i{display:block;height:100%;background:#0b6b3a}
.knc-cc-cmp .cmp-v{text-align:right;font-variant-numeric:tabular-nums}
/* h2h */
.knc-cc-h2h{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;padding-top:6px;border-top:1px dashed #e6ede9;flex-wrap:wrap}
.knc-cc-h2h b{font-weight:700}.knc-cc-h2h .hw{color:#0b8a43}.knc-cc-h2h .hd{color:#888}.knc-cc-h2h .hl{color:#c0392b}
.knc-cc-h2h .h2s{display:inline-block;background:#eef3f0;border-radius:4px;padding:1px 6px;margin-left:4px;font-variant-numeric:tabular-nums;font-size:11px}
.knc-wrap{display:flex;align-items:flex-start}
.knc-rail{width:78px;flex:0 0 78px;border-right:1px solid #eee;max-height:660px;overflow-y:auto}
.knc-rail-i{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;text-decoration:none;color:#444;border-bottom:1px solid #f4f4f4;border-left:3px solid transparent}
.knc-rail-i img{width:26px;height:26px;object-fit:contain}
.knc-rail-i span{font-size:10.5px;font-weight:600;text-align:center;line-height:1.1}
.knc-rail-i:hover{background:#f5faf7}
.knc-rail-i.cur{border-left-color:#9ccc1f;background:#f0f7ea;color:#0b6b3a}
.knc-main{flex:1;min-width:0}
.knc-scroll{overflow-x:auto}
.knc-hg,.knc-hs,.knc-mr{display:grid;grid-template-columns:50px 180px 46px repeat(8,50px) 44px 40px;min-width:860px;align-items:stretch}
.c-sc{display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #f2f2f2;line-height:1.15;font-variant-numeric:tabular-nums}
.knc-mr .c-sc b{font-weight:700}
.knc-mr .c-sc.sc-ft b{color:#0b6b3a}
.knc-mr .c-sc.sc-live b{color:#c0392b}
.knc-mr .c-sc small{font-size:9px;color:#999;font-weight:400}
.knc-mr .c-sc.sc-live small{color:#c0392b}
.knc-mr .c-sc .sc-none{color:#bbb}
.knc-hg{background:#0e5a33;color:#fff;font-weight:700;text-align:center}
.knc-hg .grp3{grid-column:span 3;border-left:1px solid rgba(255,255,255,.25);padding:6px 0}
.knc-hg .grp2{grid-column:span 2;border-left:1px solid rgba(255,255,255,.25);padding:6px 0}
.knc-hg .c1{padding:6px 0;border-left:1px solid rgba(255,255,255,.25)}
.knc-hs{background:#f3f5f4;color:#666;font-weight:600;text-align:center;border-bottom:1px solid #e2e8e4}
.knc-hs>span{padding:6px 1px}
.knc-lgh{background:#eaf5ee;border-bottom:1px solid #dceee2;padding:7px 12px;font-weight:800}
.knc-lgh a{color:#0b6b3a;text-decoration:none}
.knc-lgh a:hover{text-decoration:underline}
.knc-mr{border-bottom:1px solid #f1f1f1}
.knc-mr:hover{background:#f7fbf9}
.knc-mr .c-t{font-size:11px;color:#c0392b;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center}
.knc-mr .c-t small{color:#999;font-weight:400}
.knc-mr .c-tm{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 6px}
.knc-mr .tm{display:flex;align-items:center;gap:5px}
.knc-mr .tm img{width:15px;height:15px;object-fit:contain}
.knc-mr .cc,.knc-mr .c1{display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #f2f2f2;font-variant-numeric:tabular-nums;line-height:1.3}
.knc-mr .cc .ln{color:#c0392b;font-weight:700}
.knc-mr .g-cor{background:#fff9f0}
.knc-mr .c1x{display:flex;align-items:center;justify-content:center;border-left:1px solid #f2f2f2}
.knc-more{border:1px solid #0b6b3a;background:#fff;color:#0b6b3a;border-radius:12px;padding:2px 7px;font-size:11px;cursor:pointer}
.knc-more.open{background:#0b6b3a;color:#fff}
.knc-det{grid-column:1/-1;background:#f4faf6;border-bottom:1px solid #e3efe7;padding:8px 12px;font-size:12px;min-width:820px}
.knc-det em{color:#0b6b3a;font-style:normal;font-weight:600}
.knc-det[hidden]{display:none}
.knc-empty{padding:18px 12px;text-align:center;color:#888}
.knc-foot{padding:8px 12px;font-size:11px;color:#888;background:#fafafa}
@media(max-width:760px){
  .knc-wrap{flex-direction:column}
  .knc-rail{width:100%;flex:none;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;border-right:0;border-bottom:1px solid #eee}
  .knc-rail-i{flex:0 0 auto;min-width:62px;border-left:0;border-bottom:0;border-top:3px solid transparent}
  .knc-rail-i.cur{border-left:0;border-top-color:#9ccc1f}
}

/* 761–1199px: rail = cột IN-FLOW trước bảng (gutter chưa đủ để nổi mà không đè) */
@media(min-width:761px){
  .knc-keo{padding-left:0}
  .knc-rail{position:static;width:96px;flex:0 0 96px;max-height:none;overflow:visible;background:#fff;border:0;border-right:1px solid #eee;border-radius:0;box-shadow:none;margin-right:6px}
  .knc-rail-i img{width:30px;height:30px}
  .knc-rail-i span{font-size:11px}
  .knc-hg,.knc-hs,.knc-mr{grid-template-columns:60px minmax(180px,2.2fr) 48px repeat(8,minmax(52px,1fr)) minmax(48px,1fr) 44px;min-width:0}
  .knc-det{min-width:0}
}
/* ≥1200px: đủ gutter trái → rail = MENU NỔI cố định, sát mé ngoài cùng bên trái, canh giữa theo chiều
   dọc → LUÔN thấy khi cuộn (kể cả cuối trang) và KHÔNG bao giờ bị menu trên che. */
@media(min-width:1200px){
  .knc-rail{position:fixed;left:12px;top:50%;transform:translateY(-50%);width:92px;flex:none;max-height:calc(100vh - 40px);overflow-y:auto;z-index:40;background:#fff;border:1px solid #eaeaea;border-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.12);margin-right:0}
}
/* League soi-kèo page → CLB list section (v1.6.0) */
.knc-clublist{margin:14px 12px 4px;padding:12px 14px;background:#fafcfb;border:1px solid #e3ede8;border-radius:10px}
.knc-clublist-h2{font-size:16px;font-weight:800;color:#0b6b3a;margin:0 0 9px}
.knc-clublist .knc-chips-row{margin:0}
/* CLB soi-kèo per-match headings (v1.6.1) — SEO heading structure, kept visually compact */
.knc-cc-h{font-size:16px;font-weight:800;color:#0b6b3a;margin:0 0 8px;line-height:1.35}
.knc-cc-ph{font-size:13.5px;font-weight:700;color:#0b6b3a;margin:2px 0 8px}
/* Freshness badge (v1.6.4) — prominent "🟢 Cập nhật lúc HH:MM · dd/mm/YYYY" at top of board/club.
   Live-odds pages must SHOW freshness, not just claim "cập nhật liên tục". */
.knc-fresh{display:inline-flex;align-items:center;gap:8px;margin:2px 12px 12px;padding:7px 14px;font-size:14px;font-weight:600;color:#0a7d33;background:#e8f9ee;border:1px solid #b6ebc7;border-radius:999px;line-height:1.2}
.knc-fresh b{color:#065f24;font-weight:700}
.knc-fresh-dot{width:9px;height:9px;border-radius:50%;background:#18b84a;animation:knc-fresh-pulse 1.6s infinite}
@keyframes knc-fresh-pulse{0%{box-shadow:0 0 0 0 rgba(24,184,74,.45)}70%{box-shadow:0 0 0 7px rgba(24,184,74,0)}100%{box-shadow:0 0 0 0 rgba(24,184,74,0)}}
.knc-club .knc-fresh{margin-left:0}