/* ΠΡΟΒΟΛΗ «ΑΙΘΟΥΣΕΣ — ΤΙ ΚΛΕΙΝΩ» (thema, mm Λ651) — συμβόλαιο §7.2. Πρόθεμα «αιθ-». Ζει μέσα στη σελίδα «Πρόοδος» (#προόδουΠεριοχή) και ΕΠΑΝΑΧΡΗΣΙΜΟΠΟΙΕΙ
 * τις κλάσεις της (.προ-κωδ/.προ-τίτλος/.προ-ετ/.μικρό) ➜ ίδιες γραμματοσειρές, αποστάσεις και κάρτες (Λ530). Χρώματα ΜΟΝΟ από tokens. */

#προόδουΠεριοχή .προ-όψη{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
#προόδουΠεριοχή .αιθ-κορυφή{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0 0 12px}
#προόδουΠεριοχή .αιθ-κεφαλίδα{margin:0;font-size:14px;font-weight:600;color:var(--ink);min-width:0;overflow-wrap:anywhere}

/* πίνακας: ίδια κάρτα με το .προ-project */
#προόδουΠεριοχή .αιθ-πίνακας{border:1px solid var(--rule);border-radius:var(--r);background:var(--card-2);padding:2px 6px 6px}
#προόδουΠεριοχή .αιθ-επικεφαλίδες,#προόδουΠεριοχή .αιθ-γραμμή{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(220px,2.2fr) minmax(180px,1.6fr) minmax(120px,.9fr) 84px;gap:6px 14px;align-items:start;padding:8px 10px}
#προόδουΠεριοχή .αιθ-επικεφαλίδες{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
#προόδουΠεριοχή .αιθ-λίστα{list-style:none;margin:0;padding:0}
#προόδουΠεριοχή .αιθ-γραμμή{border-top:1px solid var(--rule-2);min-width:0}
#προόδουΠεριοχή .αιθ-γραμμή:hover{background:var(--rule-2);border-radius:var(--r-s)}
#προόδουΠεριοχή .αιθ-κελί{min-width:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
#προόδουΠεριοχή .αιθ-αίθουσα{display:block}
#προόδουΠεριοχή .αιθ-αίθουσα .προ-κωδ{text-decoration:none}
#προόδουΠεριοχή .αιθ-θέμα-πάνω{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#προόδουΠεριοχή .αιθ-θέμα-short{font-size:14px;font-weight:600;color:var(--ink)}
#προόδουΠεριοχή .αιθ-θέμα-κείμενο{margin:0;font-size:13px;line-height:1.45;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
#προόδουΠεριοχή .αιθ-τσιπς{display:flex;flex-wrap:wrap;gap:4px 6px}
#προόδουΠεριοχή .αιθ-τσιπ{text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#προόδουΠεριοχή .αιθ-τσιπ:hover{filter:brightness(.96)}
#προόδουΠεριοχή .αιθ-προσοχή{white-space:normal}
#προόδουΠεριοχή .αιθ-κίνηση .μικρό{font-size:12.5px}
#προόδουΠεριοχή .αιθ-κίνηση [data-ρόλος=κίνηση]{font-size:13.5px;font-weight:600;color:var(--ink)}
#προόδουΠεριοχή .αιθ-ενέργεια{align-items:flex-end}
#προόδουΠεριοχή .αιθ-ενέργεια .κ-δευτερεύον{margin-top:0;padding:5px 12px;font-size:12.5px}
#προόδουΠεριοχή .αιθ-έκλεισε{opacity:.7}
#προόδουΠεριοχή .αιθ-έκλεισε .αιθ-θέμα-short,#προόδουΠεριοχή .αιθ-έκλεισε .προ-τίτλος{color:var(--muted)}
#προόδουΠεριοχή .αιθ-χωρίς,#προόδουΠεριοχή .αιθ-χωρίς-θέμα{color:var(--muted)}
#αιθΔιάλογοςΣκιά{display:flex;align-items:center;justify-content:center;padding:16px;z-index:55}

/* 390: κάθε αίθουσα γίνεται κάρτα (στοίβα: κωδικός+τίτλος / θέμα / τσιπ / κίνηση + «Κλείσε»), ΧΩΡΙΣ οριζόντια κύλιση */
@media (max-width:760px){
  #προόδουΠεριοχή .αιθ-πίνακας{border:0;background:transparent;padding:0}
  #προόδουΠεριοχή .αιθ-επικεφαλίδες{display:none}
  #προόδουΠεριοχή .αιθ-λίστα{display:flex;flex-direction:column;gap:10px}
  #προόδουΠεριοχή .αιθ-γραμμή{display:flex;flex-direction:column;gap:8px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card-2);padding:10px 12px}
  #προόδουΠεριοχή .αιθ-γραμμή:hover{border-radius:var(--r)}
  #προόδουΠεριοχή .αιθ-κίνηση{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
  #προόδουΠεριοχή .αιθ-ενέργεια{align-items:flex-start}
}