/* Captain draft (tools.d, 2026-11-04). 1px hairlines. The turn bar stays in view while the list scrolls. */
#visu-tools.vt-captain-draft .vt-cd.vt-app { grid-template-columns: minmax(0, 1fr); }
#visu-tools.vt-captain-draft .vt-cd .vt-out { position: static; }
#visu-tools.vt-captain-draft .vt-cd .vt-panel[hidden] { display: none; }
#visu-tools.vt-captain-draft .vt-cd-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
#visu-tools.vt-captain-draft .vt-cd-col { display: grid; gap: 12px; align-content: start; min-width: 0; }
#visu-tools.vt-captain-draft .vt-cd .vt-seg-items { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
#visu-tools.vt-captain-draft .vt-cd .vt-seg-item span { min-height: 38px; padding: 7px 13px; font-size: 14px; }
#visu-tools.vt-captain-draft .vt-cd-count { font-size: 14px; color: var(--vt-muted); }
#visu-tools.vt-captain-draft .vt-cd-leftbox:not([hidden]) { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid #e6c98a; border-radius: 12px; background: #fdf8ec; }
#visu-tools.vt-captain-draft .vt-cd-leftlabel { font-size: 14px; color: var(--vt-ink); }
#visu-tools.vt-captain-draft .vt-cd-left-add::before { content: "+ "; }
#visu-tools.vt-captain-draft .vt-cd-plan { margin-top: 16px !important; font-size: 14.5px; color: var(--vt-ink); min-height: 1.5em; overflow-wrap: anywhere; }
#visu-tools.vt-captain-draft .vt-cd-plan-bad { color: #9b1c1c; }
#visu-tools.vt-captain-draft .vt-in > .vt-actions { margin-top: 14px; align-items: center; }
#visu-tools.vt-captain-draft .vt-in > .vt-actions + .vt-hint { margin-top: 10px !important; }
#visu-tools.vt-captain-draft .vt-cd-broken:not([hidden]) { display: block; margin-bottom: 14px; padding: 12px 14px; border: 1px solid #e0b4b4; border-radius: 12px; background: #fdf3f3; color: #7f1d1d; font-size: 14.5px; }
#visu-tools.vt-captain-draft .vt-cd-nextnote:not([hidden]) { display: block; margin-bottom: 14px; padding: 12px 14px; border-radius: 12px; background: var(--vt-tint); font-size: 14.5px; }
/* !important: the theme styles bare <button> elements. */
#visu-tools.vt-captain-draft .vt-cd-chips:not([hidden]) { display: flex; flex-wrap: wrap; gap: 6px; max-height: 188px; overflow-y: auto; }
#visu-tools.vt-captain-draft .vt-cd-chip { width: auto !important; min-height: 44px !important; margin: 0 !important; padding: 4px 12px !important; border: 1px solid var(--vt-line-2) !important; border-radius: 999px !important;
  background: #fff !important; box-shadow: none !important; color: var(--vt-ink) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; overflow-wrap: anywhere; text-align: start; }
#visu-tools.vt-captain-draft .vt-cd-chip[aria-pressed="true"] { background: var(--vt-ink) !important; border-color: var(--vt-ink) !important; color: #fff !important; }
#visu-tools.vt-captain-draft .vt-cd-empty { padding: 28px 16px; text-align: center; font-size: 15px; color: var(--vt-muted); border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-bg); }
#visu-tools.vt-captain-draft .vt-cd-board:not([hidden]) { display: grid; gap: 12px; min-width: 0; }
#visu-tools.vt-captain-draft .vt-cd-shared:not([hidden]) { padding: 10px 14px; border-radius: 12px; background: var(--vt-tint); font-size: 14px; }
#visu-tools.vt-captain-draft .vt-cd-heading { font-size: 22px; font-weight: 720; color: var(--vt-ink); letter-spacing: -0.02em; overflow-wrap: anywhere; }
#visu-tools.vt-captain-draft .vt-cd-sub { font-size: 14px; color: var(--vt-muted); margin-top: -6px !important; overflow-wrap: anywhere; }
#visu-tools.vt-captain-draft .vt-cd-turn { position: sticky; top: 8px; z-index: 5; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 12px; padding: 12px 14px; border: 1px solid var(--vt-line-2); border-radius: 14px; background: #fff; }
#visu-tools.vt-captain-draft .vt-cd-turn:focus { outline: 2px solid var(--vt-accent-text, #0670a6); outline-offset: 2px; }
#visu-tools.vt-captain-draft .vt-cd-turn-done { position: static; background: #e7f7ef; border-color: #b6e3cb; }
/* The bar keeps its height through the whole draft, or the names below it would move under the finger: one line for the next captains, and
 * the client reserves the height of the longest captain's name. */
#visu-tools.vt-captain-draft .vt-cd-turntext { display: contents; }
#visu-tools.vt-captain-draft .vt-cd-progress { grid-row: 1; grid-column: 1; min-width: 0; font-size: 13px; color: var(--vt-muted); }
#visu-tools.vt-captain-draft .vt-cd-who { grid-row: 2; grid-column: 1 / -1; min-width: 0; font-size: 20px; font-weight: 720; color: var(--vt-ink); letter-spacing: -0.01em; overflow-wrap: anywhere; }
#visu-tools.vt-captain-draft .vt-cd-next { grid-row: 3; grid-column: 1 / -1; min-width: 0; font-size: 13.5px; color: var(--vt-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#visu-tools.vt-captain-draft .vt-cd-turn .vt-btn { grid-row: 1; grid-column: 2; width: auto; }
#visu-tools.vt-captain-draft .vt-cd-section { margin-top: 6px !important; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--vt-muted); }
#visu-tools.vt-captain-draft .vt-cd-pool:not([hidden]) { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
#visu-tools.vt-captain-draft .vt-cd-name { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 6px 12px !important; border: 1px solid var(--vt-line-2) !important; border-radius: 12px !important;
  background: #fff !important; box-shadow: none !important; color: var(--vt-ink) !important; font-family: inherit !important; font-size: 15.5px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: start; cursor: pointer; touch-action: manipulation; }
#visu-tools.vt-captain-draft .vt-cd-nm { min-width: 0; overflow-wrap: anywhere; }
#visu-tools.vt-captain-draft .vt-cd-gk { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--vt-muted); margin-inline-start: 6px; }
/* The line under the name is always there, empty until the pick, so a pick does not change the height of the button. */
#visu-tools.vt-captain-draft .vt-cd-by { flex-basis: 100%; min-width: 0; min-height: 1.3em; line-height: 1.3; font-size: 12.5px; font-weight: 500; color: var(--vt-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#visu-tools.vt-captain-draft .vt-cd-name[aria-disabled="true"] { cursor: default; }
#visu-tools.vt-captain-draft .vt-cd-taken { background: var(--vt-bg) !important; border-color: var(--vt-line) !important; }
#visu-tools.vt-captain-draft .vt-cd-taken .vt-cd-nm { color: var(--vt-muted); text-decoration: line-through; }
#visu-tools.vt-captain-draft .vt-cd-name:not(.vt-cd-taken):not([aria-disabled="true"]):hover { border-color: var(--vt-ink) !important; }
#visu-tools.vt-captain-draft :is(.vt-cd-name, .vt-cd-chip):focus-visible { outline: 2px solid var(--vt-accent-text, #0670a6) !important; outline-offset: 2px; }
#visu-tools.vt-captain-draft .vt-cd-teams { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
#visu-tools.vt-captain-draft .vt-cd-team { padding: 12px 14px; border: 1px solid transparent; border-radius: 14px; background: var(--vt-tint); min-width: 0; }
#visu-tools.vt-captain-draft .vt-cd-team-now { border-color: var(--vt-accent-text, #0670a6); }
#visu-tools.vt-captain-draft .vt-cd-teamname { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-weight: 720; color: var(--vt-accent-text); overflow-wrap: anywhere; min-width: 0; }
#visu-tools.vt-captain-draft .vt-cd-teamcount { flex: none; font-size: 13px; font-weight: 600; color: var(--vt-muted); }
#visu-tools.vt-captain-draft .vt-cd-teamlist { list-style: decimal inside; display: grid; gap: 2px; margin-top: 6px !important; padding: 0 !important; font-size: 15px; color: var(--vt-ink); overflow-wrap: anywhere; }
#visu-tools.vt-captain-draft .vt-cd-done:not([hidden]) { display: grid; gap: 10px; min-width: 0; }
#visu-tools.vt-captain-draft .vt-cd-message { margin: 0; padding: 12px 14px; border: 1px solid var(--vt-line); border-radius: 12px; background: var(--vt-bg); font-family: inherit; font-size: 14px; line-height: 1.45; color: var(--vt-ink); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow-y: auto; }
#visu-tools.vt-captain-draft .vt-cd-board > .vt-actions { flex-wrap: wrap; }
#visu-tools.vt-captain-draft .vt-cd-linkbox { display: grid; gap: 6px; min-width: 0; }
#visu-tools.vt-captain-draft .vt-cd-linkbox input { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 13px !important; color: var(--vt-muted) !important; text-overflow: ellipsis; }
#visu-tools.vt-captain-draft .vt-cd-linkacts { display: flex; flex-wrap: wrap; gap: 4px 18px; }
#visu-tools.vt-captain-draft .vt-cd-new { justify-self: start; width: auto; }
@media (max-width: 760px) {
  #visu-tools.vt-captain-draft .vt-cd-cols { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #visu-tools.vt-captain-draft .vt-cd-pool:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}