/* Ailyser /νέο — faseis.js (DN-ΚΛΕΙΔΑΡΙΕΣ-ΘΕΣΕΩΝ, ΕΥΡ46/Λ384/Λ385). Μικρή, μη-παρεμβατική μπάρα κάτω από
 * την atzentaΜπάρα — δανείζεται τα ΙΔΙΑ tokens χρώματος (--accent, --rule-2, --ink, --muted, --good, --bad)
 * που ορίζει ήδη το app.css/atzenta.css· καμία δική της παλέτα. */
#faseisΜπάρα{position:sticky;top:0;z-index:19;background:var(--panel,#fff);border-bottom:1px solid var(--rule-2,#e2e2e2);padding:8px 14px}
.fase-πάνελ{display:flex;flex-direction:column;gap:8px}
.fase-γραμμή{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fase-τίτλος{font-size:14px;font-weight:600;margin:0;color:var(--ink,#1a1a1a)}
.fase-μήνυμα{font-size:13px;color:var(--muted,#666)}
.fase-λίστα{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.fase-μέλος{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink,#1a1a1a);padding:2px 0}
.fase-σήμα{flex:none;width:1.4em;text-align:center}
.fase-id{flex:none;font-weight:600}
.fase-αιτία{color:var(--muted,#666);font-size:12.5px}
.fase-μέλος.fase-ok{color:var(--good,#1a7a3c)}
.fase-μέλος.fase-κόκκινο{color:var(--bad,#b3261e)}
#κΦάσηΚλείσε{color:var(--bad,#b3261e);border-color:var(--bad,#b3261e)}
#κΦάσηΚλείσε:hover{background:var(--bad-soft,#fbe8e6)}
