/* ===== GPA Calculator Specific Styles ===== */

/* Inherits all styles from global.css */

/* Calculator specific styles */
.gpa-calculator-form {
    /* Form specific styles */
}

/* Course entry styles */
.course-entry {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr auto;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-md);
    background: var(--background-light);
    border-radius: var(--radius-md);
}

.course-entry input,
.course-entry select {
    padding: var(--spacing-sm);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
}

.course-entry button {
    background: var(--error-red);
    color: white;
    border: none;
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.course-entry button:hover {
    background: #dc2626;
}

#courses-list {
    margin-bottom: var(--spacing-lg);
}

/* Results display */
#results-content {
    padding: var(--spacing-xl);
    background: var(--background-light);
    border-radius: var(--radius-lg);
}

/* Responsive Design */
@media (max-width: 768px) {
    .course-entry {
        grid-template-columns: 1fr;
    }
}