/**
 * Campos de formulário — mesmo padrão visual da home (lista de rodadas / index.html).
 * Carregar após o CSS do Bootstrap.
 */
.form-control,
.form-select {
    background-color: #21262d;
    border: 1px solid #30363d;
    color: #e6edf3;
}

.form-control:hover,
.form-select:hover {
    border-color: #484f58;
}

.form-control:focus,
.form-select:focus {
    background-color: #21262d;
    border-color: #2ea043;
    box-shadow: 0 0 0 0.2rem rgba(46, 160, 67, 0.25);
    color: #e6edf3;
}

.form-control::placeholder {
    color: #8b949e;
}

.form-select option {
    background-color: #21262d;
    color: #e6edf3;
}

textarea.form-control {
    min-height: 2.75rem;
}

.input-group-text {
    background-color: #21262d;
    border-color: #30363d;
    color: #e6edf3;
}

@media (max-width: 575.98px) {
    .form-control,
    .form-select {
        font-size: 16px;
    }
}