/* WC26 Pro Schedule v1.1.4 - clean stable layout */
.wc26-wrap,
.wc26-wrap *{
  box-sizing:border-box!important;
}

.wc26-wrap{
  --wc26-bg:#ffffff;
  --wc26-surface:#ffffff;
  --wc26-soft:#f8fafc;
  --wc26-text:#0f172a;
  --wc26-muted:#64748b;
  --wc26-border:#e2e8f0;
  --wc26-head:#0f172a;
  --wc26-head-text:#ffffff;
  --wc26-accent:var(--wc26-accent,#0f766e);
  --wc26-shadow:0 10px 28px rgba(15,23,42,.07);
  width:100%!important;
  max-width:100%!important;
  margin:14px 0!important;
  padding:12px!important;
  overflow:hidden!important;
  border:1px solid var(--wc26-border)!important;
  border-radius:14px!important;
  background:var(--wc26-bg)!important;
  color:var(--wc26-text)!important;
  box-shadow:var(--wc26-shadow)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

.wc26-theme-dark{
  --wc26-bg:#0b1220;
  --wc26-surface:#111827;
  --wc26-soft:#162033;
  --wc26-text:#e5e7eb;
  --wc26-muted:#9ca3af;
  --wc26-border:#243044;
  --wc26-head:#020617;
  --wc26-head-text:#f8fafc;
  --wc26-shadow:0 12px 30px rgba(0,0,0,.28);
}

.wc26-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 10px!important;
}
.wc26-kicker{
  margin:0 0 2px!important;
  padding:0!important;
  color:var(--wc26-accent)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.wc26-head h3,
.wc26-card h3,
.wc26-standing h3{
  margin:0!important;
  padding:0!important;
  color:var(--wc26-text)!important;
  font-weight:900!important;
  line-height:1.18!important;
}
.wc26-head h3{font-size:clamp(17px,2.1vw,24px)!important;}
.wc26-live{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border:1px solid color-mix(in srgb,var(--wc26-accent) 28%,var(--wc26-border))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--wc26-accent) 9%,var(--wc26-surface))!important;
  color:var(--wc26-accent)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.wc26-tools{margin:8px 0 10px!important;}
.wc26-filter-panel{
  display:grid!important;
  grid-template-columns:minmax(170px,1.4fr) repeat(5,minmax(110px,1fr)) auto auto!important;
  gap:6px!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  margin:8px 0 10px!important;
  padding:7px!important;
  border:1px solid var(--wc26-border)!important;
  border-radius:12px!important;
  background:var(--wc26-soft)!important;
}
.wc26-filter{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;margin:0!important;padding:0!important;}
.wc26-filter span{
  display:block!important;
  color:var(--wc26-muted)!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.wc26-search,
.wc26-filter select,
.wc26-filter input{
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:5px 8px!important;
  border:1px solid var(--wc26-border)!important;
  border-radius:8px!important;
  background:var(--wc26-surface)!important;
  color:var(--wc26-text)!important;
  font:inherit!important;
  font-size:12px!important;
  line-height:1.2!important;
  box-shadow:none!important;
  outline:none!important;
}
.wc26-search:focus,
.wc26-filter select:focus,
.wc26-filter input:focus{border-color:var(--wc26-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--wc26-accent) 18%,transparent)!important;}
.wc26-reset,
.wc26-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.wc26-reset{border:1px solid var(--wc26-border)!important;background:var(--wc26-surface)!important;color:var(--wc26-text)!important;cursor:pointer!important;}
.wc26-reset:hover{border-color:var(--wc26-accent)!important;color:var(--wc26-accent)!important;}
.wc26-count{border:1px solid transparent!important;background:color-mix(in srgb,var(--wc26-accent) 10%,var(--wc26-surface))!important;color:var(--wc26-accent)!important;}

.wc26-table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid var(--wc26-border)!important;
  border-radius:11px!important;
  background:var(--wc26-surface)!important;
}
.wc26-table-scroll::-webkit-scrollbar{height:6px!important;}
.wc26-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:999px!important;}
.wc26-theme-dark .wc26-table-scroll::-webkit-scrollbar-thumb{background:#475569!important;}

.wc26-table{
  width:100%!important;
  min-width:760px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
  background:var(--wc26-surface)!important;
}
.wc26-table th,
.wc26-table td{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--wc26-border)!important;
  vertical-align:middle!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wc26-table th{
  padding:8px 9px!important;
  background:var(--wc26-head)!important;
  color:var(--wc26-head-text)!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.wc26-table td{
  padding:7px 9px!important;
  background:var(--wc26-surface)!important;
  color:var(--wc26-text)!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.wc26-table tbody tr:hover td{background:color-mix(in srgb,var(--wc26-accent) 5%,var(--wc26-surface))!important;}
.wc26-table tbody tr:last-child td{border-bottom:0!important;}

/* Schedule columns */
.wc26-schedule-table th:nth-child(1),.wc26-schedule-table td:nth-child(1){width:92px!important;}
.wc26-schedule-table th:nth-child(2),.wc26-schedule-table td:nth-child(2){width:64px!important;}
.wc26-schedule-table th:nth-child(3),.wc26-schedule-table td:nth-child(3){width:76px!important;}
.wc26-schedule-table th:nth-child(4),.wc26-schedule-table td:nth-child(4){width:auto!important;}
.wc26-schedule-table th:nth-child(5),.wc26-schedule-table td:nth-child(5){width:150px!important;}
.wc26-schedule-table th:nth-child(6),.wc26-schedule-table td:nth-child(6){width:86px!important;}

.wc26-date-cell,.wc26-time-cell{font-variant-numeric:tabular-nums!important;color:var(--wc26-muted)!important;font-weight:800!important;}
.wc26-date-only{display:inline!important;color:inherit!important;font:inherit!important;}
.wc26-group,
.wc26-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wc26-group{background:#fee2e2!important;color:#b91c1c!important;}
.wc26-status{background:#dbeafe!important;color:#1d4ed8!important;}
.wc26-status-live{background:#fee2e2!important;color:#dc2626!important;animation:wc26Blink 1s infinite!important;}
.wc26-status-done{background:#dcfce7!important;color:#15803d!important;}
@keyframes wc26Blink{0%,100%{opacity:1}50%{opacity:.45}}

.wc26-match{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:100%!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wc26-team-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:42%!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
.wc26-team-inline strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--wc26-text)!important;
  font-size:inherit!important;
  line-height:1.15!important;
}
.wc26-team-logo,
.wc26-flag{
  display:inline-block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  flex:0 0 22px!important;
  object-fit:cover!important;
  border:1px solid var(--wc26-border)!important;
  border-radius:999px!important;
  background:var(--wc26-soft)!important;
  vertical-align:middle!important;
}
.wc26-score{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:2px 6px!important;
  border-radius:7px!important;
  background:#ecfdf5!important;
  color:#047857!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.wc26-vs{flex:0 0 auto!important;margin:0 1px!important;color:var(--wc26-muted)!important;font-size:11px!important;font-weight:900!important;}

.wc26-empty{
  margin:8px 0 0!important;
  padding:9px 10px!important;
  border:1px solid #fed7aa!important;
  border-radius:10px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.wc26-no-results[hidden]{display:none!important;}

/* Standings */
.wc26-groups{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important;gap:10px!important;}
.wc26-card{background:var(--wc26-surface)!important;border:1px solid var(--wc26-border)!important;border-radius:12px!important;padding:10px!important;box-shadow:0 5px 16px rgba(15,23,42,.04)!important;color:var(--wc26-text)!important;min-width:0!important;}
.wc26-standing{padding:0!important;overflow:hidden!important;}
.wc26-standing h3{font-size:15px!important;padding:9px 10px 7px!important;}
.wc26-standing .wc26-table-scroll{border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;}
.wc26-standings-table{min-width:520px!important;}
.wc26-standings-table th,.wc26-standings-table td{padding:6px 7px!important;font-size:11.5px!important;text-align:center!important;}
.wc26-standings-table th:first-child,.wc26-standings-table td:first-child{text-align:left!important;width:170px!important;}
.wc26-standings-table .wc26-team-inline{max-width:150px!important;}
.wc26-standings-table .wc26-team-logo{width:18px!important;height:18px!important;min-width:18px!important;flex-basis:18px!important;}

/* Teams */
.wc26-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:8px!important;}
.wc26-team-card{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.wc26-team-card h3{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.wc26-team-card p{margin:1px 0 0!important;color:var(--wc26-muted)!important;font-size:11.5px!important;line-height:1.15!important;font-weight:800!important;}
.wc26-team-card .wc26-flag{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;}
.wc26-team-card>div{min-width:0!important;}

/* AJAX skeleton */
.wc26-skeleton{display:grid!important;gap:7px!important;margin-top:8px!important;}
.wc26-skeleton-line{height:34px!important;border-radius:8px!important;background:linear-gradient(90deg,var(--wc26-soft),color-mix(in srgb,var(--wc26-soft) 60%,#dbeafe),var(--wc26-soft))!important;background-size:200% 100%!important;animation:wc26Skeleton 1.2s infinite!important;}
@keyframes wc26Skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.wc26-ajax-error{margin-top:8px!important;color:#dc2626!important;font-size:13px!important;}
.wc26-ajax-error[hidden]{display:none!important;}

@media(max-width:1100px){
  .wc26-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .wc26-filter-search{grid-column:1/-1!important;}
  .wc26-reset,.wc26-count{width:100%!important;}
}

@media(max-width:760px){
  .wc26-wrap{padding:8px!important;border-radius:12px!important;margin:10px 0!important;}
  .wc26-head{align-items:flex-start!important;gap:6px!important;margin-bottom:7px!important;}
  .wc26-head h3{font-size:16px!important;}
  .wc26-kicker{font-size:9px!important;}
  .wc26-live{font-size:9px!important;padding:4px 6px!important;}
  .wc26-filter-panel{grid-template-columns:1fr 1fr!important;gap:5px!important;padding:6px!important;margin:6px 0 7px!important;border-radius:9px!important;}
  .wc26-filter-search{grid-column:1/-1!important;}
  .wc26-filter span{font-size:8.5px!important;}
  .wc26-search,.wc26-filter select,.wc26-filter input,.wc26-reset,.wc26-count{height:28px!important;min-height:28px!important;border-radius:7px!important;font-size:11px!important;padding:4px 6px!important;}
  .wc26-table-scroll{border-radius:8px!important;}
  .wc26-table{min-width:610px!important;}
  .wc26-table th{padding:6px 5px!important;font-size:8.8px!important;letter-spacing:.025em!important;}
  .wc26-table td{padding:5px!important;font-size:10.8px!important;line-height:1.16!important;}
  .wc26-schedule-table th:nth-child(1),.wc26-schedule-table td:nth-child(1){width:66px!important;}
  .wc26-schedule-table th:nth-child(2),.wc26-schedule-table td:nth-child(2){width:0!important;padding:0!important;border:0!important;display:none!important;}
  .wc26-schedule-table th:nth-child(3),.wc26-schedule-table td:nth-child(3){width:46px!important;}
  .wc26-schedule-table th:nth-child(5),.wc26-schedule-table td:nth-child(5){width:78px!important;}
  .wc26-schedule-table th:nth-child(6),.wc26-schedule-table td:nth-child(6){width:54px!important;}
  .wc26-schedule-table th:nth-child(1)::after{content:'/Giờ'!important;}
  .wc26-date-only{display:block!important;line-height:1.05!important;}
  .wc26-date-cell::after{content:attr(data-time)!important;display:block!important;margin-top:2px!important;color:var(--wc26-text)!important;font-size:10px!important;line-height:1!important;font-weight:900!important;}
  .wc26-match{gap:2px!important;}
  .wc26-team-inline{gap:2px!important;max-width:39%!important;}
  .wc26-team-inline strong{font-size:10.5px!important;}
  .wc26-team-logo{width:15px!important;height:15px!important;min-width:15px!important;flex-basis:15px!important;}
  .wc26-vs{font-size:9px!important;}
  .wc26-score{font-size:9.5px!important;padding:1px 4px!important;border-radius:5px!important;}
  .wc26-group,.wc26-status{font-size:8.8px!important;padding:3px 4px!important;}
  .wc26-groups{grid-template-columns:1fr!important;gap:8px!important;}
  .wc26-standings-table{min-width:430px!important;}
  .wc26-standings-table th,.wc26-standings-table td{font-size:10px!important;padding:4px!important;}
  .wc26-standings-table th:first-child,.wc26-standings-table td:first-child{width:126px!important;}
  .wc26-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .wc26-card{padding:7px!important;border-radius:9px!important;}
  .wc26-team-card .wc26-flag{width:23px!important;height:23px!important;min-width:23px!important;flex-basis:23px!important;}
  .wc26-team-card h3{font-size:12.5px!important;}
  .wc26-team-card p{font-size:10px!important;}
}

@media(max-width:430px){
  .wc26-wrap{padding:6px!important;border-radius:10px!important;}
  .wc26-filter-panel{gap:4px!important;padding:5px!important;}
  .wc26-table{min-width:100%!important;}
  .wc26-schedule-table th:nth-child(5),.wc26-schedule-table td:nth-child(5){display:none!important;}
  .wc26-schedule-table th:nth-child(1),.wc26-schedule-table td:nth-child(1){width:58px!important;}
  .wc26-schedule-table th:nth-child(3),.wc26-schedule-table td:nth-child(3){width:39px!important;}
  .wc26-schedule-table th:nth-child(6),.wc26-schedule-table td:nth-child(6){width:46px!important;}
  .wc26-table th{padding:5px 3px!important;font-size:8px!important;}
  .wc26-table td{padding:4px 3px!important;font-size:10px!important;}
  .wc26-team-inline{max-width:38%!important;}
  .wc26-team-inline strong{font-size:9.8px!important;}
  .wc26-team-logo{width:13px!important;height:13px!important;min-width:13px!important;flex-basis:13px!important;}
  .wc26-group,.wc26-status{font-size:8px!important;padding:2px 3px!important;}
  .wc26-date-cell::after{font-size:9px!important;}
  .wc26-filter-panel{grid-template-columns:1fr 1fr!important;}
  .wc26-reset,.wc26-count{font-size:9.8px!important;}
}

@media(max-width:360px){
  .wc26-team-logo{display:none!important;}
  .wc26-team-inline{max-width:40%!important;}
  .wc26-grid{grid-template-columns:1fr!important;}
}