/* Form Controls - Input Section */
.controls {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #374151; /* Dark Separator */
    margin-bottom: 24px;
}

label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #f3f4f6; /* Light Label Text */
    margin-bottom: 8px;
}

select, button, input[type="file"], textarea, input[type="number"], input[type="text"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #4b5563; /* Darker Border */
    border-radius: 8px;
    font-size: 1rem;
    box-sizing: border-box;
    background-color: #374151; /* Input Background */
    color: #f3f4f6; /* Input Text */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Placeholder styling for dark inputs */
input::placeholder, textarea::placeholder {
    color: #9ca3af;
    opacity: 1; /* For Firefox */
}

select:focus, input[type="file"]:focus, textarea:focus, input[type="number"]:focus, input[type="text"]:focus {
    border-color: #6366f1; /* Indigo Focus */
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
    outline: none;
}