/* Form Styling */

.form-group {
    margin-bottom: var(--spacing-2xl);
}

.form-group label {
    display: block;
    font-weight: 700;
    margin-bottom: var(--spacing-sm);
    color: var(--text-dark);
    font-size: var(--text-base);
}

.form-group input[type="number"],
.form-group input[type="text"] {
    width: 100%;
    padding: 6px;
    border: 2px solid var(--border-default);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
}

.info-text {
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-top: var(--spacing-sm);
    margin-bottom: 0;
}

.grid-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
}