.tournament-setup-wizard { margin: 1rem 0; padding: 1.2rem; background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #212529); border: 1px solid #b7d9c2; border-left: 5px solid var(--theme-color, #198754); border-radius: 1rem; box-shadow: 0 4px 16px #0000000b; }
.tournament-setup-wizard .setup-heading, .tournament-setup-wizard .setup-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.tournament-setup-wizard .setup-actions { justify-content: flex-start; }
.tournament-setup-wizard h2 { font-size: 1.25rem; margin: .25rem 0; font-weight: 700; }
.tournament-setup-wizard .setup-eyebrow, .tournament-setup-wizard .setup-note { font-size: .85rem; }
.tournament-setup-wizard .setup-note { opacity: .8; margin-top: .75rem; }
.tournament-setup-wizard .setup-steps { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .6rem; padding: 0; margin: 1rem 0; list-style: none; }
.tournament-setup-wizard .setup-steps li { display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; min-width: 0; overflow-wrap: anywhere; font-size: .8rem; opacity: .7; }
.tournament-setup-wizard .setup-number { display: inline-flex; width: 1.8rem; height: 1.8rem; align-items: center; justify-content: center; border: 1px solid currentColor; border-radius: 50%; }
.tournament-setup-wizard .setup-current, .tournament-setup-wizard .setup-done { opacity: 1 !important; color: #157347; }
.tournament-setup-wizard .setup-current { font-weight: 700; }
.tournament-setup-wizard .setup-current .setup-number, .tournament-setup-wizard .setup-done .setup-number { background: #198754; color: #fff; border-color: #198754; }
.tournament-setup-wizard .setup-more { display: flex; align-items: center; gap: .5rem; font-size: .9rem; }
.tournament-setup-wizard .setup-error { color: #b02a37; margin-top: .7rem; }
body.dark-mode .tournament-setup-wizard { background: #20252b; color: #eee; border-color: #41634a; }
body.dark-mode .tournament-setup-wizard .setup-current, body.dark-mode .tournament-setup-wizard .setup-done { color: #86dbac; }
body.dark-mode .tournament-setup-wizard .setup-error { color: #ffb3ba; }
@media (max-width: 767px) {
    .tournament-setup-wizard { padding: .9rem; }
    .tournament-setup-wizard .setup-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
    .tournament-setup-wizard .setup-heading { align-items: flex-start; }
    .tournament-setup-wizard .setup-actions .btn { white-space: normal; }
}