/* ΣΕΛΙΔΑ «ΠΡΟΟΔΟΣ» (proodos, SPRINT OF SPRINTS, mm Λ638/Λ639) — συμβόλαιο §8. Όλα κάτω από #προόδουΠεριοχή (+ το κουμπί #κΠρόοδος)·
 * ΚΑΜΙΑ διαρροή σε άλλες σελίδες. Πρόθεμα κλάσεων «προ-». Χρώματα ΜΟΝΟ από tokens του app.css (--agree/--accent/--warn/--bad/--muted) ➜ σκούρο θέμα δωρεάν. */

/* κουμπί εισόδου: ακριβώς πάνω από το «Websites» (64×56 στο bottom:14px) */
#κΠρόοδος{position:fixed;bottom:78px;right:6px;z-index:42;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:64px;height:56px;padding:4px;border-radius:12px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:11px;box-shadow:var(--shadow-s)}
#κΠρόοδος:hover{filter:brightness(.97)}
#κΠρόοδος[aria-current="page"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

#προόδουΠεριοχή .μικρό{font-size:12.5px;color:var(--muted);font-weight:400}
#προόδουΠεριοχή .προ-σώμα{flex:1;min-height:0;overflow:auto;padding:14px 80px 90px var(--gutter)}   /* δεξιά/κάτω: χώρος για τα σταθερά κουμπιά */
#προόδουΠεριοχή .προ-κορυφή{max-width:760px;margin:0 0 12px}
#προόδουΠεριοχή .προ-μετρητές{margin:6px 0 0}

/* φίλτρα */
#προόδουΠεριοχή .προ-φίλτρα{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin:0 0 14px;padding:10px 12px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card-2)}
#προόδουΠεριοχή .προ-φίλτρα label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}
#προόδουΠεριοχή .προ-φίλτρα select,#προόδουΠεριοχή .προ-φίλτρα input{padding:7px 9px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;min-width:0;max-width:100%}
#προόδουΠεριοχή .προ-φίλτρα input[type=text]{width:170px}

/* §E φίλτρα sprints: 2 κουμπιά εναλλαγής */
#προόδουΠεριοχή .προ-sp-φίλτρα{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
#προόδουΠεριοχή .προ-sp-φ{padding:7px 14px;min-height:36px;border-radius:999px;border:1px solid var(--rule);background:var(--card);color:var(--ink-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
#προόδουΠεριοχή .προ-sp-φ:hover{background:var(--rule-2)}
#προόδουΠεριοχή .προ-sp-φ.προ-sp-φ-ενεργό,#προόδουΠεριοχή .προ-sp-φ[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
#προόδουΠεριοχή .προ-sp-φ[aria-pressed="true"]::before{content:"✓ "}

/* δέντρο */
#προόδουΠεριοχή details>summary{cursor:pointer;list-style:none}
#προόδουΠεριοχή details>summary::-webkit-details-marker{display:none}
#προόδουΠεριοχή details>summary::before{content:"▸";display:inline-block;width:1em;color:var(--muted);flex:none;transition:transform .12s}
#προόδουΠεριοχή details[open]>summary::before{transform:rotate(90deg)}
#προόδουΠεριοχή summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border-radius:var(--r-s)}
#προόδουΠεριοχή summary:hover{background:var(--rule-2)}
#προόδουΠεριοχή .προ-παιδιά{margin:2px 0 6px 14px;padding-left:10px;border-left:2px solid var(--rule)}
#προόδουΠεριοχή .προ-project{margin:0 0 14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card-2);padding:2px 6px 6px}
#προόδουΠεριοχή .προ-project>summary{font-size:16px}
#προόδουΠεριοχή .προ-project-όνομα{font-weight:700;font-size:16px}
#προόδουΠεριοχή .προ-meeting>summary,#προόδουΠεριοχή .προ-ορφανές>summary{font-size:14.5px}
#προόδουΠεριοχή .προ-κωδ{font-weight:700;color:var(--accent);font-size:13px;white-space:nowrap}
#προόδουΠεριοχή .προ-τίτλος{font-size:14px;color:var(--ink);overflow-wrap:anywhere;min-width:0}
#προόδουΠεριοχή .προ-sp-όνομα{font-weight:700;font-size:14.5px}
#προόδουΠεριοχή .προ-ημ{white-space:nowrap}
#προόδουΠεριοχή .προ-sprint{margin:4px 0;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card)}
#προόδουΠεριοχή .προ-sprint-κλειστό{background:var(--card-2)}
#προόδουΠεριοχή .προ-σώμα-sprint{padding:2px 12px 10px}
#προόδουΠεριοχή .προ-ιστορικό>summary{font-size:13.5px;color:var(--muted);font-weight:600}
#προόδουΠεριοχή .προ-κανένα-ενεργό{margin:4px 0;padding:8px 10px;border-radius:var(--r-s);background:var(--rule-2);color:var(--ink-2);font-size:13.5px;font-weight:600}

/* ετικέτες */
#προόδουΠεριοχή .προ-ετ{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--rule-2);color:var(--ink-2);white-space:nowrap}
#προόδουΠεριοχή .προ-ενεργό{background:var(--accent-soft);color:var(--accent)}
#προόδουΠεριοχή .προ-κλειστό{background:var(--rule-2);color:var(--muted)}
#προόδουΠεριοχή .προ-τελική{background:var(--agree-soft);color:var(--agree)}
#προόδουΠεριοχή .προ-ενημερώνεται{background:var(--warn-soft);color:var(--warn)}
#προόδουΠεριοχή .προ-προσοχή{background:var(--warn-soft);color:var(--warn)}
#προόδουΠεριοχή .προ-κακό{background:var(--bad-soft);color:var(--bad)}

/* στατιστικά: 4 μικρές ράβδοι + Σύνολο */
#προόδουΠεριοχή .προ-στατιστικά{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:auto}
#προόδουΠεριοχή .προ-στατ{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
#προόδουΠεριοχή .προ-στατ-τιμή{min-width:3.2ch;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
#προόδουΠεριοχή .προ-στατ.προ-κενό .προ-στατ-τιμή{color:var(--muted);font-weight:400}
#προόδουΠεριοχή .προ-μπάρα{display:inline-block;width:46px;height:6px;border-radius:999px;background:var(--rule);overflow:hidden}
#προόδουΠεριοχή .προ-μπάρα i{display:block;height:100%;background:var(--accent);border-radius:999px}
#προόδουΠεριοχή .προ-στατ[data-στάδιο=live] .προ-μπάρα i,#προόδουΠεριοχή .προ-στατ[data-στάδιο=on_main] .προ-μπάρα i{background:var(--agree)}
#προόδουΠεριοχή .προ-σύνολο{display:inline-flex;align-items:baseline;gap:4px;padding:1px 9px;border-radius:999px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-size:12px}
#προόδουΠεριοχή .προ-σύνολο b{font-size:13.5px;font-variant-numeric:tabular-nums}
#προόδουΠεριοχή .προ-πλήθος{font-size:12px;color:var(--muted);white-space:nowrap}

/* σύνοψη AI: πεζό κείμενο πάνω-πάνω σε κάθε sprint */
#προόδουΠεριοχή .προ-σύνοψη{margin:6px 0 10px;padding:10px 12px;border-radius:var(--r-s);background:var(--accent-soft);border:1px solid var(--accent-line)}
#προόδουΠεριοχή .προ-σύνοψη-κείμενο{margin:0;font-size:14px;line-height:1.55;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;max-width:78ch}
#προόδουΠεριοχή .προ-σύνοψη-κείμενο.προ-κομμένο{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
#προόδουΠεριοχή .προ-σύνοψη-κενό{margin:0;font-size:13.5px;color:var(--muted)}
#προόδουΠεριοχή .προ-σύνοψη-υποσέλιδο{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}
#προόδουΠεριοχή .προ-σύνδεσμος{border:0;background:transparent;color:var(--accent);font:inherit;font-size:13px;font-weight:600;padding:0;text-decoration:underline;cursor:pointer}
#προόδουΠεριοχή .προ-κουμπί-σύνοψης{margin:0 0 0 auto}
#προόδουΠεριοχή .προ-μήνυμα{font-size:12.5px;color:var(--agree);font-weight:600}
#προόδουΠεριοχή .προ-μήνυμα.κακό{color:var(--bad)}
#προόδουΠεριοχή .προ-μήνυμα:empty{display:none}

/* γραμμές */
#προόδουΠεριοχή .προ-γραμμές{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#προόδουΠεριοχή .προ-γραμμή{display:grid;grid-template-columns:minmax(0,1.6fr) auto;gap:3px 14px;align-items:center;padding:8px 2px;border-top:1px solid var(--rule-2)}
#προόδουΠεριοχή .προ-γραμμή:first-child{border-top:0}
#προόδουΠεριοχή .προ-γρ-πάνω{display:flex;gap:8px;align-items:baseline;min-width:0;grid-row:1}
#προόδουΠεριοχή .προ-γρ-στάδια{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;grid-row:1;grid-column:2;font-size:12px}
#προόδουΠεριοχή .προ-γρ-μέτα{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;grid-column:1/3;font-size:12.5px}
#προόδουΠεριοχή .προ-στάδιο{display:inline-flex;gap:3px;align-items:baseline;color:var(--muted)}
#προόδουΠεριοχή .προ-στάδιο.προ-ναι b{color:var(--agree)}
#προόδουΠεριοχή .προ-στάδιο.προ-όχι b{color:var(--muted)}
#προόδουΠεριοχή .προ-στάδιο.προ-κενό b{color:var(--muted);font-weight:400}
#προόδουΠεριοχή .προ-κλάδος{font-size:11.5px;padding:0 6px;border-radius:var(--r-s);background:var(--agree-soft);color:var(--agree);font-weight:600;overflow-wrap:anywhere}
#προόδουΠεριοχή .προ-run{color:var(--ai)}
#προόδουΠεριοχή .προ-run.προ-παλιό{color:var(--warn)}
#προόδουΠεριοχή .προ-γραμμή.προ-κολλημένη .προ-κωδ{color:var(--bad)}
#προόδουΠεριοχή .προ-σύνδεσμος[href]{text-decoration:none;padding:0 2px}

/* μέλη sprint (sprint-meli): σήματα + πάνελ — ίδια κουμπιά/σήματα με τη σύνοψη */
#προόδουΠεριοχή .προ-μέλη{margin:6px 0 8px}
#προόδουΠεριοχή .προ-μέλη-γραμμή{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
#προόδουΠεριοχή .προ-μέλος-ρ{font-weight:500;color:var(--muted)}
#προόδουΠεριοχή .προ-μέλη-κουμπί{margin:0 0 0 auto}
#προόδουΠεριοχή .προ-μέλη-πάνελ .κ-πρωτεύον,#προόδουΠεριοχή .προ-μέλη-πάνελ .κ-δευτερεύον{margin-top:0}
#προόδουΠεριοχή .προ-μέλη-πάνελ{margin-top:8px;padding:10px 12px;border-radius:var(--r-s);background:var(--accent-soft);border:1px solid var(--accent-line)}
#προόδουΠεριοχή .προ-μέλη-πίνακας{border-collapse:collapse;font-size:13.5px;width:100%;max-width:520px}
#προόδουΠεριοχή .προ-μέλη-πίνακας th,#προόδουΠεριοχή .προ-μέλη-πίνακας td{text-align:left;padding:4px 10px 4px 0;font-weight:500;overflow-wrap:anywhere}
#προόδουΠεριοχή .προ-μέλη-πίνακας thead th{font-size:12px;color:var(--muted)}
#προόδουΠεριοχή .προ-μέλη-πίνακας label{display:inline-flex;align-items:center;cursor:pointer;padding:4px 14px 4px 0}
#προόδουΠεριοχή .προ-μέλη-πίνακας th{white-space:nowrap}
#προόδουΠεριοχή .προ-μέλη-πίνακας tbody th{white-space:normal}

@media (max-width:767px){
  /* κινητό: το «Websites» είναι στο bottom:176px (ύψος 40) ➜ το δικό μας από πάνω */
  #κΠρόοδος{top:auto;bottom:224px;right:12px;flex-direction:row;gap:6px;width:auto;height:40px;padding:0 14px 0 10px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow)}
  #προόδουΠεριοχή .προ-κεφ{padding:12px var(--gutter) 10px 60px}
  #προόδουΠεριοχή .προ-σώμα{padding:12px var(--gutter) 96px}
  #προόδουΠεριοχή .προ-κεφ{flex-wrap:nowrap;gap:6px}
  #προόδουΠεριοχή .προ-κεφ h1{font-size:15px;min-width:0;flex:1 1 0;line-height:1.25;overflow-wrap:anywhere}
  #προόδουΠεριοχή .προ-παιδιά{margin-left:4px;padding-left:6px}
  #προόδουΠεριοχή .προ-project{padding:2px 2px 4px}
  #προόδουΠεριοχή summary{padding:8px 6px}
  #προόδουΠεριοχή .προ-φίλτρα{display:grid;grid-template-columns:1fr 1fr}
  #προόδουΠεριοχή .προ-φίλτρα input[type=text]{width:100%}
  /* οι 4 ράβδοι ➜ 4 αριθμοί σε ΜΙΑ γραμμή */
  #προόδουΠεριοχή .προ-στατιστικά{margin-left:0;width:100%;flex-wrap:wrap;gap:4px 8px}
  #προόδουΠεριοχή .προ-μπάρα{display:none}
  #προόδουΠεριοχή .προ-στατ{flex-direction:column;align-items:flex-start;gap:0;flex:0 0 auto}
  #προόδουΠεριοχή .προ-στατ-τιμή{text-align:left;min-width:0;font-size:13px}
  #προόδουΠεριοχή .προ-στατ-ετ{font-size:10.5px}
  #προόδουΠεριοχή .προ-σώμα-sprint{padding:2px 8px 8px}
  #προόδουΠεριοχή .προ-γραμμή{grid-template-columns:minmax(0,1fr)}
  #προόδουΠεριοχή .προ-γρ-στάδια{grid-row:2;grid-column:1}
  #προόδουΠεριοχή .προ-γρ-μέτα{grid-column:1;grid-row:3}
  #προόδουΠεριοχή .προ-κουμπί-σύνοψης{margin-left:0}
  #προόδουΠεριοχή .προ-μέλη-κουμπί{margin-left:0}
}