/* ─── EPAL.CSS ─── Μόνο νέα στοιχεία του ΕΠΑΛ υπολογιστή.
   Τα υπόλοιπα (calc-layout, calc-row, calc-group, legend-tag, calc-score-box …)
   κληρονομούνται από τα υπάρχοντα calc styles — ΔΕΝ τα τροποποιούμε. */

.epal-select {
  width: 100%;
  padding: 11px 14px;
  background: var(--surface, #fff);
  border: 1.5px solid var(--border, #e2e8f0);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text, #0f172a);
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}
.epal-select:focus { border-color: var(--accent, #ea580c); }
.epal-select:disabled { opacity: 0.55; cursor: not-allowed; }

#epal-grades-inputs.grades-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
#epal-grades-inputs .grade-field { display: flex; flex-direction: column; gap: 5px; }
@media (max-width: 480px) { #epal-grades-inputs.grades-grid { grid-template-columns: 1fr; } }

/* ένδειξη «χρειάζεται ειδικό μάθημα» */
.epal-flag {
  display: inline-block;
  margin-left: 8px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--accent, #ea580c);
  background: var(--accent-soft, #fff7ed);
  border: 1px solid #fdba74;
  border-radius: 999px;
  padding: 2px 9px;
  white-space: nowrap;
}