/* ===== TEAMS & GROUP STANDINGS (deliberately distinct from the player grid) ===== */
.nav menu a.cur{color:var(--ink)}
.nav menu a.cur::after{width:100%;background:var(--lime-deep)}

/* hero — cyan/magenta accent to contrast the player page */
.tm-hero{background:var(--ink);color:#fff;padding:48px 0 42px;position:relative;overflow:hidden;isolation:isolate}
.tm-hero::before{content:"";position:absolute;z-index:-1;width:640px;height:640px;top:-260px;left:-160px;border-radius:50%;background:radial-gradient(circle,rgba(19,214,230,.26),rgba(19,214,230,0) 66%);filter:blur(42px)}
.tm-hero::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;bottom:-260px;right:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,46,116,.2),rgba(255,46,116,0) 70%);filter:blur(46px)}
.tm-hero .eyebrow{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.tm-hero h1{font-family:"Big Shoulders Display";font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.01em;font-size:clamp(38px,7vw,76px);margin:8px 0 12px}
.tm-hero h1 em{font-style:normal;color:var(--cyan)}
.tm-hero .sub{color:#cfd4cb;font-size:15.5px;max-width:64ch}
.tm-hero .sub b{color:#fff}

/* toolbar (same search/sort behaviour as players, aligned 38px controls) */
.tm-bar{position:sticky;top:68px;z-index:80;background:rgba(244,243,234,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px 0}
.tm-bar .wrap{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.tm-field{display:flex;flex-direction:column;gap:3px}
.tm-field>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.tm-field-search{flex:1 1 280px;min-width:200px}
.tm-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 12px;width:100%;height:38px;transition:border-color .15s,box-shadow .15s}
.tm-search:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(19,214,230,.4)}
.tm-search .ic{color:var(--ink-soft);font-size:16px;font-weight:700}
.tm-search input{border:none;background:none;outline:none;padding:0;font:inherit;font-size:13.5px;width:100%;height:100%;color:var(--ink)}
.tm-legend{margin-left:auto;align-self:center;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-soft)}
.tm-legend .dot{width:11px;height:11px;border-radius:3px;background:var(--conf-high);box-shadow:-4px 0 0 -1px var(--conf-high)}

.tm-block{padding-top:20px}
.tm-count{font-weight:700;color:var(--ink-soft);font-size:13px;margin:0 0 16px;letter-spacing:.02em}

/* GROUP VIEW — grid of mini standings tables */
.tm-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(372px,1fr));gap:18px}
.grp-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.grp-head{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:13px 16px;font-family:"Big Shoulders Display";font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.02em}
.grp-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--cyan);color:var(--ink);font-size:15px;font-weight:900}
.grp-table{width:100%;border-collapse:collapse;font-size:13px}
.grp-table thead th{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:9px 6px;border-bottom:1px solid var(--line);text-align:center}
.grp-table th.l,.grp-table td.tm{text-align:left}
.grp-table tbody td{padding:10px 6px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.grp-table tbody tr:last-child td{border-bottom:none}
.grp-table .rk{width:30px;font-weight:800;color:var(--ink);padding-left:14px}
.grp-table .tm{padding-left:4px;min-width:0}
.grp-table .tm a{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}
.grp-table .tm a:hover{color:var(--magenta)}
.grp-table .tm .fl{font-size:17px;flex:none}
.grp-table .tm .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grp-table .wdl{font-weight:600;white-space:nowrap}
.grp-table .pts{font-family:"Big Shoulders Display";font-weight:800;font-size:19px;color:var(--ink);padding-right:14px}
.grp-table tr.qual td.rk{box-shadow:inset 3px 0 0 var(--conf-high)}
.grp-table tr.qual{background:rgba(31,170,89,.06)}
.grp-table tr.qual .rk{color:var(--conf-high)}

/* FLAT VIEW — one full standings table */
.tm-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);background:var(--card)}
.tm-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.tm-table thead th{position:sticky;top:0;background:var(--ink);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 8px;text-align:center}
.tm-table th.l,.tm-table td.tm,.tm-table td.l{text-align:left}
.tm-table tbody td{padding:11px 8px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.tm-table tbody tr:hover{background:var(--paper)}
.tm-table .rk{font-weight:800;color:var(--ink);padding-left:16px;width:42px}
.tm-table .tm a{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink)}
.tm-table .tm a:hover{color:var(--magenta)}
.tm-table .tm .fl{font-size:18px;flex:none}
.tm-table .pts{font-family:"Big Shoulders Display";font-weight:800;font-size:18px;color:var(--ink)}
.tm-table .sq a{color:var(--lime-deep);font-weight:700}
.tm-table .sq a:hover{text-decoration:underline}
.gchip{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:6px;background:var(--ink);color:#fff;font-weight:800;font-size:11px;padding:0 5px}

/* form dots */
.frm{display:inline-flex;gap:3px;justify-content:center}
.frm i{width:9px;height:9px;border-radius:50%;display:inline-block}
.f-w{background:var(--conf-high)}.f-d{background:var(--conf-mid)}.f-l{background:var(--loss)}.f-x{background:var(--line)}

.tm-empty{padding:42px;text-align:center;color:var(--ink-soft);background:var(--card);border:1px dashed var(--line);border-radius:16px}

@media (max-width:760px){
  .tm-groups{grid-template-columns:1fr}
  .tm-field-search{flex:1 1 100%}
  .tm-legend{margin-left:0}
}