/* GPA Calculator — page-specific styling on top of shared components. */

.course-row {
  display: grid;
  grid-template-columns: 1fr 76px 64px 92px 30px;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border);
}
.course-row:last-of-type { border-bottom: none; }
.course-row input[data-field="name"] {
  border: none; background: none; font: inherit; font-weight: 600; color: var(--color-text); padding: 0; min-width: 0;
}
.course-row input[data-field="name"]:focus { outline: none; }
.course-row select, .course-row input[type="number"] {
  padding: 8px; font-size: var(--text-sm); border-radius: var(--radius-sm); border: 1px solid var(--color-border);
  background: var(--color-bg); color: var(--color-text); width: 100%;
}
@media (max-width: 560px) {
  .course-row { grid-template-columns: 1fr 1fr; }
}