/* melon-pro — Ταμείο Ημέρας
   Χρώμα ΜΟΝΟ όπου σημαίνει κάτι: πράσινο = μπαίνει, κόκκινο = βγαίνει.
   Πουθενά αλλού. Αν όλα είναι χρωματιστά, το χρώμα δεν σημαίνει τίποτα.

   Seed §9.7.5: ΜΙΑ διάταξη για κινητό και ταμπλέτα — κλιμακώνεται.
   Καμία δεύτερη έκδοση, κανένα «mobile layout» δίπλα στο κανονικό. */

/* 🎨 [076] ΤΑ ΧΡΩΜΑΤΑ ΔΕΝ ΖΟΥΝ ΕΔΩ: ζουν στο `xromata.css` — ΕΝΑ σημείο, δύο
   θέματα (Seed §9.32). Εδώ μόνο ονόματα: `var(--…)`. Κανένα χρώμα γραμμένο. */

:root{
  --aktina:14px; --aggigma:46px;   /* ελάχιστος στόχος αφής */
  --bara:64px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* ╔═══════════════════════════════════════════════════════════════════════╗
   ║ 🔴 ΤΟ `hidden` ΚΕΡΔΙΖΕΙ ΠΑΝΤΑ — ΜΙΑ ΦΟΡΑ, ΕΔΩ (CLAUDE.md #4 · Κ50)    ║
   ║ Το `[hidden]` του φυλλομετρητή είναι κανόνας χαμηλής προτεραιότητας:  ║
   ║ ΟΠΟΙΑΔΗΠΟΤΕ δική μας κλάση με `display:` τον νικάει — και το στοιχείο ║
   ║ μένει στην οθόνη ενώ ο κώδικας νομίζει ότι το έκρυψε.                 ║
   ║ Μας το έκανε: `.empodio.prosorino{display:flex}` κρατούσε το μήνυμα   ║
   ║ «οι λίστες δεν φόρτωσαν» ΟΡΑΤΟ αφού οι λίστες είχαν έρθει. Το έπιασε  ║
   ║ ο έλεγχος οθόνης (Κ120), όχι το μάτι.                                 ║
   ║ Ήταν ήδη μπαλωμένο ΤΕΣΣΕΡΙΣ φορές ξεχωριστά — που είναι ο ορισμός     ║
   ║ του κανόνα στους καλούντες. Ο πέμπτος θα το ξεχνούσε.                 ║
   ╚═══════════════════════════════════════════════════════════════════════╝ */
[hidden]{display:none!important}
html,body{margin:0;padding:0}
body{
  background:var(--fonto); color:var(--keimeno);
  font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* 🎨 [076] ΟΣΑ ΩΣ ΤΩΡΑ ΕΒΑΖΕ Ο BROWSER — σύνδεσμοι (`#0000ee`), placeholder
   (`#757575`, 4,5:1 δεν έπιανε), κουμπιά και πεδία χωρίς δικό τους χρώμα. Στο
   σκούρο θα έμεναν τα χρώματα του browser, που δεν είναι δικά μας ονόματα. */
a,a:visited{color:var(--syndesmos)}
::placeholder{color:var(--achno);opacity:1}
button,input,textarea{color:var(--keimeno)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--mavro)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}

/* ── Η ΚΕΦΑΛΙΔΑ = Η ΣΥΝΟΨΗ (§9.7.1). Καρφωμένη: φαίνεται από κάθε κουμπί. ── */
.kefalida{
  position:sticky;top:0;z-index:30;background:var(--fonto-diafano);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--grammi);
  padding-bottom:10px
}
.mera{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 2px}
.mera h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;text-align:center;flex:1}
.mera .ypotitlos{display:block;font-size:12px;font-weight:400;color:var(--achno);margin-top:1px}
.navbtn{
  width:var(--aggigma);height:var(--aggigma);flex:0 0 auto;border:1px solid var(--grammi);
  background:var(--karta);border-radius:50%;font-size:19px;color:var(--keimeno);
  cursor:pointer;display:grid;place-items:center
}
.navbtn:active{background:var(--patima)}
/* 🔴 Το δεξί `navbtn` της κεφαλίδας είναι ΓΕΜΙΣΤΙΚΟ για να κεντράρει ο τίτλος
   (`aria-hidden`), αλλά κληρονομούσε περίγραμμα και φαινόταν **άδειο
   κουμπί** — κάτι που μοιάζει πατήσιμο και δεν είναι. Κρατάει τον χώρο,
   δεν ζωγραφίζει τίποτα. */
span.navbtn[aria-hidden="true"]{border-color:transparent;background:none}

/* ── Το υπόλοιπο — ΤΟ νούμερο (§9.6). Τίποτα δεν εμφανίζεται μεγαλύτερο. ── */
.ypolipo{text-align:center;padding:6px 0 4px}
.ypolipo .etiketa{font-size:11px;color:var(--achno);text-transform:uppercase;letter-spacing:.09em}
.ypolipo .poso.keni{font-size:clamp(15px,4vw,20px);letter-spacing:.06em;color:var(--achno);font-weight:600}
.ypolipo .poso{font-size:clamp(34px,9vw,52px);font-weight:600;letter-spacing:-.035em;margin:2px 0 0;font-variant-numeric:tabular-nums;line-height:1.1}
.ypolipo .analysi{display:flex;justify-content:center;gap:14px;margin-top:6px;flex-wrap:wrap;font-size:12.5px;color:var(--sviso)}
.ypolipo .analysi b{font-weight:600;color:var(--keimeno);font-variant-numeric:tabular-nums}

.grammi-apothikefsis{display:flex;align-items:center;gap:12px;margin-top:8px}
.katastasi{flex:1;font-size:12.5px;color:var(--sviso);min-height:18px}
/* ⏳ [162] Η σύνδεση έληξε ενώ έγραφες: τα λόγια και το «Μπες ξανά (νέα καρτέλα)», κάτω από την «Αποθήκευση». */
.xana-mesa{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px}
.xana-mesa p{flex:1 1 200px;margin:0;font-size:13px;line-height:1.35;color:var(--keimeno)}
.apothikefsi{
  min-height:48px;padding:0 28px;border:0;border-radius:12px;background:var(--mavro);
  color:var(--anapodo);font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;flex:0 0 auto
}
.apothikefsi[disabled]{opacity:.38;cursor:default}
.apothikefsi:not([disabled]):active{transform:translateY(1px)}
.apothikefsi.platy{width:100%;margin-top:6px}
/* 🚫 [131] 5Α-1: η σελίδα «Δεν υπάρχει» — ΜΙΑ κάρτα, λίγο πιο κάτω από την κορυφή. */
.den-yparxei{margin-top:12vh}
/* 🙂 [080] Σύνδεσμος που ΦΑΙΝΕΤΑΙ κουμπί («Μπες στον χώρο σου»): ίδιο ύψος
   αφής με το κουμπί — ως τώρα έμενε λεπτή υπογραμμισμένη γραμμή (Κ107). */
a.apothikefsi,a.mikro-koumpi{display:inline-flex;align-items:center;
  justify-content:center;text-decoration:none;box-sizing:border-box}
a.apothikefsi,a.apothikefsi:visited{color:var(--anapodo)}
a.mikro-koumpi,a.mikro-koumpi:visited{color:var(--keimeno)}

/* ── Τα κουμπιά δείχνουν ΟΨΕΙΣ, όχι σελίδες (§9.7.3) ── */
main{padding-top:10px;padding-bottom:calc(var(--bara) + 28px + env(safe-area-inset-bottom))}
.koumpi-opsi{background:var(--karta);border:1px solid var(--grammi);border-radius:var(--aktina);padding:4px 16px 14px}

/* ── Γραμμές ─────────────────────────────────────────────── */
.grammi{display:grid;gap:8px;padding:10px 0;border-top:1px solid var(--grammi);align-items:center}
.grammi:first-child{border-top:0}
.g-eispraxi{grid-template-columns:1fr 118px 120px}
.g-exodo{grid-template-columns:1fr 1fr 118px 120px}
.g-misthodosia{grid-template-columns:1fr 118px 120px}
/* 🎁 Δ8: η αιτία της πληρωμής πιάνει ΟΛΗ τη δεύτερη σειρά — δεν στριμώχνεται
   δίπλα στο ποσό, και δεν μοιάζει με δεύτερο ποσό. */
.g-misthodosia .aitia-pliromis{grid-column:1/-1}
.g-pistosi{grid-template-columns:1fr 1fr 120px}
/* 🧾 [166] το πιστωτικό (χωρίς κατηγορία) · η πληρωμή τιμολογίων (όπως ένα έξοδο: όνομα · τρόπος · ποσό) */
.g-pistotiko{grid-template-columns:1fr 120px}
.g-pliromi_timologion,.g-pliromi_ypochreosis{grid-template-columns:1fr 118px 120px}
/* 🧾 [166] D4: «Τιμολόγιο | Πιστωτικό» και η ημερομηνία του χαρτιού — ΟΛΗ η δεύτερη σειρά της γραμμής */
.pedia-timologiou{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px}
.eidos-xartiou{display:flex;gap:0;border:1px solid var(--grammi);border-radius:10px;overflow:hidden}
.eidos-xartiou-koumpi{min-height:44px;min-width:44px;padding:0 16px;border:0;background:var(--karta);
  color:var(--keimeno);font:inherit;font-size:16px;cursor:pointer}
.eidos-xartiou-koumpi+.eidos-xartiou-koumpi{border-left:1px solid var(--grammi)}
.eidos-xartiou-stathero{display:flex;align-items:center;min-height:44px;padding:0 16px;font-weight:700;
  color:var(--mavro);background:var(--patima)}
.eidos-xartiou-koumpi[aria-pressed="true"]{background:var(--patima);color:var(--mavro);font-weight:700;
  box-shadow:inset 0 -3px 0 var(--mavro)}
/* 🧾 [166] T1: το ποσό του πιστωτικού φαίνεται με ΜΕΙΟΝ — ο ταμίας γράφει θετικό αριθμό */
.arnitiko-poso .kouti-posou{position:relative}
.arnitiko-poso input.poso{padding-left:26px;color:var(--kokkino)}
.arnitiko-poso .kouti-posou::after{content:'−';position:absolute;left:10px;bottom:11px;font-weight:700;
  font-size:18px;color:var(--kokkino);pointer-events:none}
input{
  width:100%;min-height:var(--aggigma);padding:10px 12px;border:1px solid var(--grammi);
  border-radius:10px;background:var(--karta);font-size:16px;color:var(--keimeno);font-family:inherit
}
input:focus{outline:none;border-color:var(--mavro)}
input.poso{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.prosthiki{
  margin-top:10px;min-height:var(--aggigma);width:100%;border:1px dashed var(--grammi);
  background:none;border-radius:10px;color:var(--sviso);font-size:14px;cursor:pointer;font-family:inherit
}
.prosthiki:active{background:var(--patima)}

/* ── Βελάκι — Κ72: ΔΙΑΛΕΓΟΥΜΕ, δεν γράφουμε. Ποτέ <select>. ── */
.epilogi{position:relative}
.epilogi .lista{
  position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);background:var(--karta);
  border:1px solid var(--grammi);border-radius:10px;box-shadow:0 8px 28px var(--skia-lista);
  max-height:238px;overflow:auto;display:none
}
.epilogi.anoixto .lista{display:block}
.epilogi .lista button{
  display:block;width:100%;min-height:var(--aggigma);text-align:left;padding:10px 12px;
  border:0;background:none;font-size:15px;color:var(--keimeno);cursor:pointer;font-family:inherit
}
.epilogi .lista button:hover,.epilogi .lista button.tonismeno{background:var(--patima)}
.epilogi .lista .keno{padding:12px;color:var(--achno);font-size:14px}
input.agnosto{border-color:var(--exo)}

/* ── Η κλειδαριά της μισθοδοσίας (§8.1.17.4) ── */
.kleidaria{text-align:center;padding:38px 10px}
.kleidaria .loyketo{font-size:30px}
.kleidaria p{color:var(--sviso);font-size:14px;max-width:34ch;margin:10px auto 16px}
.mikro-koumpi{
  min-height:var(--aggigma);padding:0 20px;border:1px solid var(--grammi);border-radius:10px;
  background:var(--karta);font-size:15px;color:var(--keimeno);cursor:pointer;font-family:inherit
}
/* 🔘 [162] Κλειστό κουμπί = φαίνεται κλειστό (π.χ. «Παλαιότερα ›» στην τελευταία σελίδα): γκρίζο, κανονικός δείκτης — όπως
   η κλειστή «Αποθήκευση». */
.mikro-koumpi[disabled]{opacity:.38;cursor:default}

/* ── Η κάτω μπάρα ανήκει στην ΗΜΕΡΑ (§9.7.5), με ζωντανά σύνολα (§9.7.4) ── */
.bara{
  position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);
  background:var(--fonto-diafano);backdrop-filter:blur(10px);border-top:1px solid var(--grammi);
  padding-bottom:env(safe-area-inset-bottom)
}
/* 🔴 Η μπάρα είναι `fixed`: ΔΕΝ πιάνει χώρο, άρα σκεπάζει το τέλος της
   σελίδας. Μετρήθηκε σε 390×844: το τελευταίο στοιχείο τελείωνε στα 844 και
   η μπάρα ξεκινούσε στα 779 — **65px μόνιμα κρυμμένα**, δηλαδή το «Ιστορικό
   ημέρας» και η μισή κάρτα του κλεισίματος ΔΕΝ έφταναν ποτέ στα μάτια,
   όσο κι αν κατέβαινες. Η σελίδα κρατάει τον χώρο της μπάρας από κάτω. */
body.tameio{padding-bottom:calc(var(--bara) + env(safe-area-inset-bottom) + 12px)}
.bara button{
  min-height:var(--bara);border:0;background:none;cursor:pointer;font-family:inherit;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  padding:6px 2px;border-top:2px solid transparent;color:var(--sviso)
}
.bara .onoma{font-size:11.5px;letter-spacing:-.01em}
.bara .synolo{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--keimeno)}
.bara button.energi{color:var(--mavro);border-top-color:var(--mavro);background:var(--karta)}
.bara button.energi .onoma{font-weight:600}
/* 🧭 [096] D1: το πέμπτο κουμπί, «Περισσότερα», δεν έχει σύνολο (δεν έχει
   γραμμές) — ένα ήσυχο «⋯» στη θέση του νούμερου κρατάει τη μπάρα ίσια. */
.bara .perissotera-simadi{color:var(--sviso);font-weight:400}

/* 🔒 [096] R1: κλειδωμένη μέρα — ήσυχη γραμμή πάνω από το υπόλοιπο. */
.kleidomeni-mera{margin:6px 0 0;font-size:13px;color:var(--sviso);text-align:center}
/* 📅 [168] D7: η κλειδωμένη μέρα του ταμία — ετικέτα ΜΑΥΡΗ (το χρώμα του κειμένου), καθαρή. */
.kleidomeni-mera.mera-tamia{color:var(--keimeno);font-weight:600;font-size:15px}
/* 🔒 [152] Κ174: το κλείδωμα φάσης 1 — ΠΡΟΣΩΡΙΝΟ (Κ121: το κίτρινο του προσωρινού)· τα πεδία μένουν ορατά, απλώς κλειστά. */
.tameio-kleidomeno{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--kitrino-fonto);
  border:1px solid var(--kitrino-grammi);color:var(--kitrino-keimeno);font-size:13px;text-align:center}
/* 🔒 [096] R1: στο «Πριν και μετά» το σύνολο που άλλαξε ξεχωρίζει. */
.zevgos.allaxe b{color:var(--exo)}

/* ── ⋯ Το «Περισσότερα» της μέρας — είσοδος σε ειδικές κατηγορίες (§9.51 D1) ── */
.perissotera-titlos{font-size:15px;font-weight:600;color:var(--sviso);margin:18px 0 2px}
.perissotera-titlos:first-child{margin-top:4px}
.eidiki-katigoria{display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  width:100%;min-height:var(--aggigma);margin:8px 0 0;padding:10px 16px;
  border:1px solid var(--grammi);border-radius:10px;background:var(--karta);
  color:var(--keimeno);font-family:inherit;text-align:left;cursor:pointer}
.eidiki-katigoria:active{background:var(--patima)}
.eidiki-onoma{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.eidiki-pou{font-size:13px;color:var(--sviso)}
.metoxos-perissotera{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;margin:10px 0 0}
.metoxos-perissotera > b{grid-column:1/-1;font-size:15px;margin:6px 0 0}
.mesa{color:var(--mesa)!important} .exo{color:var(--exo)!important}

/* ── Ο διάλογος της υπογραφής (Κ70) ── */
.skia{position:fixed;inset:0;z-index:60;background:var(--skia);display:grid;place-items:center;padding:16px}
/* Η ΥΠΟΓΡΑΦΗ ανοίγει ΠΑΝΩ από ό,τι τη ζήτησε. Το μέτρημα μένει ανοιχτό από
   κάτω ώσπου να υπογραφεί — με ίδιο ύψος και πιο κάτω στη σελίδα, ο διάλογος
   άνοιγε ΠΙΣΩ του και δεν πατιόταν (βρέθηκε 28/9/26, ΣΤ38). */
#dialogos{z-index:61}
.dialogos-karta{background:var(--karta);border-radius:16px;padding:20px;width:100%;max-width:380px}
.dialogos-karta h2{margin:0 0 4px;font-size:17px}
.dialogos-karta input{margin-top:10px}
/* Η αραίωση είναι ΤΟΥ PIN, όχι κάθε πεδίου του διαλόγου: το όνομα διαβάζεται
   σαν όνομα. Πριν εφαρμοζόταν και στο βελάκι και έβγαινε «Ο υ ρ α ν ί α». */
#dialogos-pin{text-align:center;letter-spacing:.4em;font-size:20px}
.dialogos-lathos{color:var(--exo);font-size:13.5px;min-height:18px;margin-top:8px}
.dialogos-exigisi{margin:2px 0 6px;font-size:13.5px;color:var(--sviso)}
.dialogos-koumpia{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
/* ➕ [156] Κ177: το παράθυρο «Νέος εργαζόμενος» — ο ΚΟΙΝΟΣ διάλογος· η ετικέτα και η ερώτηση σε κανονικά
   (μαύρα) γράμματα. */
.ne-etiketa{display:block;margin-top:10px;font-size:14px;color:var(--keimeno)}
.ne-erotisi{margin:10px 0 6px;font-size:15px;line-height:1.4;color:var(--keimeno)}
/* 🏠 [Y-kinito] το παράθυρο «Συμφωνημένο ποσό» (`symfonimeno_poso.js`) — ο ΚΟΙΝΟΣ διάλογος· όνομα, ετικέτες και υπόδειξη
   σε κανονικά (μαύρα) γράμματα· τα κουτιά 16px από το κοινό `input` (το τηλέφωνο δεν μεγεθύνει). */
.sp-onoma{margin:2px 0 4px;font-size:15px;font-weight:600;color:var(--keimeno)}
.sp-etiketa{display:block;margin-top:10px;font-size:14px;color:var(--keimeno)}
.sp-ypodeixi{margin:10px 0 0;font-size:13.5px;color:var(--keimeno)}
.sp-minima{font-size:14px;color:var(--keimeno);align-self:center}
/* ✏️ [Y-epexergasia] η «Επεξεργασία» κάτω από τη γραμμή της συμφωνίας · το ήσυχο «Ακύρωση αυτού του ποσού» */
.sp-praxi{display:flex;justify-content:flex-end;margin:2px 0 8px}
.dialogos-karta .sp-akyrosi{display:block;margin:10px auto 0;color:var(--keimeno)}
/* 🕵️ [158] Κ179: «Τι έγινε τις τελευταίες 14 μέρες» (μέσα στην «Ασφάλεια») — φίλτρα, σελίδες, 🌙. Χρώματα από το ΕΝΑ
   σημείο (xromata.css). Στο τηλέφωνο τα φίλτρα πέφτουν το ένα κάτω από το άλλο. */
.te-kouti{margin:4px 0 14px}
.te-parathyro{margin:0 0 8px}
.te-filtra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0}
.te-filtra .epilogi{flex:1 1 220px;min-width:0}
.te-mono-nyxta{display:flex;align-items:center;gap:6px;min-height:var(--aggigma);font-size:14px;color:var(--keimeno)}
.te-lathi{margin:6px 0 10px;padding:6px 10px;border:1px solid var(--kitrino-grammi);border-radius:10px;
  background:var(--kitrino-fonto)}
.te-grammi>span{overflow-wrap:anywhere}
.te-grammi>b{text-align:right;overflow-wrap:anywhere}
.te-nyxta{color:var(--kitrino-keimeno);white-space:nowrap}
.te-selides{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.te-arithmos{text-align:center;flex:1 1 auto}

/* ── Δευτερεύοντα ── */
.ypo-koumpia{text-align:center;margin:16px 0 0}
/* Κ107 — ΜΕΤΡΗΘΗΚΕ: 31px. Το δάχτυλο θέλει 44, και το Ταμείο δουλεύεται
   ΟΡΘΙΟΣ, σε ταμπλέτα, με το συρτάρι ανοιχτό. Το `--aggigma` υπάρχει ήδη
   ως κανόνας — απλώς αυτά τα κουμπιά δεν τον περνούσαν. */
.mikro{background:none;border:0;color:var(--achno);font-size:13px;text-decoration:underline;cursor:pointer;padding:8px;font-family:inherit;min-height:var(--aggigma)}
#istoriko{font-size:12px;color:var(--sviso);white-space:pre-wrap;background:var(--karta);
  border:1px solid var(--grammi);border-radius:10px;padding:12px}

/* ── Ο προσωπικός χώρος (Κ73) ── */
.prosopikos .titlos-selidas{font-size:20px;margin:26px 0 14px}
.karta{background:var(--karta);border:1px solid var(--grammi);border-radius:var(--aktina);padding:18px;margin-bottom:14px}
.karta h2{margin:0 0 6px;font-size:16px}
/* ⚙️ [101] Κ144: ο τίτλος της ενότητας με το ⚙️ της δεξιά (όταν το δηλώνει ο server). */
.titlos-me-granazi{display:flex;align-items:center;justify-content:space-between;gap:10px}
.titlos-me-granazi h2{flex:1;min-width:0}
.titlos-me-granazi .navbtn{margin-bottom:6px}
/* 🤝 [101] «Ρυθμίσεις μετόχων» (Seed §9.55 (7)): πίνακες, κουμπιά, φόρμες. */
.pinakas-pososton .synolo-pososton b{font-weight:700}
.koumpia-pososton{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.koumpia-pososton > button{flex:1 1 150px}
.forma-pososton{margin-top:8px}
.forma-pososton .pedio-pososto{align-items:center}
.forma-pososton .pedio-pososto input{max-width:120px;text-align:right;font-variant-numeric:tabular-nums}
.forma-pososton .epilogi,.forma-pososton .pedio-apo,.forma-pososton > input{display:block;margin-top:8px}
.praxi-pososton{padding:6px 0;border-top:1px solid var(--grammi)}
/* ➕ [101] 1β (§9.55 επιλογές 13–17): «Φεύγει» · νέος · επιστρέφει μέσα στη φόρμα. */
.forma-pososton .dexia-pososto{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.forma-pososton .neos-grammi > input{flex:1;min-width:0}
.fevgei-koumpi,.vgale-koumpi{padding:0 12px}
.fevgei-koumpi[aria-pressed="true"]{border-color:currentColor;font-weight:600}
.metavoles-pososton{font-weight:600}
.praxi-pososton:first-child{border-top:0}
/* 📣 [101] Φάση 3 (§9.55 επιλογές 43–44): το διαθέσιμο κέρδος (βοήθεια) · οι «Δηλώσεις». */
.diathesimo-kerdos{margin-top:10px;padding:8px 10px;border:1px dashed var(--grammi);border-radius:10px}
.dilosi-metoxon{padding:6px 0;border-top:1px solid var(--grammi)}
.dilosi-metoxon:first-child{border-top:0}
/* 🧯 [101] Φάση 4: «Ακυρώθηκε» — η πράξη ΜΕΝΕΙ, με τη λέξη και τον λόγο (Κ4, Κ39). */
.akyrosi-logos{margin:4px 0 0;font-size:14px;color:var(--sviso)}
.akyrosi-logos b{color:var(--keimeno)}
.akyroseon .epilogi{margin:10px 0 4px}
.akyrosima-lista{margin-bottom:6px}
.akyrosimo{padding:8px 0;border-top:1px solid var(--grammi)}
.akyrosimo:first-child{border-top:0}
.akyrosimo .zevgos{align-items:center}
.akyrosimo [data-akyrosi-koumpi]{flex:0 0 auto;padding:0 14px}
.forma-akyrosis{margin-top:8px}
.forma-akyrosis textarea{display:block;width:100%;min-height:var(--aggigma);font:inherit}
.koumpia-formas{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.koumpia-formas > button{flex:1 1 150px}
.sigouros-logia p{margin:6px 0;font-variant-numeric:tabular-nums}
.karta label{display:block;font-size:13px;color:var(--sviso);margin-top:12px}
.karta label input{margin-top:4px}
.mikro-keimeno{font-size:13.5px;color:var(--sviso)}
.arnisi{border-color:var(--exo)}

/* ── Ο χώρος του και η καρτέλα εργαζομένου ── */
.megalo{font-size:clamp(32px,9vw,46px);font-weight:600;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;margin:2px 0 4px}
/* 📱 [063] O4: ΤΟ ΟΝΟΜΑ ΤΟΥ ΜΑΓΑΖΙΟΥ, ΜΕΓΑΛΟ, ΣΤΗΝ ΚΟΡΥΦΗ ΚΑΘΕ ΡΥΘΜΙΣΗΣ.
   Δεν είναι διακόσμηση: ο ιδιοκτήτης με δύο μαγαζιά βλέπει δύο σχεδόν ίδιες
   λίστες, και η ρύθμιση πέφτει σε ΕΝΑ. Τυλίγει στα 360px (Ε19/[062]). */
.karta h2.megalo-onoma{font-size:clamp(22px,6.5vw,30px);font-weight:600;
  letter-spacing:-.02em;margin:0 0 4px;overflow-wrap:anywhere}
.zevgi{margin:8px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:14px}
.zevgi dt{color:var(--sviso)} .zevgi dd{margin:0;font-weight:500}
.zevgos{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-top:1px solid var(--grammi);font-size:14px;font-variant-numeric:tabular-nums}
.zevgos:first-child{border-top:0}
/* ⏱️ [073] Η ΓΡΑΜΜΗ ΒΑΡΔΙΑΣ ΤΥΛΙΓΕΙ: κείμενο σε όλη την πρώτη σειρά, ώρες και
   κουμπιά από κάτω. Σε μία σειρά, στα 360px, το «Ακύρωση» έβγαινε 22px ΕΞΩ από
   την οθόνη — το βρήκε η μέτρηση της ΑΝΟΙΧΤΗΣ κάρτας (Κ107, Κ120). */
.zevgos.grammi-vardias{flex-wrap:wrap;align-items:center;gap:6px 10px}
.grammi-vardias > span{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
.grammi-vardias > b{flex:1 1 auto}
.grammi-vardias .mikro-koumpi{flex:0 0 auto;padding:0 14px}
.karta label.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;
  color:var(--keimeno);margin-top:14px}
.karta label.checkbox input{width:auto;min-height:auto;margin-top:3px}
.mikro-koumpi.platy{width:100%;margin-top:8px}
.lista-ergazomenon button{display:block;width:100%;text-align:left;border:0;background:none;
  font-family:inherit;font-size:15px;padding:12px 0;border-top:1px solid var(--grammi);
  cursor:pointer;color:var(--keimeno)}
.lista-ergazomenon button:first-child{border-top:0}
.lista-ergazomenon .leptomeria{display:block;font-size:12.5px;color:var(--achno);margin-top:2px}
.efyge{color:var(--achno)}
.simadi{display:inline-block;font-size:11px;padding:1px 7px;border-radius:9px;
  background:var(--patima);color:var(--sviso);margin-left:6px}

/* ── Τηλέφωνο: ίδια δεδομένα, αναδιπλώνονται. Τίποτα δεν πέφτει. ── */
@media (max-width:640px){
  .grammi{grid-template-columns:1fr 1fr!important;gap:8px;padding:14px 0;position:relative}
  /* Εισπράξεις/Μισθοδοσία/Επί πιστώσει έχουν 3 πεδία: το πρώτο παίρνει όλη τη
     γραμμή, τα άλλα δύο μοιράζονται την επόμενη. Τα Έξοδα έχουν 4 και πέφτουν
     φυσικά 2×2 — αν έσπαγε κι εκεί το πρώτο, το ποσό θα έμενε μόνο του. */
  .g-eispraxi .epilogi:first-child,
  .g-misthodosia .epilogi:first-child,
  .g-pistosi .epilogi:first-child{grid-column:1/-1}
  /* 🧾 [166] η πληρωμή τιμολογίων: ο προμηθευτής όλη τη σειρά, τρόπος και ποσό μοιράζονται την επόμενη */
  .g-pliromi_timologion .onoma-grammis,
  .g-pliromi_ypochreosis .onoma-grammis,
  .g-pistotiko .onoma-grammis{grid-column:1/-1}
  .bara .onoma{font-size:11px}
  /* 🧭 [096] D1: πέντε κουμπιά σε 390px — το νούμερο χωράει χωρίς να κοπεί. */
  .bara .synolo{font-size:14px}
}
@media (min-width:1000px){ .wrap{max-width:940px} }

/* 📱 [153] Κ175 · Seed §9.75 — Η ΚΟΡΥΦΗ ΤΟΥ ΤΑΜΕΙΟΥ ΣΤΟ ΤΗΛΕΦΩΝΟ (`body.kinito`, ως 640px · `static/js/kefali_kinitou.js`).
   ΜΙΑ κύλιση: η κορυφή φεύγει με τη σελίδα — δεν μένει καρφωμένη πάνω από μισή οθόνη. Όταν γράφεις (`body.grafei`): ΜΙΑ
   λεπτή καρφωμένη γραμμή — «‹ Αρχική» · [η ημερομηνία, όταν η μέρα δεν είναι σήμερα] · «▾» · «Αποθήκευση». Ταμπλέτα και
   υπολογιστής: τίποτα δεν αλλάζει. */
.grafei-mera,.grafei-anoigma{display:none}
@media (max-width:640px){
  body.kinito .kefalida{position:static}
  body.kinito.grafei .kefalida{position:sticky;top:0;padding-bottom:0}
  body.kinito.grafei .kefalida>.wrap{display:flex;align-items:center;gap:6px;padding-top:6px;padding-bottom:6px}
  body.kinito.grafei .kinito-katastima{display:flex;order:1;flex:0 0 auto}
  /* ΤΙΠΟΤΑ κομμένο: το «‹ Αρχική» ολόκληρο · η ημερομηνία σε δύο κοντές γραμμές αν χρειαστεί («Παρασκευή» / «17/10») */
  body.kinito.grafei .kinito-katastima .piso-vima{max-width:none;overflow:visible;padding-left:0}
  body.kinito.grafei .grafei-mera{display:block;order:2;flex:1;min-width:0;font-size:11.5px;font-weight:600;
    line-height:1.15;color:var(--mavro);text-align:center;white-space:normal;overflow:hidden}
  body.kinito.grafei .grafei-anoigma{display:grid;place-items:center;order:3;flex:0 0 auto;width:var(--aggigma);
    height:var(--aggigma);border:1px solid var(--grammi);background:var(--karta);border-radius:50%;font-size:16px;
    color:var(--keimeno);cursor:pointer;font-family:inherit}
  body.kinito.grafei .grammi-apothikefsis{order:4;margin-top:0;flex:0 0 auto}
  body.kinito.grafei .grammi-apothikefsis .apothikefsi{min-height:var(--aggigma);padding:0 14px;font-size:15px}
  body.kinito.grafei .kinito-katastima .megalo-onoma,
  body.kinito.grafei .kinito-katastima .spiti,
  body.kinito.grafei .kinito-katastima .kampanaki,
  body.kinito.grafei .kinito-allagi,
  body.kinito.grafei .mera,
  body.kinito.grafei .kleidomeni-mera,
  body.kinito.grafei .tameio-kleidomeno,
  body.kinito.grafei .ypolipo,
  body.kinito.grafei .ypografes,
  body.kinito.grafei .proeid,
  body.kinito.grafei .xana-mesa,
  body.kinito.grafei #katastasi{display:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════
   ΤΑ ΚΟΥΜΠΙΑ ΤΗΣ ΚΑΤΗΓΟΡΙΑΣ — Seed §7.4.2
   «Δύο ή τρεις → κουμπιά. Ένα πάτημα. Ποτέ λίστα 30 για ψάξιμο.»
   ═══════════════════════════════════════════════════════════════════════ */
.kat-pedio { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.kat-pedio.krymmeno .velaki,
.kat-pedio.krymmeno input { display: none; }   /* μία κατηγορία = κανένα πεδίο */
.kat-koumpia { display: flex; flex-wrap: wrap; gap: .3rem; }
/* 🔴 ΜΕΤΡΗΘΗΚΑΝ 31px ΣΤΙΣ 19/09/2026 — Κ107. Κανένας έλεγχος δεν είχε
   διαλέξει ποτέ προμηθευτή, άρα τα κουμπιά κατηγορίας του (§7.4.2) δεν είχαν
   εμφανιστεί ποτέ μπροστά στο μέτρο. «Ένα πάτημα» σε 31px, όρθιος, με το
   συρτάρι ανοιχτό, δεν είναι ένα πάτημα. */
.kat-koumpi {
  min-height: var(--aggigma);
  border: 1px solid var(--grammi); background: var(--karta); color: var(--keimeno);
  border-radius: 999px; padding: .28rem .7rem; font: inherit; font-size: .85rem;
  cursor: pointer; white-space: nowrap;
}
.kat-koumpi.dialegmeno {
  background: var(--kyrio); border-color: var(--kyrio); color: var(--anapodo);
}

/* ═══════════════════════════════════════════════════════════════════════
   ΡΥΘΜΙΣΕΙΣ — επτά κάρτες, μία οθόνη (Seed §8.2)
   ═══════════════════════════════════════════════════════════════════════ */
.kartes { display: grid; gap: 1rem; padding: 1rem 0 4rem; }
.karta {
  background: var(--karta); border: 1px solid var(--grammi);
  border-radius: 14px; padding: 1rem 1.1rem;
}
.karta > h2 { margin: 0 0 .6rem; font-size: 1.05rem; }
.karta-anoixti { background: var(--anoixti-fonto); border-style: dashed; }
.karta-soma { display: flex; flex-direction: column; gap: .4rem; }
.karta .grammi { margin: 0; }
.karta .ypodeixi { margin: .2rem 0 0; font-size: .85rem; color: var(--sviso); }
.karta .anoixto { margin: 0; font-weight: 600; color: var(--anoixto-keimeno); }
.karta .simadi-dokimis { margin: .2rem 0; font-weight: 600; color: var(--kyrio); }
/* 🔔 Το σήμα των ειδοποιήσεων πάνω στο μενού (N1, §9.25) — ΜΟΝΟ αριθμός. */
.simadi-eidopoiiseon{position:absolute;top:2px;right:2px;min-width:18px;
  padding:0 5px;border-radius:9px;background:var(--kokkino);color:var(--anapodo);
  font-size:11px;line-height:18px;font-weight:700;text-align:center}
#menou-anoigma{position:relative}
.grammi-lista {
  display: flex; align-items: center; gap: .45rem;
  padding: .3rem 0; border-bottom: 1px solid var(--grammi-apali);
}
/* 📱 [062]: ΤΟ ΟΝΟΜΑ ΤΥΛΙΓΕΙ, ΔΕΝ ΚΟΒΕΤΑΙ. Στα 360px τα κουμπιά της γραμμής
   έστυβαν το όνομα σε λίγα pixel και το «Καραγιάννη Νίκος #5» έβγαινε μισό —
   κομμένο όνομα σε λίστα ανθρώπων είναι λάθος όνομα (Κ39). */
.grammi-lista { flex-wrap: wrap; }
.grammi-lista > span:first-child {
  flex: 1 1 60%; min-width: 0; overflow-wrap: anywhere;
}
.grammi-lista.anenergo, .karta .anenergo { color: var(--achno); text-decoration: line-through; }
.grammi-lista.enomeni > span:first-child { font-style: italic; }
.karta .kleidomeno { cursor: help; }         /* ο τίτλος λέει ΓΙΑΤΙ */
.karta details.lista { margin-top: .5rem; }
/* 🔴 Κ107 — ΤΟ ΔΑΧΤΥΛΟ ΘΕΛΕΙ 44px, ΚΑΙ ΣΤΙΣ ΡΥΘΜΙΣΕΙΣ.
   Το `summary` ήταν **34px** και τα κουμπιά των τεσσάρων ρημάτων ακόμα πιο
   μικρά. Έζησαν έτσι επειδή **κανένας έλεγχος δεν είχε ανοίξει ποτέ αυτή την
   οθόνη**: το μέτρο έπεφτε μόνο στο Ταμείο. Ίδια ρίζα με τα 31px του
   προμηθευτή ([031]) — μετρήθηκε ό,τι κοιτούσαμε, όχι ό,τι υπάρχει. */
.karta details.lista > summary {
  cursor: pointer; font-weight: 600; padding: .3rem 0;
  min-height: var(--aggigma); display: flex; align-items: center;
}
.karta button.mikro {
  padding: .2rem .5rem; font-size: .8rem;
  min-height: var(--aggigma); min-width: var(--aggigma);
}

/* ═══════════════════════════════════════════════════════════════════════
   Η ΟΥΡΑ — μετρητής, και ΔΙΑΓΝΩΣΗ όταν γεμίζει (Seed §7.4.3)
   ═══════════════════════════════════════════════════════════════════════ */
.oura-diagnosi {
  background: var(--portokali-fonto); border: 1px solid var(--portokali-grammi); border-radius: 10px;
  padding: .6rem .8rem; font-size: .9rem; color: var(--portokali-keimeno);
}

/* ═══════════════════════════════════════════════════════════════════════
   ΚΛΕΙΣΙΜΟ ΜΕΡΑΣ — Seed §9.10
   «Παρέδωσα», όχι «Μέτρησα»: είναι πράξη, όχι άσκηση αριθμητικής.
   ═══════════════════════════════════════════════════════════════════════ */
.kleisimo {
  margin: 1rem 0 0; padding: .9rem 1rem;
  border: 2px solid var(--grammi); border-radius: 14px; background: var(--karta);
}
.kleisimo > h2 { margin: 0 0 .6rem; font-size: 1rem; letter-spacing: .02em; }
.kl-grammi {
  display: flex; align-items: center; justify-content: space-between;
  gap: .75rem; padding: .35rem 0; border-bottom: 1px solid var(--grammi-apali);
}
.kl-grammi b { font-variant-numeric: tabular-nums; font-size: 1.1rem; }
.kl-grammi input {
  width: 9rem; text-align: right; font: inherit; font-size: 1.1rem;
  padding: .3rem .5rem; border: 1px solid var(--grammi); border-radius: 8px;
  background: var(--karta); color: var(--keimeno);
}
#kl-diafora.keni { color: var(--achno); }
#kl-diafora.symfonei { color: var(--kyrio); }
/* Η διαφορά ΔΕΝ κρύβεται και δεν στρογγυλεύεται (Seed §3.2.1) — φαίνεται. */
#kl-diafora.diafonei { color: var(--kokkino); }
.kl-koumpia { display: flex; gap: .5rem; justify-content: flex-end; margin-top: .7rem; }
.kl-simeiosi { margin: .5rem 0 0; font-size: .9rem; color: var(--kyrio); }
.kleisimo.ekleise { border-color: var(--kyrio); background: var(--kyrio-fonto); }

.simeiosi-imeras { margin-top: 1rem; display: flex; flex-direction: column; gap: .35rem; }
.simeiosi-imeras label { font-size: .85rem; color: var(--sviso); }
.simeiosi-imeras textarea {
  font: inherit; padding: .5rem .6rem; border-radius: 10px;
  border: 1px solid var(--grammi); resize: vertical;
  background: var(--karta); color: var(--keimeno);
}
.simeiosi-imeras button { align-self: flex-start; }

/* ΤΟ ΧΑΡΤΙ ΠΟΥ ΠΑΓΩΝΕΙ ΤΗ ΜΕΡΑ: φεύγει ό,τι δεν είναι νούμερο της μέρας. */
@media print {
  .bara, .ypo-koumpia, .kl-koumpia, .prosthiki, .simeiosi-imeras button,
  .navbtn, #istoriko, .skia { display: none !important; }
  .kleisimo { border-width: 1px; page-break-inside: avoid; }
  body { background: var(--karta); }
}


/* ═══════════════════════════════════════════════════════════════════════
   ΤΟ ΜΕΝΟΥ ΤΗΣ ΕΦΑΡΜΟΓΗΣ — Seed §9.7.5: «η έξοδος είναι ΠΑΝΩ ΑΡΙΣΤΕΡΑ στην
   κεφαλίδα». Η κάτω μπάρα ανήκει στην ΗΜΕΡΑ και δεν την αγγίζουμε.
   ═══════════════════════════════════════════════════════════════════════ */
.navbtn.exodos{font-size:17px}
.aplo-kefali{display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:10px 0 2px}
.aplo-kefali h1{margin:0;font-size:16px;font-weight:600;text-align:center;flex:1}
/* 🍈 [093] ΤΟ ΛΟΓΟΤΥΠΟ — μικρό, αριστερά από τον τίτλο, ίδιο σε κάθε πλάτος. Το
   πλακίδιο είναι σκούρο και στα δύο θέματα· το λεπτό περίγραμμα (όνομα
   χρώματος, Κ132) το ξεχωρίζει από το σκούρο φόντο. */
.logotypo{width:28px;height:28px;border-radius:6px;vertical-align:middle;
  margin-right:8px;box-shadow:0 0 0 1px var(--grammi)}
.menou-skia{align-items:flex-start;justify-content:flex-start}
.menou-fylo{background:var(--karta);border-radius:0 16px 16px 0;min-width:min(78vw,300px);
  max-height:100dvh;overflow:auto;padding:10px 0 14px;
  box-shadow:0 8px 40px var(--skia-fylo)}
.menou-kefali{display:flex;align-items:center;justify-content:space-between;
  padding:6px 14px 10px;border-bottom:1px solid var(--grammi)}
.menou-domatio{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;text-decoration:none;color:var(--keimeno);min-height:var(--aggigma)}
.menou-domatio:active{background:var(--patima)}
.menou-domatio.edo{font-weight:600;box-shadow:inset 3px 0 0 var(--mavro)}
/* 🕳️ Κ130 ([064]): ΔΩΜΑΤΙΟ ΠΟΥ ΔΕΝ ΕΙΝΑΙ ΕΔΩ — φαίνεται, γκρίζο, και το λέει.
   Χωρίς σύνδεσμο και χωρίς κέρσορα: δεν υπόσχεται πόρτα που δεν υπάρχει. */
.menou-domatio.ektos{color:var(--achno);cursor:default}
.menou-domatio.ektos:active{background:transparent}
/* Το ίδιο πράγμα στις ενότητες του κινητού (ιδιοκτήτης/μέτοχος): ΟΝΟΜΑ
   αριστερά, ΛΟΓΟΣ δεξιά — ίδιο σχήμα με τη `.zevgos`, χωρίς κουμπί. */
.enotita-ektos{display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:12px 2px;color:var(--achno);
  border-top:1px solid var(--grammi);min-height:var(--aggigma)}
.enotita-ektos .simadi{margin-left:0;text-align:right}
.menou-onoma{font-size:15px}
.poios-mpike{display:flex;align-items:center;justify-content:space-between;gap:10px}
/* 🙂 [080] Β1: «Όρισε το PIN σου» ΠΡΩΤΟ — ό,τι άλλο περιμένει ώσπου να οριστεί. */
/* 👤 [134] Κ155: και τότε η γραμμή «Ο λογαριασμός μου» της Αρχικής φαίνεται — η Αποσύνδεση δεν περιμένει. */
.pin-proto > section:not(.pin-protos):not(.poios-mpike):not(.riza-logariasmou){display:none}
.pin-proto-mono{display:none}
.pin-proto .pin-proto-mono{display:block}

/* ══ 🏠 [089] Seed §9.45 — ΑΡΧΙΚΗ · ΚΑΤΑΣΤΗΜΑ · ΛΟΓΑΡΙΑΣΜΟΣ, ΣΕ ΜΙΑ ΣΕΛΙΔΑ ═════════
   «Μόνο ό,τι χρειάζεται έπρεπε να είναι εδώ μπροστά.» — Φώτης, 25/9/26
   ΕΝΑ σημάδι πάνω στο #mesa (`data-othoni`, το βάζει το arxiki.js)· κάθε κάρτα
   λέει πού ανήκει με την κλάση της. Κοινή εμφάνιση (#8), καμία λογική. */
/* 🧭 [096] Seed §9.51 (Κ136): ΟΚΤΩ ΟΘΟΝΕΣ — ΕΝΑΣ κανόνας η καθεμία: κάθε κάρτα
   κρύβεται όταν ΔΕΝ είναι ανοιχτή η οθόνη της. Νέα οθόνη = μία γραμμή εδώ, όχι
   μία ανά ζεύγος οθονών (ως τις 27/9/26 οι τέσσερις οθόνες θέλανε δώδεκα). */
#mesa:not([data-othoni="arxiki"]) > .arxikis,
#mesa:not([data-othoni="katastimata"]) > .katastimaton,
#mesa:not([data-othoni="katastima"]) > .katastimatos,
#mesa:not([data-othoni="perissotera"]) > .perissoteron,
#mesa:not([data-othoni="enotita"]) > .enotitas,
#mesa:not([data-othoni="eidopoiiseis"]) > .eidopoiiseon,
#mesa:not([data-othoni="logariasmos"]) > .logariasmou,
#mesa:not([data-othoni="metafora"]) > .metaforas,
#mesa:not([data-othoni="akyroseis"]) > .akyroseon,
#mesa:not([data-othoni="desimo"]) > .desimatos,
/* 👥 [106] Seed §9.58 Φάση 2: η πρόσκληση · ☰ «➕ Νέο κατάστημα» · ☰ «🤝 Νέος πελάτης» */
#mesa:not([data-othoni="proskliseis"]) > .proskliseon,
#mesa:not([data-othoni="neo-katastima"]) > .neou-katastimatos,
#mesa:not([data-othoni="neos-pelatis"]) > .neou-pelati{display:none}
/* 👤 [134] Κ155: η γραμμή «Ο λογαριασμός μου» στις ΔΥΟ αρχικές χωρίς «Περισσότερα». */
#mesa:not([data-othoni="arxiki"]):not([data-othoni="katastimata"]) > .riza-logariasmou{display:none}
/* 👤 [134]: στο «Όρισε το PIN σου» το «Περισσότερα» περιμένει — η γραμμή φαίνεται σε ΚΑΘΕ αρχική. */
#mesa.pin-proto[data-othoni="katastima"] > .riza-logariasmou{display:block}
.logariasmos-onoma{display:block;font-size:24px;font-weight:700;color:var(--keimeno);margin:2px 0 8px}
.logariasmos-kartes{margin-bottom:12px}
.riza-logariasmou .enotita-koumpi{display:flex;justify-content:space-between;align-items:center;gap:8px}
/* «Όρισε το PIN σου» ΠΡΩΤΟ, όποια οθόνη κι αν είναι — αμετάβλητο (§9.36 Β1). */
#mesa.pin-proto > .pin-protos{display:block}

/* ── 🧭 [096] Η ΚΕΦΑΛΙΔΑ ΚΑΘΕ ΟΘΟΝΗΣ: ☰ ή «‹ Αρχική» · τίτλος · 🔔 (N5, N6) ── */
.piso-arxiki{flex:0 0 auto;min-width:var(--aggigma);height:var(--aggigma);padding:0 6px;
  border:0;background:none;color:var(--syndesmos);font:inherit;font-size:16px;
  font-weight:600;text-align:left;cursor:pointer;white-space:nowrap}
.piso-arxiki:active{opacity:.6}
/* ‹ [120] Κ149 (Seed §9.58 επιλογή 113): «‹ <προηγούμενη>» πάνω αριστερά — 🏠 και ☰ δεξιά. */
/* inline-block (όχι flex): το κενό μετά το «‹» μένει, και το μακρύ όνομα κόβεται με «…». */
.piso-vima{flex:0 1 auto;max-width:44%;overflow:hidden;text-overflow:ellipsis;text-decoration:none;
  display:inline-block;line-height:var(--aggigma)}
.piso-vima[hidden],.spiti[hidden]{display:none}
.spiti{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.me-piso > [data-spiti]{order:9}
.me-piso > #menou-anoigma{order:10}
/* Το 🔔 μένει ΠΑΝΩ ΔΕΞΙΑ (N6) — το 🏠 μπαίνει αριστερά του, «δίπλα στο 🔔» (επιλογή 113). */
.me-piso > #kampanaki{order:11}
.me-piso > span.navbtn[aria-hidden="true"]{display:none}
@media print{[data-piso],[data-spiti]{display:none!important}}
/* Ο «μεγάλος τίτλος» (piso.js, μόνο όταν η μία σειρά δεν χωράει): «‹» αριστερά και τα κουμπιά δεξιά στην
   πρώτη σειρά · ο τίτλος ολόκληρος στη δεύτερη. */
.megalos-titlos{flex-wrap:wrap}
.megalos-titlos > [data-piso]{margin-right:auto}
.megalos-titlos > h1{order:20;flex:1 0 100%}
.aplo-kefali h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kampanaki{position:relative;font-size:17px}
/* 🔴 Το κόκκινο σήμα — ΑΡΙΘΜΟΣ, ποτέ «0»: στο μηδέν δεν υπάρχει (N7). */
.simadi-kokkino{display:inline-grid;place-items:center;min-width:20px;height:20px;
  padding:0 6px;border-radius:10px;background:var(--kokkino);color:var(--anapodo);
  font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.kampanaki .simadi-kokkino{position:absolute;top:-4px;right:-6px}

/* ── 🧭 [096] N1: Η ΠΟΡΤΑ — ΕΝΑ μεγάλο Face ID · μικρό «Άλλος τρόπος εισόδου» ── */
.porta #mpes-faceid{min-height:56px;font-size:18px}
.allos-tropos{display:block;margin:14px auto 2px;min-height:var(--aggigma);padding:0 12px;
  border:0;background:none;color:var(--syndesmos);font:inherit;font-size:14px;
  cursor:pointer}

/* ── 🧭 [096] N4: Η ΑΡΧΙΚΗ ΤΟΥ ΚΑΤΑΣΤΗΜΑΤΟΣ — όνομα · ΤΟ υπόλοιπο · τα καθημερινά ── */
.katastima-korifi{text-align:center}
.katastima-korifi .megalo-onoma{margin:0}
.katastima-korifi .ypolipo{padding:10px 0 2px}
.katastima-korifi .ypolipo .poso:not(.keni){font-size:clamp(40px,12vw,60px)}
/* Στις οθόνες κάτω από την αρχική, το όνομα παίρνει τη θέση του λογότυπου. */
.ypo-othoni .logotypo{display:none}
.enotita-koumpi{display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:58px;margin:8px 0 0;padding:10px 16px;border:1px solid var(--grammi);
  border-radius:var(--aktina);background:var(--karta);color:var(--keimeno);font-family:inherit;
  font-size:17px;font-weight:600;text-align:left;cursor:pointer}
.enotita-koumpi:active{background:var(--patima)}
.enotita-koumpi::after{content:'›';flex:0 0 auto;margin-left:auto;font-size:26px;
  font-weight:400;line-height:1;color:var(--achno)}
.enotita-koumpi .simadi-kokkino,.katastima-koumpi .simadi-kokkino{flex:0 0 auto}
.enotita-koumpi .enotita-onoma{min-width:0;overflow-wrap:anywhere}
.allagi-katastimatos{margin:14px 0 0}

/* ── 🧭 [096] N8: η μέρα με βελάκια ΣΥΜΜΕΤΡΙΚΑ — ημερομηνία ΑΚΡΙΒΩΣ στη μέση ── */
.mera-grammi{display:grid;grid-template-columns:var(--aggigma) 1fr var(--aggigma);
  align-items:center;gap:8px;margin:4px 0 8px}
.mera-grammi > b{text-align:center;min-width:0}

/* ── 🔔 [096] N6: μία ειδοποίηση — τι · πού · ποιος · ΤΙ ΚΑΝΕΙΣ, και «›» ── */
.eidopoiisi{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--aggigma);
  padding:12px 2px;border:0;border-top:1px solid var(--grammi);background:none;
  color:var(--keimeno);font-family:inherit;font-size:15px;text-align:left;cursor:pointer}
.eidopoiisi:first-child{border-top:0}
.eidopoiisi:active{background:var(--patima)}
.eidopoiisi::after{content:'›';flex:0 0 auto;margin-left:auto;font-size:24px;
  line-height:1;color:var(--achno)}
.eidopoiisi-keimeno{display:flex;flex-direction:column;gap:2px;min-width:0}
.eidopoiisi-keimeno b{overflow-wrap:anywhere}
.eidopoiisi.nea .eidopoiisi-keimeno b::before{content:'';display:inline-block;width:8px;
  height:8px;margin-right:6px;border-radius:50%;background:var(--kokkino);vertical-align:middle}
.eidopoiisi .odigia{color:var(--sviso)}
/* 👥 [106] §9.58: γραμμή του 🔔 ΜΕ ΠΡΑΞΕΙΣ («✖ Ακύρωση» · «✅ Έγκριση» · «📨 Πρόσκληση»…) —
   κουμπί μέσα σε κουμπί δεν υπάρχει: η γραμμή γίνεται κουτί, το κείμενο ανοίγει όπως πάντα
   («›»), και από κάτω οι πράξεις της, ένα πάτημα η καθεμία. */
.eidopoiisi.me-praxeis{display:block;cursor:default}
.eidopoiisi.me-praxeis::after{content:none}
.eidopoiisi-anoigma{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--aggigma);
  padding:0;border:0;background:none;color:var(--keimeno);font-family:inherit;font-size:15px;
  text-align:left;cursor:pointer}
.eidopoiisi-anoigma::after{content:'›';flex:0 0 auto;margin-left:auto;font-size:24px;
  line-height:1;color:var(--achno)}
.eidopoiisi-praxeis{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.eidopoiisi-praxeis .mikro-koumpi{padding:0 14px}

/* Ένα μεγάλο κουμπί ανά κατάστημα: το ΟΝΟΜΑ του, και «›» — μπαίνεις. */
.katastima-koumpi{display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:60px;margin:8px 0 0;padding:12px 16px;border:1px solid var(--grammi);
  border-radius:var(--aktina);background:var(--karta);color:var(--keimeno);font-family:inherit;
  font-size:18px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
a.katastima-koumpi,a.katastima-koumpi:visited{color:var(--keimeno)}
.katastima-koumpi:active{background:var(--patima)}
.katastima-koumpi::after{content:'›';flex:0 0 auto;font-size:26px;font-weight:400;
  line-height:1;color:var(--achno)}
.katastima-onoma{min-width:0;overflow-wrap:anywhere}

/* 🔔 Μία γραμμή ανά κατάστημα και ενότητα — ένα πάτημα, εκεί. */
.eidopoiisi-arxikis{display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;min-height:var(--aggigma);padding:10px 2px;border:0;
  border-top:1px solid var(--grammi);background:none;color:var(--keimeno);font-family:inherit;
  font-size:15px;text-align:left;text-decoration:none;cursor:pointer}
a.eidopoiisi-arxikis,a.eidopoiisi-arxikis:visited{color:var(--keimeno)}
.eidopoiisi-arxikis > span{min-width:0;overflow-wrap:anywhere}
.eidopoiisi-arxikis > b{flex:0 0 auto;font-variant-numeric:tabular-nums}
/* 🔔 [096] B2: η ειδοποίηση του Βοηθού στο κινητό — τι · ποιος · πού, σε στήλη. */
.eidopoiisi-voithou{display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:10px 2px;border-top:1px solid var(--grammi);font-size:15px}
.eidopoiisi-voithou > b{overflow-wrap:anywhere}
.eidopoiisi-voithou .mikro-koumpi{margin-top:4px;padding:0 14px}

/* «← Πίσω» + τίτλος: η κορυφή του καταστήματος και του λογαριασμού. */
.othoni-kefali{display:flex;align-items:center;gap:12px}
.othoni-kefali h2{margin:0;flex:1;min-width:0}
.othoni-kefali .mikro-koumpi{flex:0 0 auto;padding:0 14px}

/* ☰ στις πόρτες χωρίς δωμάτια, πριν μπεις: κρατάει τη θέση, δεν φαίνεται. */
.navbtn.krymmeno{visibility:hidden}
/* 👤 Ο λογαριασμός στο ☰ είναι κουμπί, όχι σύνδεσμος — ίδια όψη με τα δωμάτια. */
button.menou-domatio{width:100%;border:0;background:none;font-family:inherit;
  font-size:inherit;text-align:left;cursor:pointer}

/* 💬 Η γραμμή κατάστασης, μέσα: κάτω στην οθόνη, ΜΟΝΟ όταν έχει κάτι να πει.
   Ως τις 25/9 ζούσε στην κάρτα εισόδου, που κρύβεται μόλις μπεις (Κ39). */
.katastasi.katastasi-mesa{position:fixed;left:16px;right:16px;
  bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;max-width:828px;
  margin:0 auto;padding:12px 16px;border:1px solid var(--grammi);
  border-radius:var(--aktina);background:var(--karta);color:var(--keimeno);
  font-size:15px;box-shadow:0 8px 28px var(--skia-lista)}
.katastasi.katastasi-mesa:empty{display:none}
#mesa{padding-bottom:84px}
.faceid-koumpi{font-size:17px}
/* 🙂 [080] D: «Νέος χρήστης + σύνδεσμος» στις Ρυθμίσεις της ταμπλέτας — μία
   σειρά που τυλίγει· κάθε στόχος αφής ≥44px (Κ107). */
.neos-xristis{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.neos-xristis input,.neos-xristis .epilogi{flex:1 1 160px;min-height:44px}
/* 👤 [134] Κ155: ο λογαριασμός — όνομα μεγάλο, οι γραμμές του, και η «Αποσύνδεση» σε όλο το πλάτος. */
.poios-mpike b{font-size:16px}
.poios-mpike .mikro-koumpi{flex:0 0 auto;width:auto;padding:8px 14px}
#k-poios.poios-mpike{display:block}
#k-poios .logariasmos-onoma{font-size:24px}

/* ═══════════════════════════════════════════════════════════════════════
   📟 ΤΟ PDA — ΜΑΡΤΥΡΑΣ, ΟΧΙ ΠΟΣΟ. Φαίνεται ότι είναι άλλο πράγμα: πιο αχνό
   πλαίσιο και ετικέτα από πάνω. Η διαφορά μπαίνει ΚΑΤΩ από τη γραμμή, σε
   ολόκληρο πλάτος, ώστε να μη στριμώχνει τα νούμερα στα 390px.
   ═══════════════════════════════════════════════════════════════════════ */
.pda-pedio{border-style:dashed}
.pda-diafora{grid-column:1/-1;font-size:12px;padding:2px 2px 0;letter-spacing:-.01em}
.pda-diafora.symfonei{color:var(--achno)}
.pda-diafora.diafonei{color:var(--kokkino);font-weight:600}
.g-eispraxi{grid-template-columns:2fr 1fr 1fr 1fr}
@media (max-width:640px){
  /* Τέσσερα πεδία σε 390px: το όνομα παίρνει ΟΛΗ τη γραμμή, τα τρία νούμερα
     μοιράζονται την επόμενη. Αλλιώς το όνομα γίνεται 80px και δεν διαβάζεται. */
  .g-eispraxi{grid-template-columns:1fr 1fr 1fr!important}
  .g-eispraxi .epilogi:first-child{grid-column:1/-1}
}

/* ═══════════════════════════════════════════════════════════════════════
   ΤΟ ΠΕΡΑΣΜΑ ΤΟΥ ΦΩΤΗ ΠΑΝΩ ΣΤΟ ΠΑΛΙΟ ΤΑΜΕΙΟ — Seed §9.15
   ═══════════════════════════════════════════════════════════════════════ */

/* 📟 Κ111 — η πλευρά που ΞΕΠΕΡΝΑΕΙ το PDA κοκκινίζει. Ποτέ δεν μηδενίζεται
   σιωπηλά: ο άνθρωπος πρέπει να δει ΠΟΙΟ πεδίο φταίει, όχι απλώς ότι κάτι
   άλλαξε από μόνο του. */
input.yperveni{border-color:var(--kokkino);background:var(--kokkino-fonto)}
/* 🧮 Κ115 — παράσταση που ΔΕΝ λύθηκε. Το κείμενο μένει ως έχει: δεν
   «διορθώνουμε» ποσό που δεν καταλάβαμε (Κ39). */
input.lathos{border-color:var(--kokkino);background:var(--kokkino-fonto)}

/* 🔎 Κ112 #6 — η μικρή γκρι ετικέτα δίπλα στο όνομα. Ξεχωρίζει δύο
   συνονόματους χωρίς να τους μετονομάσει κανείς. */
.epilogi .lista button{display:flex;align-items:baseline;gap:8px;justify-content:space-between}
.ac-omada{
  padding:7px 12px 3px;font-size:11px;font-weight:700;letter-spacing:.04em;
  color:var(--etiketa);text-transform:uppercase;border-top:1px solid var(--grammi)
}
.ac-omada:first-child{border-top:0}
.ac-etiketa{font-size:12px;color:var(--achno);flex:0 0 auto}
/* 📦 Κ113 — ο αρχειοθετημένος φαίνεται ΟΤΙ είναι αρχειοθετημένος. Δεν
   κρύβεται και δεν μεταμφιέζεται σε ενεργό. */
.ac-etiketa.anenergo{color:var(--kokkino);font-style:italic}
/* ☝️ [165] Κ181 — ό,τι ΗΔΗ υπάρχει για αυτό το πρόσωπο σήμερα («ήδη: Μετρητά»): μόνο σημάδι, η επιλογή μένει. */
.ac-idi{font-size:12px;color:var(--kokkino);flex:0 0 auto;margin-left:6px}
/* ☝️ [165] Κ181 — η διπλή γραμμή (ίδιο πρόσωπο + τρόπος + μέρα) ΦΑΙΝΕΤΑΙ, ποτέ κρυμμένη: όλο το πλάτος της σειράς. */
.grammi.diplh-grammi{outline:2px solid var(--kokkino);outline-offset:2px}
.diplh-simadi{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--kokkino);padding:2px 2px 0}

/* 🎁 Κ108 — η Έξτρα είναι ΕΙΣΠΡΑΞΗ: ίδια γραμμή, ίδια σύνολα. Ξεχωρίζει μόνο
   στο ΠΟΙΟΝ δείχνει, και αυτό φαίνεται από τις τρεις της στήλες. */
.g-extra{grid-template-columns:2fr 1fr 1fr 1fr}
.g-extra .epilogi:first-child{grid-column:span 2}
.prosthikes{display:grid;grid-template-columns:1fr auto;gap:8px}

/* ═══════════════════════════════════════════════════════════════════════
   🧾 [100] ΤΑ ΕΙΔΗ ΓΡΑΜΜΗΣ — Seed §9.54 (Φώτης, 28/9/26)
   🏷️ Κ39: κάθε κουτί ποσού έχει τη ΛΕΞΗ του από πάνω, στο ίδιο ζευγάρι — μένει
   όταν γράψεις (το αχνό κείμενο μέσα στο κουτί δεν είναι ετικέτα).
   ✍️ Κ137: γραμμή χωρίς όνομα → τα κουτιά κλειστά (φαίνεται ότι είναι κλειστά).
   🤝 Ο μέτοχος στα δικά του: «Έβαλε» / «Πήρε» πάνω από τη γραμμή, και τα δύο
   σύνολα του «Μέτοχοι» με τη λέξη τους.
   ═══════════════════════════════════════════════════════════════════════ */
.kouti-posou{display:flex;flex-direction:column;gap:3px;min-width:0}
.kouti-etiketa{font-size:12px;font-weight:600;color:var(--etiketa);letter-spacing:.01em}
.grammi input.poso:disabled,.grammi input.pda-pedio:disabled{
  background:var(--patima);cursor:not-allowed}
.kateuthynsi{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--etiketa)}
.g-pelatis,.g-eisfora,.g-analipsi{grid-template-columns:2fr 1fr 1fr 1fr}
/* ➕ [100] Κ139: η ΣΤΑΘΕΡΗ ετικέτα της κατηγορίας — στη θέση του βελακιού, ίδιο
   ύψος, χωρίς κουτί: δεν γράφεται τίποτα εκεί, είναι ήδη το όνομα της γραμμής. */
.etiketa-katigorias{display:flex;align-items:center;min-height:44px;min-width:0}
.etiketa-onoma{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.g-extra .etiketa-katigorias{grid-column:span 2}
@media (max-width:640px){.g-extra .etiketa-katigorias{grid-column:1/-1}}
.g-pelatis .onoma-grammis,.g-eisfora .onoma-grammis,.g-analipsi .onoma-grammis{grid-column:span 2}
.metoxoi-synola{display:flex;gap:22px;margin:6px 0 2px}
.zevgos-metoxon{display:flex;flex-direction:column;gap:2px}
.zevgos-metoxon b{font-size:17px;font-variant-numeric:tabular-nums}
.metoxoi-grammes{margin-top:10px}
/* 🏦 [110] σύγκριση D11: η ανάληψη από τράπεζα — ετικέτα · ποσό, όπως ο πελάτης. */
.trapeza-grammes{margin-top:10px}
/* ✍️ [110] σύγκριση D3: «Περιμένει έγκριση» / «Δεν εγκρίθηκε» κάτω από το πεδίο. */
.stoixeio-aitima{display:block;margin-top:2px}
.g-apo_trapeza{grid-template-columns:1fr 160px}
@media (max-width:640px){.g-apo_trapeza .onoma-grammis{grid-column:1/-1}}
@media (max-width:640px){
  .g-pelatis,.g-eisfora,.g-analipsi{grid-template-columns:1fr 1fr!important}
  .g-pelatis .onoma-grammis,.g-eisfora .onoma-grammis,.g-analipsi .onoma-grammis{grid-column:1/-1}
}
.prosthiki.extra{width:auto;padding:0 18px;margin-top:10px}

/* 🍔 Κ109 — ΚΑΤΑΓΡΑΦΗ ΜΟΝΟ. Κάθεται ΕΞΩ από τις γραμμές και το λέει, ώστε
   να μη μοιάζει με μία: ό,τι μοιάζει με γραμμή, κάποια μέρα αθροίζεται. */
.simeiosi-pelati{
  margin-top:10px;display:grid;grid-template-columns:auto 130px 1fr;
  gap:6px 12px;align-items:center;padding:10px 16px;background:var(--karta);
  border:1px solid var(--grammi);border-radius:var(--aktina)
}
/* D8: ετικέτα ΜΑΥΡΗ — ρητά, όχι κληρονομιά θέματος. [076]: «μαύρη» = το
   ΠΙΟ ΕΝΤΟΝΟ του θέματος (`--mavro`): μαύρο στο φωτεινό, όπως ήταν· στο σκούρο
   το αντίστοιχο φωτεινό — μαύρο γράμμα σε σκούρο φόντο δεν διαβάζεται (§9.32). */
.simeiosi-pelati label{font-size:14px;color:var(--etiketa);font-weight:600}
.simeiosi-pelati input{text-align:right;font-variant-numeric:tabular-nums}
.simeiosi-exigisi{font-size:12px;color:var(--achno);grid-column:1/-1}

/* ✍️ Κ110 — ΠΟΙΟΣ ΥΠΕΓΡΑΨΕ. Παράγεται από τις γραμμές· δεν το γράφει κανείς. */
.ypografes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;font-size:13px}
.ypografes .etiketa{color:var(--achno);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.ypografes .ypografi{
  display:inline-flex;align-items:baseline;gap:5px;padding:2px 9px;border-radius:999px;
  background:var(--patima);color:var(--keimeno)
}
.ypografes .ypografi b{font-size:11px;color:var(--achno)}

/* ⚠️ Κ87 / Ι12 — οι προειδοποιήσεις, ΠΑΝΤΑ και ΗΣΥΧΑ. Ποτέ φραγμός. */
.proeid{
  margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--kitrino-fonto);
  border:1px solid var(--kitrino-grammi);color:var(--kitrino-keimeno);font-size:13px
}
.katastasi.sfalma{color:var(--kokkino);font-weight:600}

/* ╔═══════════════════════════════════════════════════════════════════════╗
   ║ ⛔ ΤΟ ΕΜΠΟΔΙΟ — Κ121: ΕΝΑ ΜΗΝΥΜΑ ΛΕΕΙ ΕΝΑ ΠΡΑΓΜΑ                      ║
   ║ Δύο όψεις γιατί είναι δύο ΔΙΑΦΟΡΕΤΙΚΑ πράγματα, όχι για διακόσμηση:  ║
   ║  · ΜΟΝΙΜΟ (κόκκινο)    — δεν ξαναδοκιμάζεται· το ταμείο έχει φύγει.  ║
   ║  · ΠΡΟΣΩΡΙΝΟ (κίτρινο) — ξαναδοκιμάζεται· το ταμείο είναι ακόμα εδώ. ║
   ║ Ίδιο χρώμα για τα δύο θα ήταν το ίδιο λάθος με ένα κοινό μήνυμα.     ║
   ╚═══════════════════════════════════════════════════════════════════════╝ */
.empodio{margin:14px 0;padding:16px;border-radius:var(--aktina)}
.empodio h2{margin:0 0 6px;font-size:16px}
.empodio p{margin:0 0 8px;font-size:14px}
.empodio p:last-child{margin-bottom:0}
.empodio.monimo{
  background:var(--kokkino-fonto);border:1px solid var(--kokkino);color:var(--kokkino)
}
.empodio.monimo p{color:var(--keimeno)}
.empodio.prosorino{
  background:var(--kitrino-fonto);border:1px solid var(--kitrino-grammi);color:var(--kitrino-keimeno);
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between
}
.empodio.prosorino p{margin:0;color:var(--kitrino-keimeno)}
/* Το «Ξαναδοκίμασε» ΕΙΝΑΙ η έξοδος — δεν είναι υποσημείωση. Παίρνει πλαίσιο
   και τον ελάχιστο στόχο αφής, όπως κάθε κουμπί που κάποιος θα πατήσει. */
#empodio-xana{
  min-height:var(--aggigma);padding:0 16px;border:1px solid var(--kitrino-koumpi);border-radius:10px;
  background:var(--karta);color:var(--kitrino-keimeno);font-size:14px;font-family:inherit;cursor:pointer;
  text-decoration:none;font-weight:600
}
#empodio-xana[disabled]{opacity:.55;cursor:default}

/* ⛔ ΜΟΝΙΜΟ ΕΜΠΟΔΙΟ: ό,τι δεν μπορεί να δουλέψει ΦΕΥΓΕΙ (Κ52). Τα κουμπιά και
   η μπάρα τα σβήνει η JS· εδώ φεύγει ό,τι έμεινε στην κεφαλίδα και θα έλεγε
   ψέματα — υπόλοιπο, υπογραφές, «Αποθήκευση», και τα βελάκια της μέρας.
   ΜΕΝΕΙ το ☰: ο άνθρωπος πρέπει να μπορεί να φύγει από εδώ. */
body.empodio-monimo .ypolipo,
body.empodio-monimo .ypografes,
body.empodio-monimo .proeid,
body.empodio-monimo .grammi-apothikefsis,
body.empodio-monimo #titlos-meras,
body.empodio-monimo #ypotitlos,
body.empodio-monimo #proigoumeni,
body.empodio-monimo #epomeni{display:none}
body.empodio-monimo{padding-bottom:0}

/* 💶 Κ116 — ΤΟ ΜΕΤΡΗΜΑ. Μεγάλα κουμπιά: μετριέται με το δάχτυλο, όρθιος,
   με το συρτάρι ανοιχτό — όχι με ποντίκι σε γραφείο (Κ107). */
.dialogos-karta.platia{max-width:460px;width:min(460px,94vw)}
.metrima-grammes{max-height:52vh;overflow:auto;margin:4px 0 10px}
.metrima-grammi{
  display:grid;grid-template-columns:1fr 44px 44px 44px 88px;gap:8px;
  align-items:center;padding:6px 0;border-top:1px solid var(--grammi)
}
.metrima-grammi:first-child{border-top:0}
.metrima-grammi .axia{font-size:15px;font-weight:600}
.metrima-grammi .plithos{text-align:center;font-variant-numeric:tabular-nums;font-size:17px}
.metrima-grammi .ypo{text-align:right;font-variant-numeric:tabular-nums;color:var(--sviso);font-size:14px}
.vima{
  min-height:var(--aggigma);width:44px;border:1px solid var(--grammi);border-radius:10px;
  background:var(--karta);font-size:21px;line-height:1;cursor:pointer;
  font-family:inherit;user-select:none;-webkit-user-select:none
}
.vima:active{background:var(--patima)}
.metrima-synolo{
  display:flex;justify-content:space-between;align-items:baseline;
  padding-top:10px;border-top:2px solid var(--grammi);font-size:16px
}
.metrima-synolo b{font-size:20px;font-variant-numeric:tabular-nums}

/* 🔒 ΙΒ1 — η επιβεβαίωση του κλεισίματος. Υπάρχει επειδή ΔΕΥΤΕΡΟ ΚΛΕΙΣΙΜΟ
   ΔΕΝ ΓΙΝΕΤΑΙ (§9.10): τα ίδια χρήματα δεν μετριούνται δύο φορές. */
.synopsi{margin:4px 0 12px}
.synopsi-grammi{
  display:flex;justify-content:space-between;gap:12px;padding:7px 0;
  border-top:1px solid var(--grammi);font-size:14px
}
.synopsi-grammi:first-child{border-top:0}
.synopsi-grammi b{font-variant-numeric:tabular-nums}
.proeidopoiisi{font-size:13px;color:var(--sviso);margin:0 0 4px}

@media (max-width:640px){
  .g-extra{grid-template-columns:1fr 1fr!important}
  .g-extra .epilogi:first-child{grid-column:1/-1}
  .simeiosi-pelati{grid-template-columns:auto 1fr}
  .metrima-grammi{grid-template-columns:1fr 44px 40px 44px 76px;gap:6px}
}

/* Ό,τι ζει μόνο στην οθόνη δεν μπαίνει στο χαρτί που παγώνει τη μέρα. */
@media print{
  .proeid,.prosthikes,#metrima,#dialogos-kleisimo{display:none!important}
}

/* ╔═══════════════════════════════════════════════════════════════════════╗
   ║ ΤΟ ΔΩΜΑΤΙΟ ΠΡΟΜΗΘΕΥΤΕΣ — Seed §4.1                                    ║
   ║ Το πλαίσιο, τα χρώματα και τα κουμπιά είναι ΚΟΙΝΑ (CLAUDE.md #8):     ║
   ║ εδώ μπαίνει μόνο ό,τι δεν υπάρχει ήδη. Καμία δεύτερη γραφή.           ║
   ╚═══════════════════════════════════════════════════════════════════════╝ */
body.promitheftes main{padding-bottom:28px}
.psaximo input{width:100%;min-height:var(--aggigma);padding:10px 12px;
  border:1px solid var(--grammi);border-radius:10px;font-size:16px;font-family:inherit}
.diakoptis{display:flex;align-items:center;gap:10px;min-height:var(--aggigma);
  font-size:14px;color:var(--keimeno);cursor:pointer;margin:8px 0}
.diakoptis input{width:22px;height:22px}
.lista-karton{display:flex;flex-direction:column;gap:8px;margin-top:6px}
/* Ολόκληρη η γραμμή είναι το κουμπί: ένα πάτημα, όχι σημάδεμα σε βελάκι. */
.grammi-promitheftti{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:var(--aggigma);padding:12px 14px;text-align:left;
  background:var(--karta);border:1px solid var(--grammi);border-radius:var(--aktina);
  font-size:15px;font-family:inherit;color:var(--keimeno);cursor:pointer}
.grammi-promitheftti .onoma{display:flex;align-items:baseline;gap:8px}
.grammi-promitheftti .simadi,.kinisi .simadi{font-size:11px;color:var(--achno)}
.grammi-promitheftti .ypolipo{font-variant-numeric:tabular-nums;white-space:nowrap}
/* Κ39: το χρώμα λέει κάτι — κόκκινο = του χρωστάμε. Τίποτα δεν κρύβεται. */
.grammi-promitheftti .ypolipo.xreos{color:var(--exo)}
/* 🗂️ [104] «Εκτός ομάδας»: τα παιδιά κάτω από τη ρίζα τους (Seed §9.57 επιλογή 21) */
.ektos-omadas .grammi.ypo{padding-left:18px}
/* 🏷️ [100] §9.54 (9) — Κ39: Η ΕΠΙΚΕΦΑΛΙΔΑ ΤΗΣ ΣΤΗΛΗΣ. Σε λίστα «όνομα · ποσό» το
   όνομα λέει ΠΟΙΟΣ· η λέξη που λέει ΤΙ είναι το ποσό ζει από πάνω (Κ136). */
.stili-kefali{font-size:12px;font-weight:600;color:var(--sviso);border-top:0}
.lista-karton > .stili-kefali{padding:0 14px}
/* Η γραμμή που ΑΝΟΙΓΕΙ κάρτα: το ίδιο ζευγάρι, ως κουμπί ≥44px (Κ107), με «›». */
button.zevgos-koumpi{width:100%;min-height:var(--aggigma);align-items:center;
  background:none;border:0;border-top:1px solid var(--grammi);padding:8px 0;
  font:inherit;font-size:14px;color:inherit;text-align:left;cursor:pointer}
button.zevgos-koumpi b::after{content:' ›';color:var(--achno);font-weight:400}

.koumparas-megas{background:var(--karta);border:1px solid var(--grammi);
  border-radius:var(--aktina);padding:18px;margin:10px 0 14px;text-align:center}
.koumparas-megas .etiketa{font-size:12px;color:var(--sviso);
  text-transform:uppercase;letter-spacing:.06em}
.koumparas-megas .poso{font-size:34px;font-weight:700;line-height:1.15;
  font-variant-numeric:tabular-nums;color:var(--mavro)}
.koumparas-megas .analysi{display:flex;justify-content:center;gap:16px;
  margin-top:6px;font-size:13px;color:var(--sviso)}

/* 🏺 [101] Φάση 2 (§9.55 επιλογή 22): «Μας χρωστάει» ΚΟΚΚΙΝΟ — ΕΝΑΣ κανόνας για
   κάθε οθόνη (Κ61: κοινή εμφάνιση, ποτέ κοινή λογική). Η φορά έρχεται από τον server. */
.fora-mas_xrostaei, .fora-mas_xrostaei b { color: var(--kokkino); }
/* 🧮 [101] 2β: «Πρέπει να βάλει» — ο ΙΔΙΟΣ κανόνας χρώματος (Κ61). */
.fora-na_valei, .fora-na_valei b { color: var(--kokkino); }
.koumparas-metoxou{margin-bottom:10px}
/* Στην ταμπλέτα: εισφορές · αναλήψεις ανά μέτοχο (Κ145) — κανένα υπόλοιπο. */
.synola-metoxou{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:flex-end;
  font-size:13px;color:var(--sviso)}
.synolo-metoxou b{color:var(--keimeno);font-variant-numeric:tabular-nums}
.analysi-metoxou{font-size:15px}
.koumparas-megas .ypodeixi{margin:8px 0 0;font-size:12px;color:var(--achno)}
/* 🏦 Κ146: η μοιρασιά του κουτιού — του καταστήματος · των μετόχων · χρωστάνε. */
.moirasia{margin-top:12px;border-top:1px solid var(--grammi);padding-top:8px;
  text-align:left}
.grammi-moirasias{display:flex;justify-content:space-between;gap:12px;padding:4px 0;
  font-size:14px}
.grammi-moirasias .poso{font-size:14px;font-weight:600;
  font-variant-numeric:tabular-nums;color:var(--keimeno)}
.grammi-moirasias.arnitiko .poso{color:var(--kokkino)}

.etiketes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.etiketa-lexi{display:inline-flex;align-items:center;padding:6px 12px;
  border-radius:999px;background:var(--patima);color:var(--keimeno);font-size:14px}
.etiketes .keno{font-size:13px;color:var(--achno)}
.prosthiki-onomatos{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.prosthiki-onomatos input{flex:1 1 140px;min-height:var(--aggigma);
  padding:10px 12px;border:1px solid var(--grammi);border-radius:10px;
  font-size:16px;font-family:inherit}

.kinisi{display:grid;gap:2px 10px;padding:10px 0;border-top:1px solid var(--grammi);
  grid-template-columns:1fr auto}
.kinisi .rima{font-weight:600}
.kinisi .poso{text-align:right;font-variant-numeric:tabular-nums}
.kinisi .tropos,.kinisi .imeres,.kinisi .xristis{
  grid-column:1/-1;font-size:12px;color:var(--sviso)}
/* Κ4: η ακυρωμένη ΜΕΝΕΙ ΟΡΑΤΗ — σβησμένη, όχι κρυμμένη. */
.kinisi.akyrothike{color:var(--achno);text-decoration:line-through}
/* 🧾 [166] D2: η κατάσταση κάθε τιμολογίου (μαύρη λέξη) · το πιστωτικό με μείον · το περίσσευμα */
.timologio .katastasi-lexi{color:var(--mavro);font-weight:600}
.pistotiko .poso.arnitiko{color:var(--kokkino)}
.perisseuma-promithefti{margin:6px 0 10px;font-weight:700;color:var(--mavro)}
.timologio-kinito span{font-size:13px;color:var(--mavro);padding-left:10px}
/* 🏠 [166] οι υποχρεώσεις στις Λίστες (κινητό Ιδιοκτήτη): η κατάσταση · οι συμφωνίες (η ακυρωμένη σβησμένη, ορατή) */
.ypochreosi-katastasi{flex-basis:100%;font-size:14px;color:var(--mavro);font-weight:600}
.ypochreosi-symfonia{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mavro)}
.ypochreosi-symfonia.akyrothike{color:var(--achno);text-decoration:line-through}
.karta-ypochreosis{padding:6px 0 10px;border-top:1px solid var(--grammi)}
.karta-ypochreosis .akyrothike{color:var(--achno);text-decoration:line-through}
.ypochreosi-lexi span{color:var(--mavro);font-weight:600}

/* ── [060] Η ΦΟΡΜΑ ΔΕΣΙΜΑΤΟΣ — το κλειδί στο κουτί, ποτέ σε URL ── */
.forma-desimatos { display: grid; gap: 10px; margin: 12px 0; }
.kouti-kleidiou {
  width: 100%; box-sizing: border-box; padding: 12px;
  font-size: 16px;               /* 16px: το iOS δεν κάνει zoom στο focus */
  border: 1px solid var(--grammi); border-radius: 8px; background: var(--karta);
  color: var(--keimeno);
}


/* ═══════════════════════════════════════════════════════════════════════
   📱 Ο ΣΤΟΧΟΣ ΤΟΥ ΔΑΧΤΥΛΟΥ — [062], απόφαση Φώτη 21/9/26
   «Κάθε στόχος αφής τουλάχιστον 44px.»

   🔴 ΓΙΑΤΙ ΕΙΝΑΙ ΚΑΝΟΝΑΣ ΚΑΙ ΟΧΙ ΓΟΥΣΤΟ: το ταμπλέτα το πιάνει βρεγμένο
   χέρι, βιαστικά. Ετικέτα 20px που ανοίγει πεδίο είναι στόχος που αστοχεί —
   και η αστοχία στο ταμείο σημαίνει γραμμή στο λάθος κουτί.
   Το `--aggigma` (46px) υπήρχε ήδη ως «ελάχιστος στόχος αφής»· εδώ απλώς
   σταματάει να το ξεχνάει κανείς (Κ50, #8: η εμφάνιση ανήκει στον πίνακα).
   ═══════════════════════════════════════════════════════════════════════ */

/* Ετικέτες που ΑΝΟΙΓΟΥΝ πεδίο: η ετικέτα ΕΙΝΑΙ το κουμπί του πεδίου. */
.simeiosi-imeras > label,
.kl-grammi > label,
.simeiosi-pelati label {
  display: flex; align-items: center;
  min-height: var(--aggigma);
}

/* Μικρά πεδία ποσού: στενά για το μάτι, αλλά όχι για το δάχτυλο. */
.simeiosi-pelati input[type="text"],
.kl-grammi input[type="text"] { min-width: var(--aggigma); }

/* Ο διακόπτης «δείξε και τους ανενεργούς»: το τετραγωνάκι ήταν 22px. */
.diakoptis input { width: var(--aggigma); height: var(--aggigma); }

/* Το τετραγωνάκι της συγκατάθεσης (GDPR, §4.2): 13px ήταν σχεδόν αόρατο. */
.karta label.checkbox { min-height: var(--aggigma); }
.karta label.checkbox input { width: var(--aggigma); height: var(--aggigma);
                              min-width: var(--aggigma); flex: 0 0 auto;
                              min-height: var(--aggigma); margin-top: 0; }

/* Σύνδεσμος μέσα σε πρόταση που κάνει ΠΡΑΞΗ (π.χ. «Απόδεσέ το», Κ103). */
.karta p > a { display: inline-flex; align-items: center;
               min-height: var(--aggigma); }

/* 📲 [074] ΤΟ ΤΑΜΠΛΕΤΑ ΤΟΥ CHECK-IN — το QR μεγάλο, στη μέση, χωρίς θολούρα. */
.qr-karta{text-align:center}
canvas.qr{width:min(360px,100%);height:auto;aspect-ratio:1/1;image-rendering:pixelated;
  border-radius:8px;background:var(--qr-fonto)}
.qr-metrisi{margin:6px 0 0;font-size:14px;color:var(--sviso);font-variant-numeric:tabular-nums}
/* 📲 Το κινητό του εργαζομένου: δύο μεγάλα κουμπιά, ποτέ μικρά (≥ 2×46px). */
.dyo-koumpia{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.dyo-koumpia .apothikefsi{min-height:calc(var(--aggigma) * 2);font-size:18px}
.skanaristis{position:relative;margin-top:12px}
.skanaristis video{width:100%;border-radius:12px;background:var(--kamera)}
/* 🌓 [076] Η ΕΜΦΑΝΙΣΗ — οι τρεις επιλογές (μενού ταμπλέτα · κάρτα ανθρώπου).
   Η επιλεγμένη ξεχωρίζει ΚΑΙ με λέξη (✓) — όχι μόνο με χρώμα (Κ39). */
/* 🔧 [100] §9.54 (12α): ΤΟ ΙΔΙΟ στυλ και για κάθε «ένα από λίγα» (ο τρόπος μέτρησης
   στο κινητό) — ένας ορισμός, δύο ονόματα (CLAUDE.md #8: κοινή εμφάνιση). */
.emfanisi-epiloges,.epiloges-koumpia{display:grid;gap:6px;margin-top:8px}
.emfanisi-epilogi,.epilogi-koumpi{
  min-height:var(--aggigma);padding:8px 12px;border:1px solid var(--grammi);border-radius:10px;
  background:var(--karta);color:var(--keimeno);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.emfanisi-epilogi[aria-pressed="true"],.epilogi-koumpi[aria-pressed="true"]{border-color:var(--mavro);font-weight:600}
.menou-emfanisi{padding:12px 16px 4px;border-top:1px solid var(--grammi);margin-top:6px}
.menou-emfanisi-titlos{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:14px;font-weight:600}
.menou-emfanisi label{display:block;font-size:13px;color:var(--sviso);margin-top:8px}
#emfanisi-ypografi-pin{text-align:center;letter-spacing:.4em;font-size:20px;margin-top:10px}

/* 📲 Ο κωδικός κινητού — φαίνεται ΜΙΑ φορά, μεγάλος, για να λέγεται. */
.kodikos-megalos{font-size:clamp(22px,6.5vw,30px);font-weight:600;letter-spacing:.04em;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0}

/* 📱 [083] ΤΟ ΤΑΜΕΙΟ ΑΠΟ ΤΟ ΚΙΝΗΤΟ (Seed §9.38) — κάθε γραμμή λέει ποιος ·
   πότε · από πού, και το όνομα του καταστήματος φαίνεται μεγάλο πάνω από
   όλα (§9.18 O4). Κανένα δικό του χρώμα: μόνο τα κοινά tokens (Κ132). */
.grammi-ixnos{grid-column:1/-1;font-size:12px;color:var(--achno);overflow-wrap:anywhere}
/* 🙋 [096] R2: η γραμμή «περιμένει έγκριση» — ίδιο πλάτος με το ίχνος, στο χρώμα του άγνωστου. */
.ekkremei-simadi{grid-column:1/-1;font-size:12px;color:var(--exo);overflow-wrap:anywhere}
/* 🆔 [174] «Διάλεξε το όνομα από τη λίστα» — κόκκινο, ευανάγνωστο, όλο το πλάτος της γραμμής */
.odigia-listas{grid-column:1/-1;font-size:16px;font-weight:600;color:var(--exo);overflow-wrap:anywhere}
/* 🛒 [096] R3: «Τι πήρες;» — όλο το πλάτος της γραμμής, κάτω από την κατηγορία. */
input.ti-pires{grid-column:1/-1;min-width:0}
/* 🧭 [096] N5/N6: «‹ Αρχική» · ΤΟ ΟΝΟΜΑ (μεγάλο, O4, στη μέση) · 🔔 — ΤΡΙΑ
   ΙΣΑ ΚΟΜΜΑΤΙΑ: οι δύο άκρες ίδιο πλάτος, ώστε το όνομα να είναι ΑΚΡΙΒΩΣ στη μέση. */
.kinito-katastima{display:grid;grid-template-columns:minmax(var(--aggigma),6.5em) 1fr
  minmax(var(--aggigma),6.5em);align-items:center;gap:8px;padding-top:6px}
.kinito-katastima .megalo-onoma{min-width:0;font-size:clamp(18px,5.2vw,26px);font-weight:600;
  letter-spacing:-.02em;overflow-wrap:anywhere;text-align:center}
.kinito-katastima .kampanaki{justify-self:end;text-decoration:none}
.kinito-allagi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
#kinito-simadi:empty{display:none}
#kinito-katastimata{display:grid;gap:8px}
.dikaioma-epiloges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.dikaioma-epiloges .mikro[aria-pressed="true"]{border-color:var(--mavro);font-weight:600}
.dikaioma-prosopou{flex:1 1 100%}

/* 📷 [083] A2 → 📲 [105] Seed §9.58 — ΤΟ QR ΤΟΥ ΔΕΣΙΜΑΤΟΣ, πλέον στο ΚΙΝΗΤΟ του
   Ιδιοκτήτη/Διευθυντή: μεγάλο, στο κέντρο, ποτέ πλατύτερο από την οθόνη· τα χρώματα του
   QR από τα ονόματα `--qr-*` (Κ132) — τα βάζει το `Prosvasi.qr`. Ο ίδιος κωδικός
   μένει ΜΟΝΟ κάτω από «Δεν έχει κάμερα;». */
.qr-desimatos{text-align:center;margin:12px 0}
.qr-desimatos canvas{width:min(340px,80vw);height:auto;border-radius:12px}
/* 👥 [106] Seed §9.58 Φάση 2 — Η ΠΡΟΣΚΛΗΣΗ: η φόρμα, και από κάτω «Περιμένουν» · «Μέσα» ·
   «Αρχείο», μία γραμμή ο καθένας με τα κουμπιά του (με δάχτυλο, ποτέ πλατύτερα από την οθόνη). */
.pr-koumpia,.pr-epiloges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pr-koumpia .apothikefsi{flex:1 1 140px}
.pr-koumpia .mikro-koumpi,.pr-epiloges .mikro-koumpi{padding:0 14px}
.pr-ekkremis,.pr-arxeio{padding:10px 2px;border-top:1px solid var(--grammi);
  overflow-wrap:anywhere}
/* 🧭 [108] Seed §9.58 Φάση 3 — Η «ΔΙΟΙΚΗΣΗ»: μία γραμμή ανά άνθρωπο (όνομα + ρόλος) · πάτημα → η
   κάρτα του ΕΚΕΙ, μία τη φορά · με δάχτυλο, ποτέ πλατύτερα από την οθόνη. Στη συσκευή
   καταστήματος ο τίτλος ζει στην κεφαλίδα της σελίδας. Κοινή ΕΜΦΑΝΙΣΗ (#8), καμία λογική. */
.proskliseon[data-pou="syskevi"] > .pr-titlos{display:none}
#pr-prosklisi{margin:2px 0 8px}
#pr-anazitisi{margin:14px 0 4px}
#pr-anthropoi{margin-top:6px}
.pr-anthropos{border-top:1px solid var(--grammi)}
.pr-grammi{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:2px 12px;width:100%;min-height:var(--aggigma);padding:10px 2px;border:0;
  background:none;color:var(--keimeno);font:inherit;text-align:left;cursor:pointer}
.pr-grammi:active{background:var(--patima)}
.pr-grammi .pr-onoma{font-weight:600;overflow-wrap:anywhere;min-width:0}
.pr-grammi .pr-rolos{overflow-wrap:anywhere;min-width:0}
.pr-karta{padding:10px 2px 14px}
.pr-karta-kefali{display:flex;flex-direction:column;gap:2px;cursor:pointer;
  overflow-wrap:anywhere}
.pr-karta-titlos{font-size:18px}
.pr-sigouros{font-weight:600;margin:10px 0 2px}
/* 🗂️ [108] Seed §9.58 επιλογή 36 — ΡΥΘΜΙΣΕΙΣ = ΛΙΣΤΑ ΕΝΟΤΗΤΩΝ: κάθε ενότητα ένα κουμπί με «›»
   (όπως οι ενότητες της αρχικής)· κλειστή = όνομα + λόγος, χωρίς κουμπί (Κ130). */
.r-enotites{margin:4px 0 12px}
.r-enotita-koumpi{display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:54px;margin:8px 0 0;padding:10px 16px;border:1px solid var(--grammi);
  border-radius:var(--aktina);background:var(--karta);color:var(--keimeno);font-family:inherit;
  font-size:17px;font-weight:600;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.r-enotita-koumpi:active{background:var(--patima)}
.r-enotita-koumpi::after{content:'›';flex:0 0 auto;margin-left:auto;font-size:26px;
  font-weight:400;line-height:1;color:var(--achno)}
.r-enotita-ektos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:4px 10px;padding:12px 4px;margin-top:8px;color:var(--achno);
  border-top:1px solid var(--grammi);min-height:var(--aggigma);overflow-wrap:anywhere}
.r-enotita-ektos .simadi{margin-left:0;text-align:right}
.r-piso{min-height:var(--aggigma);padding:0 4px;border:0;background:none;color:var(--syndesmos);
  font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.r-enotita-titlos{margin:4px 0 2px}
.r-enotita .karta{margin-top:12px}
.r-karta{padding:6px 0 14px;border-bottom:1px solid var(--grammi)}
.r-karta:last-of-type{border-bottom:0}
.r-grammi-syndesmos{display:flex;align-items:center;justify-content:space-between;width:100%;
  min-height:var(--aggigma);margin:12px 0 0;padding:10px 16px;border:1px solid var(--grammi);
  border-radius:var(--aktina);background:var(--karta);color:var(--keimeno);font:inherit;
  font-size:16px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
a.r-grammi-syndesmos,a.r-grammi-syndesmos:visited{color:var(--keimeno)}
.r-sigouros{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.r-arxeio{margin-top:18px;padding-top:10px;border-top:1px solid var(--grammi)}
#r-st-ora .epilogi{max-width:12em}
/* 🔐 [108] Seed §9.58 επιλογές 43, 44 — ΤΑ «ΔΙΚΑΙΩΜΑΤΑ»: ένα κουμπί ανά δικαίωμα (κλειστό ώσπου να
   πατηθεί) · μία γραμμή ανά ρόλο με ΕΝΑΝ διακόπτη ή τη μικρή ετικέτα · «Συγκεκριμένα άτομα». */
.dk-dikaioma{border-top:1px solid var(--grammi);padding:4px 0}
.dk-dikaioma:first-child{border-top:0}
.dk-kefali{display:flex;align-items:center;gap:8px}
.dk-koumpi{flex:1 1 auto;min-width:0;min-height:var(--aggigma);padding:10px 2px;border:0;
  background:none;color:var(--keimeno);font:inherit;font-size:16px;font-weight:600;
  text-align:left;cursor:pointer;overflow-wrap:anywhere}
.dk-koumpi::after{content:' ›';color:var(--achno);font-weight:400}
.dk-koumpi[aria-expanded="true"]::after{content:' ⌄'}
.dk-info{flex:0 0 auto;width:var(--aggigma);height:var(--aggigma);border:0;background:none;
  font-size:17px;cursor:pointer}
.dk-kanonas{margin:0 0 8px}
/* 👁 [113] επιλογή 77: η καθαρή προειδοποίηση του check-in — πάντα ορατή, ποτέ σιωπηλά. */
.dk-proeidopoiisi{margin:0 0 8px;color:var(--kokkino);overflow-wrap:anywhere}
.dk-perioxi{padding:0 0 10px}
.dk-rolos,.dk-prosopo{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;
  min-height:var(--aggigma);padding:6px 2px;border-top:1px solid var(--grammi);
  overflow-wrap:anywhere}
.dk-rolos-onoma,.dk-prosopo-titlos{min-width:0}
.dk-prosopo-titlos{display:flex;flex-direction:column}
.dk-prosopo .dk-epanafora{margin-left:auto;padding:0 12px}
.dk-etiketa{font-size:13.5px;color:var(--sviso);text-align:right}
.dk-sygkekrimena{display:block;width:100%;min-height:var(--aggigma);margin-top:6px;padding:10px 2px;
  border:0;border-top:1px solid var(--grammi);background:none;color:var(--syndesmos);font:inherit;
  font-size:15px;font-weight:600;text-align:left;cursor:pointer}
.dk-prosopa{padding-left:8px}
.dk-minima{min-height:1.2em;margin:6px 0 0;font-size:14px;color:var(--mesa)}
/* Ο διακόπτης ναι/όχι — ΕΝΑΣ, χωρίς λέξεις «Άνοιξε»/«Κλείσε»: ό,τι ισχύει, όπως το λέει ο server. */
.dk-diakoptis{position:relative;flex:0 0 auto;width:52px;height:32px;margin:0;cursor:pointer}
.dk-diakoptis input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;
  opacity:0;cursor:pointer}
.dk-diakoptis-soma{position:absolute;inset:0;border-radius:16px;background:var(--grammi);
  transition:background .15s;pointer-events:none}
.dk-diakoptis-soma::after{content:'';position:absolute;top:3px;left:3px;width:26px;height:26px;
  border-radius:50%;background:var(--karta);box-shadow:0 1px 3px var(--skia-lista);
  transition:transform .15s}
.dk-diakoptis input:checked + .dk-diakoptis-soma{background:var(--mesa)}
.dk-diakoptis input:checked + .dk-diakoptis-soma::after{transform:translateX(20px)}
.dk-diakoptis input:focus-visible + .dk-diakoptis-soma{outline:2px solid var(--syndesmos);
  outline-offset:2px}
.proskliseon h3{margin:18px 0 6px;font-size:16px}
.proskliseon select{width:100%;min-height:var(--aggigma)}
#pr-syndesmos-keimeno{width:100%;margin-top:8px}
details.xoris-kamera{margin-top:12px}
details.xoris-kamera summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}

/* ══ 🔠 [090] Seed §9.44 — ΔΟΚΙΜΑΣΤΙΚΗ ΜΕΤΑΦΟΡΑ: μία αμφίβολη ομάδα ονομάτων ═══
   Το βελάκι ήδη συμπληρωμένο με την πρόταση, και «Επιβεβαιώνω» — με δάχτυλο:
   το τετραγωνάκι όσο ένας στόχος αφής, όπως της συγκατάθεσης ([062]). */
.omada-onomatos{margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--grammi)}
.omada-onomatos .epilogi{margin:6px 0}
label.epivevaiosi{display:flex;align-items:center;gap:10px;min-height:var(--aggigma)}
label.epivevaiosi input{width:var(--aggigma);height:var(--aggigma);min-width:var(--aggigma);
  min-height:var(--aggigma);flex:0 0 auto;margin:0;padding:0}

/* ══ 🔄 [091] Seed §9.46 — «Νέα έκδοση — πάτα για ανανέωση» ══════════════════
   Μόνο όταν η σελίδα ΔΕΝ ξαναφορτώνει μόνη της (μισογεμάτη φόρμα): πάνω στην
   οθόνη (κάτω ζουν τα κουμπιά και η γραμμή κατάστασης), κάτω από τους
   διαλόγους, με δάχτυλο. */
.nea-ekdosi{position:fixed;left:0;right:0;top:0;z-index:50;
  padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--karta);
  border-bottom:1px solid var(--grammi)}
.nea-ekdosi button{display:block;width:100%;max-width:828px;margin:0 auto;
  min-height:var(--aggigma)}

/* ══ 📅 [095] Seed §9.50 — ΤΟ ΠΡΟΓΡΑΜΜΑ ΒΑΡΔΙΩΝ ══════════════════════════════
   Πλέγμα άνθρωποι × μέρες. Στο κινητό κυλάει ΜΟΝΟ ο πίνακας, μέσα στο πλαίσιό
   του — ποτέ η σελίδα. Κάθε κελί είναι κουμπί όσο ένα δάχτυλο (Κ107). Κανένα
   δικό του χρώμα: μόνο τα κοινά ονόματα (Κ132). */
.evdomada-plohgisi{display:flex;align-items:center;justify-content:space-between;gap:8px}
.evdomada-plohgisi b{text-align:center;font-size:15px}
.plegma-plaisio{overflow-x:auto;margin-top:8px;-webkit-overflow-scrolling:touch}
.plegma{border-collapse:separate;border-spacing:3px;min-width:100%;font-size:13px}
.plegma th,.plegma td{padding:0;text-align:center;vertical-align:middle}
.plegma th.onoma{text-align:left;position:sticky;left:0;z-index:1;background:var(--karta);
  min-width:88px;max-width:132px;overflow-wrap:anywhere;padding-right:6px;font-weight:600}
.plegma thead th{font-size:12px;color:var(--sviso);font-weight:600;white-space:nowrap}
.plegma thead th.simera{color:var(--mavro)}
.mera-koumpi{min-height:var(--aggigma);width:100%;padding:0 6px;border:1px solid var(--grammi);
  border-radius:8px;background:var(--patima);font:inherit;font-size:12px;color:var(--keimeno);
  cursor:pointer;white-space:nowrap}
.keli-koumpi{min-width:72px;min-height:var(--aggigma);width:100%;padding:2px 4px;
  border:1px solid var(--grammi);border-radius:8px;background:var(--karta);font:inherit;
  font-size:12.5px;line-height:1.25;color:var(--keimeno);cursor:pointer;
  font-variant-numeric:tabular-nums}
.keli-koumpi.keno{color:var(--achno)}
.keli-koumpi.allagi{border-style:dashed;border-color:var(--mavro);font-weight:600}
.keli-koumpi.allaxe{box-shadow:inset 3px 0 0 var(--kyrio)}
.keli-koumpi.xoris-checkin{border-color:var(--kokkino);background:var(--kokkino-fonto)}
/* 📅 [100] Φάση 3β: «από check-in» — ό,τι ΕΓΙΝΕ, όχι βάρδια του προγράμματος. */
.keli-koumpi.apo-checkin{border-style:dotted;background:var(--patima)}
.apo-checkin-simadi{display:block;font-size:10.5px;color:var(--sviso)}
.dyo-pedia{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.keli-tmima{margin-top:12px;padding-top:10px;border-top:1px solid var(--grammi)}
.keli-tmima summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.epektasi-koumpia{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.am-meres{display:grid;gap:2px;margin:8px 0}
#k-energeies .apothikefsi[disabled]{opacity:.5;cursor:default}
/* 📋 [111] σύγκριση D4: ο τίτλος κάθε μπλοκ (τμήμα) — αριστερά, πάνω από τους ανθρώπους του. */
.plegma .mplok-titlos th{text-align:left;padding:10px 4px 2px;font-size:12px;font-weight:700;
  color:var(--sviso);position:sticky;left:0;background:var(--karta)}
/* 🖨️ [111] σύγκριση D7: η κεφαλίδα του χαρτιού — μόνο στην εκτύπωση. */
.ektyposi-kefali{display:none}
#ektyposi{margin-top:6px}
@media print{
  body.programma .aplo-kefali,body.programma #k-poios,body.programma #k-anoixto,
  body.programma #kinito-eisodos,body.programma #kinito-epilogi,body.programma #k-energeies,
  body.programma #katastasi,body.programma .kinito-katastima,body.programma .skia,
  body.programma .evdomada-plohgisi .navbtn,body.programma #ektyposi,
  body.programma #mono-anagnosi{display:none!important}
  body.programma .ektyposi-kefali{display:block;font-weight:700;font-size:14px;margin:0 0 6px}
  body.programma .plegma-plaisio{overflow:visible}
  body.programma .keli-koumpi{border:0;min-height:0;background:none}
  body.programma .mera-koumpi{border:0;background:none}
}

/* ⚖️ [101] Φάση 5 (Seed §9.55 επιλογή 70): Ο ΙΣΟΛΟΓΙΣΜΟΣ. Στον υπολογιστή πίνακας —
   μέτοχος · ποσοστό · μερίδιο αποτελέσματος · ήδη βαλμένα · τελικό· στο κινητό κάθε
   γραμμή γίνεται κάρτα με τις ΙΔΙΕΣ λέξεις (η ετικέτα της στήλης από το `data-etiketa`),
   καμία οριζόντια κύλιση. Τα κουμπιά: το κοινό «ένα από λίγα» και τα βελάκια της
   μέρας (#8: κοινή εμφάνιση). «Βάζει» κόκκινο — ο ΕΝΑΣ κανόνας χρώματος (Κ61).
   Κανένα δικό του χρώμα: μόνο τα κοινά ονόματα (Κ132). */
.isologismos{margin-top:18px;padding-top:12px;border-top:1px solid var(--grammi)}
.isologismos-periodoi{grid-template-columns:repeat(auto-fit,minmax(6.5em,1fr))}
.isologismos-periodoi .epilogi-koumpi{padding:8px 6px;text-align:center}
.isologismos-ekdoseis{grid-template-columns:1fr 1fr;margin-bottom:8px}
.isologismos-ekdoseis .epilogi-koumpi{text-align:center}
.isologismos .mera-grammi{margin-top:8px}
.isologismos-oria{margin-top:8px}
.pedio-imerominias{display:block;min-width:0}
.pedio-imerominias input{width:100%;min-height:var(--aggigma)}
.isologismos-lexi{display:block;text-align:center;margin:6px 0 8px}
.isologismos .kommati-kostous{padding-left:14px;font-size:14px}
.pinakas-isologismou{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px;
  font-variant-numeric:tabular-nums}
.pinakas-isologismou th,.pinakas-isologismou td{padding:8px 6px;border-top:1px solid var(--grammi);
  text-align:right;vertical-align:top}
.pinakas-isologismou th:first-child,.pinakas-isologismou td:first-child{text-align:left}
.pinakas-isologismou thead th{font-size:12px;color:var(--sviso);font-weight:600;border-top:0}
.pinakas-isologismou tfoot td{font-weight:700}
.fora-vazei [data-poso-keimeno]{color:var(--kokkino)}
@media (max-width:640px){
  .pinakas-isologismou thead{display:none}
  .pinakas-isologismou,.pinakas-isologismou tbody,.pinakas-isologismou tfoot{display:block}
  .pinakas-isologismou tr{display:block;border:1px solid var(--grammi);border-radius:10px;
    padding:6px 10px;margin-bottom:8px}
  .pinakas-isologismou td{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;
    border-top:0;padding:4px 0;text-align:right;overflow-wrap:anywhere}
  .pinakas-isologismou td::before{content:attr(data-etiketa);color:var(--sviso);text-align:left}
  .pinakas-isologismou td[data-stili="onoma"]{font-weight:600}
  .pinakas-isologismou td[data-stili="onoma"]::before{content:none}
}

/* ══ 📮 [115] Seed §9.58 επιλογή 86 — «📮 Παραλήπτες» (`paraliptes.js`, και στις δύο πόρτες) ════
   Κάθε κουμπί όσο ένας στόχος αφής (--aggigma)· τίποτα δεν ξεχειλίζει στα 390. */
.pl-lista{display:flex;flex-direction:column}
.pl-grammi{padding:10px 0;border-top:1px solid var(--grammi);overflow-wrap:anywhere}
.pl-grammi.pl-arxeio{opacity:.7}
.pl-titlos{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.pl-etiketa,.pl-tropos,.pl-arxeio-lexi,.pl-stoixeia{color:var(--sviso)}
.pl-eggrafo-grammi{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;
  min-height:var(--aggigma)}
.pl-koumpia{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pl-koumpia button{min-height:var(--aggigma)}
.pl-neos{margin-top:10px}
.pl-forma{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px;
  border:1px solid var(--grammi);border-radius:10px}
.pl-pedio{display:flex;flex-direction:column;gap:4px}
.pl-pedio input,.pl-forma > input{min-height:var(--aggigma);width:100%;box-sizing:border-box}
.pl-etiketa-pediou{font-size:14px;font-weight:600}
.pl-epiloges{display:flex;flex-wrap:wrap;gap:6px}
.pl-epilogi{min-height:var(--aggigma);padding:0 12px;border:1px solid var(--grammi);border-radius:18px;
  background:none;font:inherit;cursor:pointer}
.pl-epilogi[aria-pressed="true"]{border-color:var(--mesa);background:var(--mesa);color:var(--karta)}
.pl-eggrafa label.pl-eggrafo{display:flex;align-items:center;gap:8px;min-height:var(--aggigma)}
.pl-eggrafa label.pl-eggrafo input{width:22px;height:22px}
/* 📮 [115] επιλογή 92: οι παραλήπτες της κλεισμένης μέρας, κάτω από το «⬇️ Κατέβασε PDF». */
.kl-paraliptes{margin-top:12px}
.kl-paraliptes h3{margin:0 0 6px;font-size:16px}
.kl-paraliptis{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 0;
  border-top:1px solid var(--grammi);overflow-wrap:anywhere}
.kl-paraliptis-titlos{display:flex;flex-direction:column;flex:1 1 160px;min-width:0}
.kl-paraliptis-katastasi{flex:1 1 140px;color:var(--sviso)}
.kl-paraliptis button{min-height:var(--aggigma);margin-left:auto}
@media print{.kl-paraliptes{display:none}}
/* ══ 📄 [116] Seed §9.58 επιλογές 90–101 — τα έγγραφα της πρόσληψης (`apostoli.js`): στην κάρτα του
   ανθρώπου στη «Διοίκηση» και στη δημοσιευμένη εβδομάδα. Ίδιο σχήμα με τους παραλήπτες της μέρας. ══ */
.eg-lista{display:flex;flex-direction:column;margin-top:8px}
.eg-eggrafo{padding:10px 0;border-top:1px solid var(--grammi);overflow-wrap:anywhere}
.eg-eggrafo-titlos{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.eg-xoris-kodiko{margin:6px 0 0}
.eg-paraliptis{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 0;
  border-top:1px dashed var(--grammi);overflow-wrap:anywhere}
.eg-paraliptis-titlos{display:flex;flex-direction:column;flex:1 1 160px;min-width:0}
.eg-paraliptis-katastasi{flex:1 1 140px;color:var(--sviso)}
.eg-paraliptis button{min-height:var(--aggigma);margin-left:auto}
.pr-karta-perioxi label{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.pr-karta-perioxi input[type="date"]{min-height:var(--aggigma)}
/* 📝 [116] επιλογές 96–98: οι όροι εργασίας — ρεπό από τις επτά (Κ72) και το ιστορικό τους (Κ4). */
#repo-meres{display:flex;flex-wrap:wrap;gap:0 14px}
#allages-oron{margin-top:12px}
.allagi-oron{padding:8px 0;border-top:1px solid var(--grammi);overflow-wrap:anywhere}
.allagi-oron p{margin:0}
.allagi-oron ul{margin:4px 0 0;padding-left:18px}
/* 🔒 [116] επιλογή 99: ο κωδικός των εγγράφων — πάνω από τους παραλήπτες· ποτέ η τιμή. */
.pl-kodikos{padding:10px 0;overflow-wrap:anywhere}
.pl-kodikos > button{margin-top:6px}
/* 📝 [116] επιλογή 96 📌: οι όροι εργασίας μου — μέσα στο «Τα στοιχεία μου», μόνο ανάγνωση. */
#oroi-mou{margin-top:14px}
.oroi-mou-katastima h3{margin:12px 0 6px;font-size:16px}

/* ⏳ [128] Seed §9.59 Θ βήμα 1 · Κ150: «Η σύνδεσή σου έληξε. Μπες ξανά.» — πάνω από τα κουμπιά της πόρτας. */
.lixi{margin:0 0 12px;padding:10px 12px;border-radius:10px;border:1px solid var(--kokkino);
  background:var(--kokkino-fonto);color:var(--kokkino);font-size:15px}
.lixi[hidden]{display:none}

/* 📐 [129] Seed §9.59 Θ βήμα 2 · Κ151: ο τρόπος μέτρησης — τι ισχύει και τι έρχεται ΠΑΝΩ, μεγάλα. */
.tropos-metrisis .tm-simera{font-size:17px;font-weight:600;margin:4px 0 6px}
.tropos-metrisis .tm-erxetai{font-size:16px;margin:0 0 6px}
.tropos-metrisis .tm-apothikeftike{font-weight:600;color:var(--mesa);margin:6px 0}
.tropos-metrisis .tm-titlos{font-size:15px;margin:14px 0 4px}
.tropos-metrisis .tm-apo{display:block;margin:10px 0}
.tropos-metrisis .tm-sigouros{display:block;margin-top:10px}
.tropos-metrisis .tm-sigouros[hidden]{display:none}
.tropos-metrisis .tm-prosoxi{color:var(--kokkino);font-weight:600}
/* 📱 [133] Seed §9.61: το «Δεν έχει οριστεί τρόπος μισθοδοσίας…» είναι ΠΡΟΤΑΣΗ, όχι γραμμή
   δύο στηλών — σε όλο το πλάτος (στα 390 στριμωχνόταν σε στενή στήλη). */
.tropos-metrisis p.grammi{display:block}
/* ➕ [133] Β1: η άδεια λίστα «Εργαζόμενοι» λέει τι να κάνει — όχι σιωπή. */
.adeia-ergazomenoi p{margin:10px 0 0;color:var(--achno)}
/* 📱 [136] Seed §9.64: «Οι συσκευές μου» — η ΚΟΙΝΗ λίστα (`templates/_syskeves_mou.html`). Μία κάρτα ανά συσκευή·
   χρώμα ΜΟΝΟ όπου σημαίνει κάτι: «Ανακλήθηκε» με το κόκκινο του «όχι». */
.sk-eisagogi{margin:8px 0 0;line-height:1.45}
.sk-grammi h2{margin:0 0 4px;font-size:17px;overflow-wrap:anywhere}
.sk-trexousa{margin:0 0 6px;font-weight:600}
.sk-katastasi{margin:2px 0}
.sk-anaklithike{color:var(--kokkino);font-weight:600}
.sk-leptomereies{margin:2px 0;color:var(--achno);font-size:14px}
.sk-koumpia{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sk-koumpia button{min-height:44px}
.sk-onoma-forma{margin-top:8px}
.sk-giati,.sk-minima{margin:8px 0 0;color:var(--achno)}
.sk-minima:empty{display:none}

/* ══ 🧊 [140] Seed §9.68 — Η ΛΩΡΙΔΑ ΤΟΥ ΠΑΓΩΜΑΤΟΣ ══════════════════════════════
   Στην κορυφή ΚΑΘΕ σελίδας (μπαίνει πριν από την κεφαλίδα, που μένει κολλημένη από κάτω). Μόνο τα κοινά ονόματα
   των χρωμάτων (Κ132): το κίτρινο της προσοχής — δεν είναι λάθος, είναι κατάσταση. */
.pagoma-zoni{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--kitrino-fonto);
  border-bottom:1px solid var(--kitrino-grammi);color:var(--kitrino-keimeno)}
.pagoma-zoni:empty{display:none}
.pagoma-lezanta{max-width:828px;margin:0 auto;font-size:15px;line-height:1.4}
/* 🩺 [143] Κ169: η γραμμή διάγνωσης στο κάτω μέρος του «Περισσότερα» — μικρή, γκρι, μία γραμμή ανά στοιχείο. */
.diagnosi-selidas{margin:14px 0 0;font-size:11.5px;line-height:1.45;color:var(--achno);overflow-wrap:anywhere}
.diagnosi-selidas .diagnosi-grammi{display:block}
/* 🔢 [151] Κ173: το commit ΜΙΚΡΟΤΕΡΟ δίπλα στον αριθμό έκδοσης (το κύριο κείμενο) */
.diagnosi-selidas .diagnosi-commit{font-size:.85em}
.pagoma-lezanta + .pagoma-lezanta{margin-top:6px}