/* ΕΚΚΙΝΗΣΗ / σειρά / στάδια / «Ρόλοι» (ekkinisi, mm Λ656/Λ657, 08/10). Πρόθεμα κλάσεων «εκκ-». Χρώματα ΜΟΝΟ από tokens του app.css
 * (--accent, --muted, --warn, --card, --rule, --ink) ➜ ανοιχτό και σκούρο δωρεάν. Τα κουμπιά ΕΙΝΑΙ τα υπάρχοντα .κ-πρωτεύον/.κ-δευτερεύον/.κ-σύνδεσμος/.κ-όψη
 * με ίδιο ύψος με το «light | όλα» (32.75px). */
.εκκ-λωρίδα{display:flex;flex-direction:column;gap:6px;padding:8px var(--gutter);border-bottom:1px solid var(--rule);background:var(--card);color:var(--ink);min-width:0}
.εκκ-σειρά-κύρια{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
.εκκ-ετ{font-size:12px;color:var(--muted)}
.εκκ-σήμα{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.εκκ-παλιό{color:var(--muted)}
.εκκ-τσιπς{display:inline-flex;flex-wrap:wrap;gap:6px}
.εκκ-τσιπ{display:inline-flex;align-items:center;border:1px solid var(--rule);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.εκκ-τσιπ-τρέχον{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}
.εκκ-τσιπ-πέρασε{color:var(--ink)}
.εκκ-σειρά,.εκκ-συναίνεση{font-size:13px;overflow-wrap:anywhere;min-width:0}
.εκκ-μέλος{white-space:nowrap}
.εκκ-τώρα{color:var(--accent)}
.εκκ-παραλείφθηκε{text-decoration:line-through;color:var(--muted)}
.εκκ-αλλαγή{font-size:13px;color:var(--warn);overflow-wrap:anywhere;min-width:0}
.εκκ-προσοχή{font-size:13px;font-weight:600;color:var(--warn)}
.εκκ-έτοιμοι{display:inline-flex;flex-wrap:wrap;gap:4px 12px;list-style:none;margin:0;padding:0;font-size:13px}
.εκκ-έτοιμος{color:var(--ink)}
.εκκ-περιμένει{color:var(--muted)}
.εκκ-περιμένει small{font-size:11.5px}
.εκκ-λωρίδα .κ-πρωτεύον,.εκκ-λωρίδα .κ-δευτερεύον{margin-top:0;box-sizing:border-box;height:32.75px;padding:0 14px;display:inline-flex;align-items:center;white-space:nowrap}
.εκκ-λωρίδα .κ-σύνδεσμος{padding:0}
.εκκ-ρόλοι{margin-left:auto;flex:none}
.εκκ-μήνυμα{font-size:12.5px;font-weight:600;color:var(--ink-2,var(--ink));overflow-wrap:anywhere}
.εκκ-μήνυμα.κακό{color:var(--bad)}
.εκκ-μήνυμα ul{margin:4px 0 0;padding-left:18px;font-weight:400;color:var(--warn)}
.εκκ-πάνελ{display:flex;flex-direction:column;gap:8px;padding:11px var(--gutter);border-bottom:1px solid var(--rule);background:var(--card);color:var(--ink);min-width:0}
.εκκ-εσύ{font-size:13.5px}
.εκκ-τίτλος{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.εκκ-οδηγία{margin:0;font:inherit;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100ch}
.εκκ-πίνακας{width:100%;border-collapse:collapse;font-size:13px}
.εκκ-πίνακας th,.εκκ-πίνακας td{text-align:left;vertical-align:top;padding:6px 10px 6px 0;border-bottom:1px solid var(--rule);line-height:1.45;overflow-wrap:anywhere}
.εκκ-πίνακας thead th{font-size:11.5px;color:var(--muted);font-weight:700}
.εκκ-πίνακας tbody th{font-weight:700;white-space:nowrap}
.εκκ-δικός-μου th{color:var(--accent)}
.εκκ-φόρμα{display:flex;flex-direction:column;gap:8px;max-width:78ch}
.εκκ-φόρμα label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink-2,var(--ink))}
.εκκ-φόρμα select,.εκκ-φόρμα textarea{padding:8px 10px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font:inherit;font-size:13.5px;font-weight:400;color:var(--ink);width:100%;box-sizing:border-box}
.εκκ-φόρμα select:focus,.εκκ-φόρμα textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.εκκ-ερώτηση{margin:0;padding:8px 10px;border-radius:var(--r-s);background:var(--warn-soft);font-size:13px;overflow-wrap:anywhere}
.εκκ-κουμπιά{display:flex;flex-wrap:wrap;gap:8px}
.εκκ-πάνελ .κ-πρωτεύον,.εκκ-πάνελ .κ-δευτερεύον{margin-top:0;box-sizing:border-box;height:32.75px;padding:0 14px;display:inline-flex;align-items:center}
@media (max-width:640px){
  .εκκ-πίνακας,.εκκ-πίνακας tbody,.εκκ-πίνακας tr,.εκκ-πίνακας th,.εκκ-πίνακας td{display:block}
  .εκκ-πίνακας thead{display:none}
  .εκκ-πίνακας tr{padding:6px 0;border-bottom:1px solid var(--rule)}
  .εκκ-πίνακας th,.εκκ-πίνακας td{border:0;padding:2px 0}
  .εκκ-πίνακας td::before{content:attr(data-ετ) ": ";font-size:11.5px;font-weight:700;color:var(--muted)}
}