/* ==========================================================================
   VTK Voleybol · Maç Merkezi — esvoleybol.com görünümüne uyumlu stiller
   Tüm kurallar #vtk-app altında tanımlıdır: WordPress temasının (Avada)
   başlık/tablo/düğme stilleri modülü bozmaz, modül de temayı etkilemez.
   ========================================================================== */
#vtk-app {
  --vtk-navy: #2A338C;
  --vtk-navy-d: #1F2670;
  --vtk-navy-50: #EEF0FA;
  --vtk-navy-100: #DDE1F4;
  --vtk-red: #DF2826;
  --vtk-ink: #0F172A;
  --vtk-ink2: #1E293B;
  --vtk-muted: #64748B;
  --vtk-line: #E5E7EB;
  --vtk-soft: #F8FAFC;
  --vtk-card: #FFFFFF;
  --vtk-win: #15803D;
  --vtk-win-bg: #DCFCE7;
  --vtk-loss: #B91C1C;
  --vtk-loss-bg: #FEE2E2;
  --vtk-wait-bg: #F1F5F9;
  --vtk-radius: 12px;
  --vtk-shadow: 0 4px 14px rgba(0, 0, 0, .06);
  --vtk-font: "Goldplay", Goldplay-Regular, Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-family: var(--vtk-font);
  font-size: 15px;
  line-height: 1.5;
  color: var(--vtk-ink2);
  text-align: left;
  -webkit-text-size-adjust: 100%;
  container: vtk / inline-size;
}

/* ---------- scoped reset (theme styles must not leak in) ---------- */
#vtk-app *, #vtk-app *::before, #vtk-app *::after { box-sizing: border-box; }
#vtk-app .vtk-h, #vtk-app p, #vtk-app ul, #vtk-app li {
  margin: 0; padding: 0; font-family: var(--vtk-font); text-transform: none; letter-spacing: normal; list-style: none;
}
#vtk-app .vtk-h { color: var(--vtk-ink); font-weight: 700; line-height: 1.25; }
#vtk-app button {
  font-family: var(--vtk-font); font-size: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0;
  text-transform: none; letter-spacing: normal; line-height: inherit; box-shadow: none; min-height: 0; width: auto;
  cursor: pointer; text-align: inherit; border-radius: 0; -webkit-appearance: none; appearance: none;
}
#vtk-app button:focus-visible, #vtk-app a:focus-visible { outline: 3px solid rgba(42, 51, 140, .45); outline-offset: 2px; border-radius: 8px; }
#vtk-app table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; border: 0; background: transparent; font-size: 14px; }
#vtk-app th, #vtk-app td { border: 0; margin: 0; vertical-align: middle; font-family: var(--vtk-font); text-transform: none; letter-spacing: normal; }
#vtk-app a { color: var(--vtk-navy); text-decoration: underline; text-underline-offset: 2px; box-shadow: none; }
#vtk-app svg.vtk-ic { width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#vtk-app .vtk-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#vtk-app .vtk-num { font-variant-numeric: tabular-nums; }

/* ---------- layout ---------- */
#vtk-app .vtk-stack { display: grid; gap: 24px; }
#vtk-app .vtk-card {
  background: var(--vtk-card); border-radius: var(--vtk-radius); box-shadow: var(--vtk-shadow);
  border: 1px solid #EEF0F3; overflow: hidden;
}

/* ---------- intro / header ---------- */
#vtk-app .vtk-intro { padding: 24px 28px; display: grid; gap: 16px; }
#vtk-app .vtk-intro-top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; }
#vtk-app .vtk-title { display: flex; align-items: center; gap: 12px; font-size: 24px; font-weight: 500; color: var(--vtk-navy); }
#vtk-app .vtk-title svg.vtk-ic { font-size: 28px; color: #9AA0B5; stroke-width: 1.6; }
#vtk-app .vtk-sub { color: var(--vtk-muted); font-size: 14px; margin-top: 4px; }
#vtk-app .vtk-status {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px;
  background: var(--vtk-soft); border: 1px solid var(--vtk-line); font-size: 13px; color: var(--vtk-ink2); white-space: nowrap;
}
#vtk-app .vtk-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #22C55E; }
#vtk-app .vtk-status.is-stale { background: #FFFBEB; border-color: #FDE68A; color: #92400E; }
#vtk-app .vtk-status.is-stale::before { background: #F59E0B; }

/* club filter pills (navy pill like "2025-2026 Sezonu") */
#vtk-app .vtk-pills { display: flex; flex-wrap: wrap; gap: 8px; }
#vtk-app .vtk-pill {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 20px;
  border: 1.5px solid var(--vtk-navy-100); background: #fff; color: var(--vtk-navy); font-weight: 700; font-size: 14px;
  transition: background .15s, color .15s, border-color .15s;
}
#vtk-app .vtk-pill:hover { border-color: var(--vtk-navy); }
#vtk-app .vtk-pill[aria-pressed="true"] { background: var(--vtk-navy); border-color: var(--vtk-navy); color: #fff; box-shadow: 0 2px 6px rgba(42, 51, 140, .25); }
#vtk-app .vtk-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c, #94A3B8); flex: none; display: inline-block; }
#vtk-app .vtk-pill[aria-pressed="true"] .vtk-dot { box-shadow: 0 0 0 2px #fff; }

/* ---------- section card header ---------- */
#vtk-app .vtk-sec-head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
  padding: 18px 22px; border-bottom: 1px solid var(--vtk-line);
}
#vtk-app .vtk-sec-title { font-size: 19px; display: flex; align-items: center; gap: 10px; }
#vtk-app .vtk-sec-title svg.vtk-ic { color: var(--vtk-red); font-size: 20px; }
#vtk-app .vtk-sec-note { color: var(--vtk-muted); font-size: 13px; }

/* ---------- weekly ---------- */
#vtk-app .vtk-weeknav { display: flex; align-items: center; gap: 6px; }
#vtk-app .vtk-navbtn {
  width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  border: 1.5px solid var(--vtk-navy-100); color: var(--vtk-navy); background: #fff; font-size: 18px;
}
#vtk-app .vtk-navbtn:hover { border-color: var(--vtk-navy); background: var(--vtk-navy-50); }
#vtk-app .vtk-navbtn[disabled] { opacity: .35; cursor: default; }
#vtk-app .vtk-weeklabel { width: 168px; flex: none; text-align: center; line-height: 1.2; }
#vtk-app .vtk-weeklabel b { display: block; color: var(--vtk-ink); font-size: 14px; }
#vtk-app .vtk-weeklabel span { font-size: 12px; color: var(--vtk-muted); }

#vtk-app .vtk-day {
  padding: 9px 22px; background: var(--vtk-navy); color: #fff; font-weight: 700; font-size: 13px;
  display: flex; justify-content: space-between; gap: 8px;
}
#vtk-app .vtk-day.is-today { background: var(--vtk-red); }
#vtk-app .vtk-day span { font-weight: 500; opacity: .85; }

#vtk-app .vtk-m {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(108px, auto) minmax(0, 1fr); column-gap: 20px; row-gap: 8px;
  align-items: center; padding: 16px 24px; border-bottom: 1px solid var(--vtk-line);
}
#vtk-app .vtk-m:last-child { border-bottom: 0; }
#vtk-app .vtk-m:nth-child(even of .vtk-m) { background: #FBFBFD; }
#vtk-app .vtk-side { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--vtk-muted); font-size: 15px; line-height: 1.3; }
#vtk-app .vtk-side.is-home { justify-content: flex-end; text-align: right; }
#vtk-app .vtk-side.is-away { flex-direction: row-reverse; justify-content: flex-end; text-align: left; }
#vtk-app .vtk-side-name { overflow-wrap: anywhere; }
#vtk-app .vtk-side.is-ours { color: var(--vtk-ink); font-weight: 700; }
#vtk-app .vtk-side.is-won { color: var(--vtk-ink); }
#vtk-app .vtk-side .vtk-dot { width: 9px; height: 9px; }
#vtk-app .vtk-side .vtk-dot.is-empty { background: transparent; box-shadow: inset 0 0 0 1.5px #CBD5E1; }
#vtk-app .vtk-mc { display: grid; justify-items: center; gap: 4px; text-align: center; }
#vtk-app .vtk-mc-top { font-size: 13px; font-weight: 700; color: var(--vtk-ink); white-space: nowrap; }
#vtk-app .vtk-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; font-size: 12.5px; color: var(--vtk-muted); }
#vtk-app .vtk-meta > span { display: inline-flex; align-items: center; gap: 5px; }
#vtk-app .vtk-meta svg.vtk-ic { font-size: 13px; }
#vtk-app .vtk-sc {
  font-weight: 800; font-size: 18px; padding: 4px 12px; border-radius: 8px; background: var(--vtk-wait-bg); color: var(--vtk-ink);
  white-space: nowrap; letter-spacing: .02em;
}
#vtk-app .vtk-sc.is-win { background: var(--vtk-win-bg); color: var(--vtk-win); }
#vtk-app .vtk-sc.is-loss { background: var(--vtk-loss-bg); color: var(--vtk-loss); }
#vtk-app .vtk-res { font-size: 11.5px; font-weight: 700; }
#vtk-app .vtk-res.is-win { color: var(--vtk-win); }
#vtk-app .vtk-res.is-loss { color: var(--vtk-loss); }
#vtk-app .vtk-res.is-wait { color: var(--vtk-muted); font-weight: 600; }
#vtk-app .vtk-vs { font-size: 12px; font-weight: 800; letter-spacing: .08em; color: var(--vtk-navy); padding: 4px 12px; border-radius: 8px; background: var(--vtk-navy-50); }
#vtk-app .vtk-sets { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
#vtk-app .vtk-set { font-size: 12px; padding: 1px 7px; border-radius: 6px; border: 1px solid var(--vtk-line); color: var(--vtk-muted); background: #fff; }
#vtk-app .vtk-set.is-won { color: var(--vtk-ink); font-weight: 700; border-color: #CBD5E1; }

#vtk-app .vtk-empty { padding: 28px 22px; color: var(--vtk-muted); font-size: 14px; text-align: center; }
#vtk-app .vtk-empty b { color: var(--vtk-ink2); }
#vtk-app .vtk-sum { display: flex; gap: 6px; flex-wrap: wrap; }
#vtk-app .vtk-tag { font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 12px; background: var(--vtk-navy-50); color: var(--vtk-navy); white-space: nowrap; }
#vtk-app .vtk-tag.is-win { background: var(--vtk-win-bg); color: var(--vtk-win); }
#vtk-app .vtk-tag.is-loss { background: var(--vtk-loss-bg); color: var(--vtk-loss); }
#vtk-app .vtk-tag.is-soft { background: #fff; color: var(--vtk-muted); border: 1px solid var(--vtk-line); }
#vtk-app .vtk-weeksum { flex-basis: 100%; }

/* ---------- accordion ---------- */
#vtk-app .vtk-acc-wrap { padding: 18px; display: grid; gap: 12px; background: var(--vtk-soft); }
#vtk-app .vtk-acc { border-radius: 10px; background: #fff; border: 1px solid var(--vtk-line); overflow: hidden; }
#vtk-app .vtk-acc.is-open { border-color: var(--vtk-navy-100); }
#vtk-app .vtk-acc-btn {
  width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; text-align: left; background: #fff;
  transition: background .15s;
}
#vtk-app .vtk-acc-btn:hover { background: #FAFAFD; }
#vtk-app .vtk-acc-chev {
  margin-left: auto; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: var(--vtk-navy-50); color: var(--vtk-navy); font-size: 16px; flex: none; transition: transform .2s;
}
#vtk-app .vtk-acc.is-open > .vtk-acc-btn .vtk-acc-chev { transform: rotate(180deg); background: var(--vtk-navy); color: #fff; }
#vtk-app .vtk-acc-panel { padding: 0 14px 14px; display: grid; gap: 10px; }
#vtk-app .vtk-acc-panel[hidden] { display: none; }

/* level 1: club */
#vtk-app .vtk-acc.is-l1 { box-shadow: var(--vtk-shadow); }
#vtk-app .vtk-acc.is-l1 > .vtk-acc-btn { padding: 18px 18px; }
#vtk-app .vtk-l1-name { font-size: 19px; font-weight: 800; color: var(--vtk-ink); }
#vtk-app .vtk-l1-meta { font-size: 13px; color: var(--vtk-muted); }
#vtk-app .vtk-acc.is-l1 > .vtk-acc-panel { padding: 0 16px 16px; background: #fff; }

/* level 2: category */
#vtk-app .vtk-acc.is-l2 { background: #fff; }
#vtk-app .vtk-acc.is-l2 > .vtk-acc-btn { flex-wrap: wrap; row-gap: 6px; }
#vtk-app .vtk-l2-name { font-size: 16px; font-weight: 700; color: var(--vtk-navy); min-width: 110px; }
#vtk-app .vtk-l2-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#vtk-app .vtk-rchip { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; padding: 3px 10px; border-radius: 14px; background: var(--vtk-soft); border: 1px solid var(--vtk-line); color: var(--vtk-ink2); white-space: nowrap; }
#vtk-app .vtk-rchip b { color: var(--vtk-navy); }
#vtk-app .vtk-acc.is-l2 > .vtk-acc-panel { padding: 0 12px 12px; }

/* level 3: team */
#vtk-app .vtk-acc.is-l3 { border-color: var(--vtk-line); background: #fff; }
#vtk-app .vtk-acc.is-l3 > .vtk-acc-btn { padding: 12px 14px; background: var(--vtk-soft); }
#vtk-app .vtk-acc.is-l3.is-open > .vtk-acc-btn { background: var(--vtk-navy-50); }
#vtk-app .vtk-l3-main { display: grid; min-width: 0; }
#vtk-app .vtk-l3-name { font-weight: 800; color: var(--vtk-ink); font-size: 15px; }
#vtk-app .vtk-l3-comp { font-size: 12.5px; color: var(--vtk-muted); }
#vtk-app .vtk-stats { margin-left: auto; display: flex; align-items: stretch; flex: none; background: #fff; border: 1px solid var(--vtk-line); border-radius: 10px; overflow: hidden; }
#vtk-app .vtk-stat { display: grid; justify-items: center; align-content: center; gap: 2px; padding: 5px 12px; min-width: 56px; }
#vtk-app .vtk-stat + .vtk-stat { border-left: 1px solid var(--vtk-line); }
#vtk-app .vtk-stat-l { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--vtk-muted); line-height: 1; }
#vtk-app .vtk-stat-v { font-size: 17px; font-weight: 800; color: var(--vtk-ink); line-height: 1.1; }
#vtk-app .vtk-stat.is-rank { background: var(--vtk-navy); }
#vtk-app .vtk-stat.is-rank .vtk-stat-l { color: rgba(255, 255, 255, .78); }
#vtk-app .vtk-stat.is-rank .vtk-stat-v { color: #fff; }
#vtk-app .vtk-stats + .vtk-acc-chev { margin-left: 4px; }
#vtk-app .vtk-list td.c-rkcell b { color: var(--vtk-navy); font-size: 15px; }
#vtk-app .vtk-acc.is-l3 > .vtk-acc-panel { padding: 14px; gap: 16px; }

#vtk-app .vtk-sub-h { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--vtk-muted); margin-bottom: 8px; display: flex; justify-content: space-between; gap: 8px; }
#vtk-app .vtk-sub-h a { text-transform: none; letter-spacing: normal; font-weight: 600; font-size: 12px; }

/* standings table — same look as the site's season tables */
#vtk-app .vtk-tbl-wrap { overflow-x: auto; border-radius: 8px; border: 1px solid var(--vtk-line); -webkit-overflow-scrolling: touch; }
#vtk-app .vtk-st th {
  background: var(--vtk-navy); color: #fff; font-weight: 700; font-size: 13px; padding: 10px 8px; text-align: center; white-space: nowrap;
}
#vtk-app .vtk-st td { padding: 9px 8px; text-align: center; color: var(--vtk-ink2); border-top: 1px solid #EEF0F3; font-variant-numeric: tabular-nums; white-space: nowrap; }
#vtk-app .vtk-st tbody tr:nth-child(even) td { background: #FAFAFC; }
#vtk-app .vtk-st .c-rank { width: 44px; font-weight: 700; }
#vtk-app .vtk-st .c-team { text-align: left; }
#vtk-app .vtk-st td.c-team { white-space: normal; min-width: 140px; font-weight: 600; color: var(--vtk-ink); }
#vtk-app .vtk-st td.c-p { font-weight: 800; color: var(--vtk-ink); }
#vtk-app .vtk-st tr.is-ours td { background: var(--vtk-navy-50) !important; font-weight: 800; color: var(--vtk-navy); }
#vtk-app .vtk-st tr.is-ours td.c-rank { box-shadow: inset 4px 0 0 var(--vtk-red); }
#vtk-app .vtk-st .x-sm { display: none; }
#vtk-app .vtk-st .x-md { display: none; }
@container vtk (min-width: 520px) { #vtk-app .vtk-st .x-sm { display: table-cell; } }
@container vtk (min-width: 860px) { #vtk-app .vtk-st .x-md { display: table-cell; } }
#vtk-app .vtk-legend { font-size: 11.5px; color: var(--vtk-muted); margin-top: 6px; }

/* team fixture list */
#vtk-app .vtk-fx { border: 1px solid var(--vtk-line); border-radius: 8px; overflow: hidden; }
#vtk-app .vtk-fx .vtk-m { padding: 12px 14px; column-gap: 12px; grid-template-columns: minmax(0, 1fr) minmax(96px, auto) minmax(0, 1fr); }
#vtk-app .vtk-fx .vtk-side { font-size: 14px; }
#vtk-app .vtk-fx .vtk-mc-top { font-size: 12px; }
#vtk-app .vtk-fx-sep { padding: 7px 14px; font-size: 12px; font-weight: 700; color: var(--vtk-navy); background: var(--vtk-navy-50); }
#vtk-app .vtk-more { width: 100%; padding: 10px 14px; text-align: center; font-weight: 700; font-size: 13px; color: var(--vtk-navy); background: #fff; border-top: 1px solid var(--vtk-line); }
#vtk-app .vtk-more:hover { background: var(--vtk-navy-50); }
#vtk-app .vtk-twocol { display: grid; gap: 16px; }
@container vtk (min-width: 1000px) { #vtk-app .vtk-twocol { grid-template-columns: 1.15fr 1fr; align-items: start; } }

/* ---------- misc ---------- */
#vtk-app .vtk-foot { font-size: 12.5px; color: var(--vtk-muted); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 0 4px; }
#vtk-app .vtk-error { padding: 28px; text-align: center; display: grid; gap: 10px; justify-items: center; }
#vtk-app .vtk-error .vtk-h { font-size: 18px; }
#vtk-app .vtk-error p { color: var(--vtk-muted); font-size: 14px; max-width: 560px; }
#vtk-app .vtk-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 20px; background: var(--vtk-navy); color: #fff; font-weight: 700; font-size: 14px; }
#vtk-app .vtk-skel { border-radius: 10px; background: linear-gradient(90deg, #EEF0F4 25%, #F6F7FA 50%, #EEF0F4 75%); background-size: 200% 100%; animation: vtk-sh 1.4s infinite linear; }
@keyframes vtk-sh { to { background-position: -200% 0; } }

/* ---------- phones ---------- */
@container vtk (max-width: 599px) {
  #vtk-app .vtk-stack { font-size: 14px; }
  #vtk-app .vtk-intro { padding: 18px 16px; }
  #vtk-app .vtk-title { font-size: 20px; }
  #vtk-app .vtk-sec-head { padding: 14px 14px; }
  #vtk-app .vtk-sec-title { font-size: 17px; }
  #vtk-app .vtk-day { padding: 8px 14px; }
  #vtk-app .vtk-m { padding: 14px 12px; column-gap: 10px; grid-template-columns: minmax(0, 1fr) minmax(66px, auto) minmax(0, 1fr); }
  #vtk-app .vtk-fx .vtk-m { padding: 12px 8px; column-gap: 8px; grid-template-columns: minmax(0, 1fr) minmax(70px, auto) minmax(0, 1fr); }
  #vtk-app .vtk-side, #vtk-app .vtk-fx .vtk-side { font-size: 13.5px; gap: 6px; }
  #vtk-app .vtk-sc { font-size: 16px; padding: 3px 9px; }
  #vtk-app .vtk-fx .vtk-mc-top { font-size: 11px; white-space: normal; }
  #vtk-app .vtk-weeknav { width: 100%; justify-content: space-between; }
  #vtk-app .vtk-acc-wrap { padding: 10px; }
  #vtk-app .vtk-acc.is-l1 > .vtk-acc-panel { padding: 0 8px 10px; }
  #vtk-app .vtk-acc.is-l2 > .vtk-acc-panel { padding: 0 8px 8px; }
  #vtk-app .vtk-acc.is-l3 > .vtk-acc-panel { padding: 10px 8px; }
  #vtk-app .vtk-acc-btn { padding: 12px 12px; gap: 10px; }
  #vtk-app .vtk-l1-name { font-size: 17px; }
  #vtk-app .vtk-acc.is-l2 > .vtk-acc-btn .vtk-l2-chips { order: 3; flex-basis: 100%; }
  #vtk-app .vtk-l3-name { font-size: 14px; }
  #vtk-app .vtk-acc.is-l3 > .vtk-acc-btn { flex-wrap: wrap; row-gap: 8px; }
  #vtk-app .vtk-acc.is-l3 > .vtk-acc-btn .vtk-l3-main { flex: 1 1 calc(100% - 44px); order: 1; }
  #vtk-app .vtk-acc.is-l3 > .vtk-acc-btn .vtk-acc-chev { order: 2; }
  #vtk-app .vtk-acc.is-l3 > .vtk-acc-btn .vtk-stats { order: 3; margin-left: 0; }
  #vtk-app .vtk-acc.is-l3 > .vtk-acc-btn .vtk-wait { order: 3; margin-left: 0; }
  #vtk-app .vtk-st th, #vtk-app .vtk-st td { padding: 8px 5px; }
  #vtk-app .vtk-st .c-team { min-width: 110px; }
}
@media (prefers-reduced-motion: reduce) {
  #vtk-app *, #vtk-app *::before, #vtk-app *::after { transition: none !important; animation: none !important; }
}

/* ---------- takım listesi, veli adları ---------- */
#vtk-app .vtk-intro { padding: 16px 20px; }
#vtk-app .vtk-intro-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
#vtk-app .vtk-listbtn {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 20px; font-weight: 700; font-size: 14px;
  color: var(--vtk-navy); background: var(--vtk-navy-50); border: 1.5px solid transparent;
}
#vtk-app .vtk-listbtn:hover { border-color: var(--vtk-navy); }
#vtk-app .vtk-off { display: block; font-size: 11.5px; font-weight: 500; color: var(--vtk-muted); line-height: 1.3; }
#vtk-app .vtk-st td.c-team .vtk-off { font-weight: 500; }
#vtk-app .vtk-acc-btn.is-static { cursor: default; }
#vtk-app .vtk-acc.is-waiting .vtk-acc-btn.is-static:hover { background: var(--vtk-soft); }
#vtk-app .vtk-wait { margin-left: auto; flex: none; font-size: 12px; font-weight: 700; color: var(--vtk-muted); background: #fff; border: 1px dashed #CBD5E1; border-radius: 12px; padding: 3px 10px; }
#vtk-app .vtk-rchip.is-wait { color: var(--vtk-muted); border-style: dashed; }
#vtk-app .vtk-rchip.is-wait b { color: var(--vtk-muted); font-weight: 600; }

/* pencere (dialog) */
#vtk-app .vtk-dialog {
  width: min(960px, calc(100vw - 24px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: var(--vtk-radius);
  box-shadow: 0 20px 60px rgba(15, 23, 42, .3); color: var(--vtk-ink2); font-family: var(--vtk-font); background: #fff; overflow: hidden;
}
#vtk-app .vtk-dialog[open] { display: flex; flex-direction: column; }
#vtk-app .vtk-dialog::backdrop { background: rgba(15, 23, 42, .55); }
#vtk-app .vtk-dlg-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--vtk-line); }
#vtk-app .vtk-dlg-title { font-size: 19px; }
#vtk-app .vtk-dlg-body { margin: 16px 20px 20px; overflow: auto; }
#vtk-app .vtk-list td, #vtk-app .vtk-list th { white-space: nowrap; }
#vtk-app .vtk-list td.c-team { white-space: nowrap; }
#vtk-app .vtk-list td b { color: var(--vtk-navy); }
@media (max-width: 599px) {
  #vtk-app .vtk-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 32px); }
  #vtk-app .vtk-dlg-body { margin: 10px; }
}

/* üst karttaki hafta düğmeleri ve Takımlarımız kartındaki grup filtresi */
#vtk-app .vtk-pill svg.vtk-ic { font-size: 16px; }
#vtk-app .vtk-teams-filter { flex-basis: 100%; }
@container vtk (max-width: 599px) {
  #vtk-app .vtk-weeklabel { width: auto; flex: 1 1 auto; }
  #vtk-app .vtk-intro .vtk-pills { width: 100%; }
  #vtk-app .vtk-intro .vtk-pill { flex: 1 1 auto; justify-content: center; }
}