/* 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}
.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}
/* 🙂 [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}
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
}

/* ── Η κάτω μπάρα ανήκει στην ΗΜΕΡΑ (§9.7.5), με ζωντανά σύνολα (§9.7.4) ── */
.bara{
  position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,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}
.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}
.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-koumpia{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}

/* ── Δευτερεύοντα ── */
.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}
.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}
  .bara .onoma{font-size:11px}
}
@media (min-width:1000px){ .wrap{max-width:940px} }

/* ═══════════════════════════════════════════════════════════════════════
   ΤΑ ΚΟΥΜΠΙΑ ΤΗΣ ΚΑΤΗΓΟΡΙΑΣ — 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 σου» ΠΡΩΤΟ — ό,τι άλλο περιμένει ώσπου να οριστεί. */
.pin-proto > section:not(.pin-protos):not(.poios-mpike){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), καμία λογική. */
#mesa[data-othoni="arxiki"] > .katastimatos,
#mesa[data-othoni="arxiki"] > .logariasmou,
#mesa[data-othoni="katastima"] > .arxikis,
#mesa[data-othoni="katastima"] > .logariasmou,
#mesa[data-othoni="logariasmos"] > .arxikis,
#mesa[data-othoni="logariasmos"] > .katastimatos,
/* 🧪 [094] §9.49: η ΤΕΤΑΡΤΗ οθόνη — «Μεταφορά από παλιό melon», μόνη της. */
#mesa[data-othoni="arxiki"] > .metaforas,
#mesa[data-othoni="katastima"] > .metaforas,
#mesa[data-othoni="logariasmos"] > .metaforas,
#mesa[data-othoni="metafora"] > .arxikis,
#mesa[data-othoni="metafora"] > .katastimatos,
#mesa[data-othoni="metafora"] > .logariasmou{display:none}
/* «Όρισε το PIN σου» ΠΡΩΤΟ, όποια οθόνη κι αν είναι — αμετάβλητο (§9.36 Β1). */
#mesa.pin-proto > .pin-protos{display:block}

/* Ένα μεγάλο κουμπί ανά κατάστημα: το ΟΝΟΜΑ του, και «›» — μπαίνεις. */
.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}
.poios-mpike b{font-size:16px}
.poios-mpike .mikro-koumpi{flex:0 0 auto;width:auto;padding:8px 14px}

/* ═══════════════════════════════════════════════════════════════════════
   📟 ΤΟ 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}

/* 🎁 Κ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}
.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)}

.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)}

.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}

/* ── [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). */
.emfanisi-epiloges{display:grid;gap:6px;margin-top:8px}
.emfanisi-epilogi{
  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"]{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}
.kinito-katastima{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px}
.kinito-katastima .megalo-onoma{flex:1 1 auto;font-size:clamp(22px,6.5vw,30px);font-weight:600;
  letter-spacing:-.02em;overflow-wrap:anywhere}
#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 — ΤΟ QR ΤΟΥ ΔΕΣΙΜΑΤΟΣ στην άδετη ταμπλέτα: μεγάλο, στο κέντρο,
   τα χρώματα του QR από τα ονόματα `--qr-*` (Κ132) — τα βάζει το `Prosvasi.qr`.
   Ο κωδικός 12 χαρακτήρων μένει ΜΟΝΟ κάτω από «Δεν έχεις κάμερα;». */
.qr-desimatos{text-align:center;margin:12px 0}
.qr-desimatos canvas{width:min(340px,80vw);height:auto;border-radius:12px}
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)}
.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}