/* Group draw with pots (views/group-draw-pots.cjs). Shared pieces (count line, link row, Replay note) come from css/_court.css.
   Borders: 1px hairline. */
#visu-tools.vt-group-draw-pots [hidden] { display: none !important; }
#visu-tools.vt-group-draw-pots #vt-gd-pots { font-size: 15px; }
#visu-tools.vt-group-draw-pots .vt-gd-opts { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; margin-top: 14px; align-items: end; }
#visu-tools.vt-group-draw-pots .vt-gd-checks { display: grid; gap: 8px; margin-top: 14px; }
#visu-tools.vt-group-draw-pots .vt-gd-go { margin: 16px 0 10px; }
#visu-tools.vt-group-draw-pots .vt-gd-out { display: grid; gap: 12px; }
#visu-tools.vt-group-draw-pots .vt-gd-heading { margin: 0 !important; font-size: 18px; font-weight: 700; color: var(--vt-ink); }
#visu-tools.vt-group-draw-pots .vt-gd-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
#visu-tools.vt-group-draw-pots .vt-gd-group { padding: 10px 12px; border: 1px solid var(--vt-line); border-radius: 12px; background: var(--vt-bg); min-width: 0; }
#visu-tools.vt-group-draw-pots .vt-gd-group h3 { margin: 0 0 6px !important; font-size: 13px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; color: var(--vt-accent-text); }
#visu-tools.vt-group-draw-pots .vt-gd-group ol { list-style: none; padding: 0 !important; margin: 0 !important; display: grid; gap: 4px; }
#visu-tools.vt-group-draw-pots .vt-gd-group li { display: flex; gap: 6px; align-items: baseline; font-size: 15px; min-width: 0; }
#visu-tools.vt-group-draw-pots .vt-gd-group strong { font-weight: 650; color: var(--vt-ink); overflow-wrap: anywhere; }
#visu-tools.vt-group-draw-pots .vt-gd-pot { flex: none; min-width: 24px; font-size: 12px; font-weight: 700; color: var(--vt-muted); font-variant-numeric: tabular-nums; }
#visu-tools.vt-group-draw-pots .vt-gd-tag { margin-left: auto; flex: none; padding: 1px 6px; border: 1px solid var(--vt-line); border-radius: 999px; font-size: 11px; color: var(--vt-muted); }
#visu-tools.vt-group-draw-pots .vt-gd-fx { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--vt-line); display: grid; gap: 4px; }
#visu-tools.vt-group-draw-pots .vt-gd-fx-h { margin: 0 !important; font-size: 12px; font-weight: 700; color: var(--vt-muted); text-transform: uppercase; letter-spacing: .04em; }
#visu-tools.vt-group-draw-pots .vt-gd-round { margin: 0 !important; font-size: 13px; color: var(--vt-text); overflow-wrap: anywhere; }
#visu-tools.vt-group-draw-pots .vt-gd-rn { font-weight: 700; color: var(--vt-ink); margin-right: 6px; }
#visu-tools.vt-group-draw-pots .vt-gd-order summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--vt-ink); }
#visu-tools.vt-group-draw-pots .vt-gd-order ol { margin: 8px 0 0 !important; padding-left: 22px !important; display: grid; gap: 2px; font-size: 14px; max-height: 220px; overflow-y: auto; }
#visu-tools.vt-group-draw-pots .vt-gd-proof .vt-kv { grid-template-columns: max-content minmax(0, 1fr); gap: 14px; }
@media (max-width: 600px) {
  #visu-tools.vt-group-draw-pots .vt-gd-opts { grid-template-columns: 1fr; }
  #visu-tools.vt-group-draw-pots .vt-gd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}