/* Ailyser /νέο — «Υλοποίηση»: πίνακας ελέγχου κώδικα (R4, ΕΛΕΓΧΟΣ-4, 30/09).
 * Brief: ΤΑΜΠΛΟ/ΑΝΑΘΕΣΕΙΣ/2026-09-30_elegxos-4-ergates-brief.md (§R4) +
 * ΤΑΜΠΛΟ/ΑΝΑΘΕΣΕΙΣ/2026-09-30_elegxos-kodika-pinakas-brief.md (§Β, ΚΟΙΝΟ ΣΥΜΒΟΛΑΙΟ).
 * Βλ. σχόλιο κεφαλίδας στο ylopoiisi-pinakas.js. ΙΔΙΟ αρχείο-ανά-λειτουργία μοτίβο με το
 * ylopoiisi.css: το #ylopoiisiΠεριοχή/.βιβλ-κεφ/.βιβλ-πίνακας/.βιβλ-κατάσταση ΗΔΗ σωστά (app.css +
 * ylopoiisi.css) — ΕΔΩ ΜΟΝΟ το δικό μας πάνελ περίληψης + η επιπλέον στήλη «έλεγχος». */

/* Πάνελ περίληψης, ΠΑΝΩ-ΠΑΝΩ (ανάμεσα στην κεφαλή και τον πίνακα — mm Λ474: «Πάνω πανω ποσοστό»). */
.πι-πάνελ{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;padding:12px var(--gutter) 10px;flex:none;border-bottom:1px solid var(--rule-2);margin-bottom:2px}
.πι-στατιστικά{display:flex;align-items:center;gap:24px;flex-wrap:wrap;min-width:240px}
/* 🆕 ΤΕΣΣΕΡΑ ΠΛΑΚΙΔΙΑ (brief 2026-10-01 pososta-pano-aristera, mm Λ474/Λ493/Λ494/Λ497): αντικαθιστά
   το ΠΑΛΙΟ ζευγάρι .πι-ποσοστό — Παραδόθηκε/Εγκρίθηκε/Στο main/Live σε σειρά, ΜΕΓΑΛΟ ποσοστό +
   μικρό «N/M» από κάτω (βλ. σχόλιο κεφαλίδας .js). */
.πι-πλακίδια{display:flex;gap:18px;flex-wrap:wrap}
.πι-πλακίδιο{display:flex;flex-direction:column;line-height:1.05;min-width:62px}
.πι-πλ-ετ{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}
.πι-πλ-ποσοστό{font-size:34px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.πι-πλ-κλάσμα{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.πι-εκτίμηση{display:flex;flex-direction:column;gap:2px}
.πι-εκτίμηση-ετ{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.πι-εκτίμηση-τιμή{font-size:15px;font-weight:700;color:var(--ink-2)}

/* Χρονολόγιο προβλημάτων, ΔΙΠΛΑ στα στατιστικά σε πλατιά οθόνη, κάτω από αυτά σε στενή. */
.πι-χρονολόγιο{flex:1 1 260px;min-width:220px;max-width:460px}
.πι-χρονολόγιο-τίτλος{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px}
.πι-χρονολόγιο-λίστα{list-style:none;margin:0;padding:0;max-height:104px;overflow:auto;display:flex;flex-direction:column;gap:3px}
.πι-χρονολόγιο-γραμμή{display:flex;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.35}
.πι-χρονολόγιο-ώρα{color:var(--muted);flex:none;font-variant-numeric:tabular-nums}
.πι-χρονολόγιο-κενό{font-size:12.5px;color:var(--muted)}

/* Στήλη «έλεγχος», μία ανά γραμμή σχεδίου. */
.πι-κελί{min-width:140px}
.πι-κελί .βιβλ-κατάσταση:not(.πρόταση):not(.εγκεκριμένη):not(.απορρίφθηκε){background:var(--rule-2);color:var(--muted)}
.πι-ελεγκτές{margin-top:4px}
/* 🆕 repo-syndesi Β2: το commit (σύνδεσμος GitHub όταν το repo είναι github) — ΔΙΚΗ ΤΟΥ γραμμή, ΠΡΙΝ
   το patch (βλ. σχόλιο στο ylopoiisi-pinakas.js §πιΔιακόσμησεΓραμμές — ΚΛΕΙΔΩΜΕΝΟ Κ189). */
.πι-commit-γραμμή{margin-top:2px}
.πι-commit-γραμμή a{font-size:12px}
.πι-patch-γραμμή{margin-top:2px}
.πι-patch-γραμμή a,.πι-patch-γραμμή button{font-size:12px}

/* 🆕 W-ELEGXOS-LOG (mm Λ490, 01/10): το σήμα ελέγχου γίνεται <button> (κλικ ➜ καρτούλα) — ΜΟΝΟ τα
   UA-defaults του <button> (περίγραμμα/γραμματοσειρά) καθαρίζονται εδώ, ΤΙΠΟΤΑ background/padding/
   color — αυτά τα ΚΡΑΤΑ όπως ήταν η κλάση .βιβλ-κατάσταση (+ οι τροποποιητές .πρόταση/.εγκεκριμένη/
   .απορρίφθηκε αλλού) — same πλήρης οπτική συνέχεια με το παλιό <span>. */
button.πι-σήμα-κλικ{border:0;font:inherit;line-height:inherit;cursor:pointer}
button.πι-σήμα-κλικ:disabled{cursor:default;opacity:.85}
button.πι-σήμα-κλικ:not(:disabled):hover{filter:brightness(.97)}
button.πι-σήμα-κλικ:focus-visible{outline:2px solid var(--accent,#2C5C86);outline-offset:2px}
.πι-ιστορικό-κλικ{border:0;background:none;font:inherit;padding:0}

/* ── §ΚΑΡΤΟΥΛΑ + §ΙΣΤΟΡΙΚΟ — ΙΔΙΟ σχήμα σκιά+φύλλο με το timeline.css (χγ-σκιά/χγ-φύλλο), ΔΙΚΕΣ
   ΤΗΣ κλάσεις (κανένας διαμοιρασμός CSS με άλλο αρχείο — βλ. σχόλιο κεφαλίδας .js). ── */
.πι-σκιά{position:fixed;inset:0;background:var(--scrim,rgba(20,28,36,.38));z-index:45;display:flex;align-items:flex-end;justify-content:center}
.πι-φύλλο{position:relative;width:100%;max-width:480px;max-height:min(80vh,640px);background:var(--card,#fff);border:1px solid var(--rule,#E1E6EB);border-radius:16px 16px 0 0;box-shadow:var(--shadow,0 12px 32px rgba(20,28,36,.14));display:flex;flex-direction:column;overflow:hidden}
.πι-φύλλο-κεφ{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--rule-2,#EEF1F4);flex:none}
.πι-φύλλο-κεφ h3{margin:0;font-size:15px;font-weight:700;color:var(--ink,#1B2430)}
.πι-φύλλο-σώμα{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 20px}
.πι-κάρτα-εγγραφή{padding:10px 0;border-bottom:1px solid var(--rule-2,#EEF1F4)}
.πι-κάρτα-εγγραφή:last-child{border-bottom:0}
.πι-κάρτα-γραμμή{display:flex;gap:8px;font-size:13.5px;padding:3px 0}
.πι-κάρτα-ετ{flex:none;color:var(--muted,#66727E);min-width:96px}
.πι-κάρτα-τιμή{color:var(--ink-2,#3B4753);min-width:0;overflow-wrap:anywhere}
.πι-κάρτα-κενό{color:var(--muted,#66727E);font-size:13.5px;margin:0}
.πι-ανάπτυξη{margin-top:4px;font:inherit;font-size:12.5px}
.πι-findings{margin:6px 0 0;padding:8px 10px;background:var(--rule-2,#EEF1F4);border-radius:8px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}

.πι-ιστ-λίστα{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.πι-ιστ-γραμμή{display:flex;gap:10px;font-size:13px;padding:7px 2px;border-bottom:1px solid var(--rule-2,#EEF1F4);line-height:1.4}
.πι-ιστ-γραμμή:last-child{border-bottom:0}
.πι-ιστ-ώρα{flex:none;color:var(--muted,#66727E);font-variant-numeric:tabular-nums;min-width:84px}
.πι-ιστ-κείμενο{color:var(--ink-2,#3B4753);min-width:0;overflow-wrap:anywhere}
.πι-ιστ-κείμενο a{font-size:inherit}
.πι-ιστ-φορά{color:var(--accent,#2C5C86);font-weight:700}
.πι-ιστ-κενό{color:var(--muted,#66727E);font-size:13.5px;padding:8px 2px}

@media (min-width:768px){
  .πι-σκιά{align-items:flex-start;justify-content:flex-end;padding:64px 24px 24px 0;background:transparent}
  .πι-φύλλο{width:380px;border-radius:var(--r,10px)}
}

@media (max-width:767px){
  .πι-πάνελ{padding:10px var(--gutter) 6px;gap:12px}
  .πι-στατιστικά{width:100%}
  /* 2×2 (mm brief §Τι 3: «χωρίς κομμένα νούμερα») — πλάτος 100% ώστε τα δύο κελιά της γραμμής να
     έχουν αρκετό χώρο το καθένα, ΙΔΙΟ gap ύφος με το desktop. */
  .πι-πλακίδια{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;width:100%}
  .πι-πλ-ποσοστό{font-size:27px}
  .πι-χρονολόγιο{max-width:none}
  .πι-χρονολόγιο-λίστα{max-height:80px}
}

/* ── §ΠΕΡΙΓΡΑΦΗ ΚΑΡΤΑΣ (karta-perigrafi, Λ658/Λ659): source_note κάτω από τον τίτλο, 3 γραμμές + «περισσότερα». ── */
.πι-περιγραφή{margin-top:3px;width:34ch;max-width:100%;font-size:11.5px;line-height:1.4;color:var(--muted,#66727E)}
.πι-περιγραφή-κείμενο{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.πι-περιγραφή.ανοιχτή .πι-περιγραφή-κείμενο{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.πι-περιγραφή-κουμπί{font-size:11.5px;padding:0;border:0;background:none;font-family:inherit;cursor:pointer}
.πι-περιγραφή-κουμπί[hidden]{display:none}

/* 🆕 ΚΑΡΤΕΣ ΑΝΘΡΩΠΟΥ (kartes-anthropon, mm Λ661): σήμα «👤», κουμπί «✓ Έγινε», φόρμα μίας φράσης, μετρητής «Περιμένουν εσένα». */
.πι-άνθρωπος{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.πι-άνθρωπος-σήμα{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--rule-2);color:var(--ink-2)}
.πι-άνθρωπος-τέλος{flex-basis:100%;font-size:12px;color:var(--ink-2);overflow-wrap:anywhere}
.πι-άνθρωπος-note{color:var(--muted)}
.πι-έγινε-φόρμα{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.πι-έγινε-note{flex:1 1 200px;min-width:0;font-size:12.5px;padding:4px 8px}
.πι-έγινε-σφάλμα{flex-basis:100%;color:var(--danger,#B3261E)}
.πι-έγινε-σφάλμα:empty{display:none}
.πι-περιμένουν{font-weight:700}
.πι-περιμένουν.ενεργό{outline:2px solid var(--ink-2);outline-offset:1px}
tr.πι-κρυφή-φίλτρο{display:none}

/* kartes-eikones: στιγμιότυπα στην κάρτα */
.πι-εικόνες { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; outline-offset: 2px; }
.πι-εικόνες .συν-εικόνες { display: flex; flex-wrap: wrap; gap: 4px; }
.πι-εικόνες .συν-εικόνες img { max-height: 48px; max-width: 80px; border-radius: 4px; display: block; }
.πι-εικόνες .συν-εικόνες button { padding: 0; border: 0; background: none; cursor: zoom-in; }
.πι-εικόνα-μήνυμα { color: var(--muted, #888); }