/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — «Ο ΛΟΓΑΡΙΑΣΜΟΣ ΜΟΥ» (14/10/2026, ο Bill, σημείο 13).
   Φορτώνεται μόνο στη σελίδα του λογαριασμού (/aitiseis, με είσοδο), μετά το opsi.css και το xartia.css, από τα οποία παίρνει τη λίστα των
   αιτήσεων, τα σημειώματα και τα κουμπιά. Εδώ: οι τρεις ενότητες της σελίδας και το δίπλωμα της διαγραφής. Χρώματα μόνο από το xromata.css. */
@import url("xromata.css") screen;

@media screen {
  .l-enotita { margin-top: 36px; }
  .l-enotita > h2 { margin: 0 0 12px; font: 400 13px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--kokkino-vathy); }
  .l-enotita > .g-dikes { margin-top: 0; }
  .l-enotita > .g-kato { margin-top: 14px; }
  .l-enotita > .g-praxeis-kato { margin-top: 14px; }
  .l-ethelontis-nai .g-diki-pou { margin-top: 0; }
  .l-ethelontis-nai .g-diki-pote { margin-top: 6px; }
  .l-arithmos { white-space: nowrap; }
  /* (15/10/2026, ο γύρος μετά την ανασκόπηση) η κάρτα ενός μικρού αιτήματος: ποιο μνημόσυνο και η μέρα που βολεύει, κάτω από τον αριθμό */
  .g-diki-ti { margin-top: 6px; font-size: 16px; line-height: 1.45; color: var(--melani); text-wrap: pretty; }
  .g-diki-ti + .g-diki-ti { margin-top: 2px; }
  .g-diki-ti b { font-weight: 600; }
  .g-diki-ti + .g-diki-pote { margin-top: 6px; }

  /* η διαγραφή: κλειστή ώσπου να την ανοίξει ο ίδιος· ανοιχτή, ένα φύλλο με τρεις προτάσεις, το κουτάκι και ένα κόκκινο κουμπί */
  .l-diagrafi-fyllo > summary { list-style: none; cursor: pointer; }
  .l-diagrafi-fyllo > summary::-webkit-details-marker { display: none; }
  .l-diagrafi-fyllo[open] > summary { border-color: var(--grammi); color: var(--melani-2); }
  .l-diagrafi-mesa { margin-top: 14px; padding: 18px 20px; background: var(--fyllo); border: 1px solid var(--grammi); border-left: 3px solid var(--prosoxi); border-radius: 0 6px 6px 0; }
  .l-diagrafi-mesa > p { margin: 0 0 10px; font-size: 16px; line-height: 1.55; color: var(--melani); text-wrap: pretty; }
  .l-forma { display: grid; gap: 14px; margin-top: 16px; }
  .l-nai { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; font-size: 16px; line-height: 1.45; color: var(--melani); cursor: pointer; }
  .l-nai input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--prosoxi); }
  .l-svise { justify-self: start; background: var(--prosoxi); border-color: var(--prosoxi); }
  .l-svise:hover, .l-svise:active { background: var(--kokkino-nyxta); border-color: var(--kokkino-nyxta); }
  @media (max-width: 600px) {
    .l-diagrafi-mesa { padding: 16px; }
    .l-svise { justify-self: stretch; }
  }

  /* «Το κινητό σας» (15/10/2026): μία φορά, πάνω πάνω μετά την είσοδο. Ένα φύλλο με χρυσή γραμμή αριστερά, ένα πεδίο και ένα κουμπί. */
  .l-tilefono-zita { padding: 20px 22px; background: var(--fyllo); border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 0 6px 6px 0; }
  .l-tilefono-ti { margin: 0 0 14px; font-size: 17px; line-height: 1.55; color: var(--melani); text-wrap: pretty; }
  .l-tilefono-zita > .g-minima { margin: 0 0 14px; }
  .l-tilefono-forma { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
  .l-tilefono-pedio { display: grid; gap: 6px; }
  .l-tilefono-pedio > span { font-weight: 600; font-size: 15px; line-height: 1.3; color: var(--melani); }
  .l-tilefono-pedio input { box-sizing: border-box; width: 100%; height: 52px; padding: 0 14px; font: inherit; font-size: 17px; color: var(--melani); background: var(--xarti); border: 1px solid var(--grammi); border-radius: 4px; }
  .l-tilefono-pedio input:focus { outline: none; border-color: var(--kokkino-vathy); box-shadow: 0 0 0 3px var(--simera-fonto); }
  .l-tilefono-pedio[data-lathos] input { border-bottom: 2px solid var(--prosoxi); }
  .l-tilefono-koumpi { height: 52px; }
  .l-tilefono-mia { margin: 12px 0 0; }
  .l-tilefono-elegxos { grid-column: 1 / -1; }
  .l-tilefono-elegxos p { margin: 0 0 12px; overflow-wrap: anywhere; }
  @media (max-width: 600px) {
    .l-tilefono-zita { padding: 16px; }
    .l-tilefono-forma { grid-template-columns: minmax(0, 1fr); }
    .l-tilefono-koumpi { width: 100%; }
  }
}
@media print { .l-diagrafi, .l-tilefono-zita { display: none !important; } }

/* ════════ (16/10/2026) ΠΙΟ ΕΥΚΟΛΟ: σύμβολα, μεγάλα κουμπιά, λίγα λόγια ════════
   Ο Bill: «…το dashboard των συνδεδεμενων πιστων να ειναι πολυ πιο user friendly με συμβολα μεγαλα κουμπια καμπανακι για τις ειδοποιησεις…».
   Ένας χαιρετισμός με το εικονίδιο του λογαριασμού και την «Έξοδο»· τέσσερα μεγάλα κουμπιά (δύο στη σειρά στο κινητό, τέσσερα στον
   υπολογιστή)· κάθε ενότητα με το σύμβολό της· κάθε αίτηση με το σύμβολο του είδους της και την κατάστασή της με χρώμα και σύμβολο.
   Χρώματα μόνο από το xromata.css. Στόχοι 48px και πάνω. */
@media screen {
  /* ο χαιρετισμός */
  .lp-kalosorisma { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px 16px; }
  .lp-avatar { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--kokkino-vathy); color: var(--fyllo); box-shadow: 0 0 0 3px var(--fyllo), 0 0 0 4px var(--xryso); }
  .lp-poios { display: grid; gap: 2px; min-width: 0; }
  .lp-geia { margin: 0; font: 400 26px/1.15 var(--titlos); color: var(--melani); }
  .lp-kalosorisma .g-syndedemenos { overflow-wrap: anywhere; }
  .lp-exodos { gap: 8px; }
  .lp-exodos .es-sym { flex: none; }
  @media (max-width: 600px) {
    .lp-kalosorisma { grid-template-columns: auto minmax(0, 1fr); }
    .lp-kalosorisma > form { grid-column: 1 / -1; }
    .lp-kalosorisma .lp-exodos { width: 100%; }
  }

  /* τα μεγάλα κουμπιά */
  .lp-plakidia { margin-top: 24px; }
  .lp-plakidia ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
  @media (min-width: 720px) { .lp-plakidia ul { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } }
  .lp-plakidio { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; height: 100%; min-height: 128px; padding: 16px; background: var(--xarti); border: 1px solid var(--grammi); border-radius: 10px; color: var(--melani); text-decoration: none; -webkit-tap-highlight-color: transparent; transition: border-color .24s cubic-bezier(.22, .61, .36, 1), background-color .24s cubic-bezier(.22, .61, .36, 1), transform .24s cubic-bezier(.22, .61, .36, 1), box-shadow .24s cubic-bezier(.22, .61, .36, 1); }
  .lp-plakidio:hover { border-color: var(--kokkino-vathy); background: var(--fyllo); box-shadow: 0 12px 28px -20px color-mix(in srgb, var(--melani) 45%, transparent); transform: translateY(-2px); }
  .lp-plakidio:active { transform: scale(.98); }
  .lp-plakidio:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }
  .lp-pl-sima { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--fyllo); border: 1px solid var(--grammi); color: var(--kokkino-vathy); }
  .lp-pl-lexeis { display: grid; gap: 2px; }
  .lp-pl-lexeis b { font: 400 19px/1.2 var(--titlos); color: var(--melani); }
  .lp-pl-lexeis small { font: 400 14px/1.3 var(--etiketa); letter-spacing: .03em; color: var(--melani-2); }
  .lp-pl-kyrio { background: var(--kokkino-vathy); border-color: var(--kokkino-vathy); }
  .lp-pl-kyrio:hover { background: var(--kokkino-nyxta); border-color: var(--kokkino-nyxta); }
  .lp-pl-kyrio .lp-pl-sima { background: transparent; border-color: color-mix(in srgb, var(--fyllo) 45%, transparent); color: var(--fyllo); }
  .lp-pl-kyrio .lp-pl-lexeis b { color: var(--fyllo); }
  .lp-pl-kyrio .lp-pl-lexeis small { color: color-mix(in srgb, var(--fyllo) 78%, transparent); }
  .lp-pl-nees { border-color: var(--kokkino-vathy); }
  .lp-pl-nees .lp-pl-lexeis small { font-weight: 700; color: var(--kokkino-vathy); }
  .lp-pl-arithmos { position: absolute; top: -4px; right: -6px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; border: 2px solid var(--xarti); border-radius: 999px; background: var(--kokkino-vathy); color: var(--fyllo); font: 700 13px/1 var(--etiketa); box-shadow: 0 0 0 1px var(--xryso); }

  /* κάθε ενότητα με το σύμβολό της, ο τίτλος να διαβάζεται */
  .l-logariasmos .l-enotita { margin-top: 40px; scroll-margin-top: 88px; }
  .l-logariasmos .l-enotita > h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font: 400 23px/1.25 var(--titlos); letter-spacing: 0; text-transform: none; color: var(--melani); }
  .lp-titlos-sima { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--kokkino-vathy); color: var(--fyllo); }
  .l-logariasmos .l-diagrafi > h2 { font-size: 19px; color: var(--melani-2); }
  .l-logariasmos .l-diagrafi .lp-titlos-sima { background: transparent; border: 1px solid var(--grammi); color: var(--melani-2); }

  /* μία αίτηση: το σύμβολο του είδους αριστερά, η κατάσταση με χρώμα και σύμβολο */
  .l-logariasmos .g-diki { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; align-content: start; padding: 16px 18px; }
  .l-logariasmos .g-diki > * { grid-column: 2; }
  .l-logariasmos .g-diki > .lp-eidos { grid-column: 1; grid-row: 1 / span 8; align-self: start; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--xarti-2); color: var(--kokkino-vathy); }
  .lp-k { justify-self: start; display: inline-flex; align-items: flex-start; gap: 8px; margin-top: 10px; padding: 7px 12px 7px 10px; border-radius: 8px; background: var(--simera-fonto); font-size: 16px; line-height: 1.4; font-weight: 600; color: var(--xryso-vathy); }
  .lp-k .es-sym { flex: none; margin-top: 1px; }
  .lp-k-dekti, .lp-k-egine { background: var(--kalo-fonto); color: var(--kalo); }
  .lp-k-aporrifthike { background: color-mix(in srgb, var(--prosoxi) 8%, transparent); color: var(--prosoxi); }
  .lp-k-akyrothike { background: var(--xarti-2); color: var(--melani-2); }
  /* (30/10/2026) η ημέρα που έδωσε ο ναός, ο λόγος μιας απόρριψης, και τα χαρτιά της αίτησης που ανοίγουν με ένα πάτημα */
  .l-logariasmos .lp-imera, .l-logariasmos .lp-logos { margin-top: 10px; }
  .l-logariasmos .lp-xartia { margin-top: 12px; border-top: 1px solid var(--grammi); padding-top: 4px; }
  .l-logariasmos .lp-xartia > summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-size: 16px; font-weight: 600; color: var(--kokkino-vathy); }
  .l-logariasmos .lp-xartia[open] > summary { margin-bottom: 6px; }
  .l-logariasmos .lp-xartia .lp-minima { margin: 0 0 10px; }
  @media (max-width: 600px) {
    .l-logariasmos .g-diki { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; padding: 14px; }
    .l-logariasmos .g-diki > .lp-eidos { width: 40px; height: 40px; }
    .l-logariasmos .g-diki > .lp-eidos .es-sym { width: 22px; height: 22px; }
    .l-logariasmos .l-enotita > h2 { font-size: 21px; }
  }
}

/* «ΠΡΟΣΩΠΙΚΑ ΔΕΔΟΜΕΝΑ» (14/10/2026, σημείο 12): η ίδια σελίδα-στήλη, με τις ίδιες ενότητες (.l-enotita). Κείμενο που διαβάζεται, 16–17px. */
@media screen {
  .pd-selida .l-enotita > p { margin: 0 0 12px; font-size: 17px; line-height: 1.6; color: var(--melani); text-wrap: pretty; }
  /* (15/10/2026, κριτική 13:40: «οι επικεφαλίδες μικρές κόκκινες ετικέτες, δύσκολες στο μάτι σε σελίδα νόμου») εδώ οι επικεφαλίδες διαβάζονται: Didot, όπως οι τίτλοι */
  .pd-selida .l-enotita > h2 { margin: 0 0 10px; font: 400 23px/1.25 var(--titlos); letter-spacing: 0; text-transform: none; color: var(--melani); }
  .pd-selida .pd-enimerothike { margin: 28px 0 0; font: 400 14px/1.4 var(--etiketa); letter-spacing: .04em; color: var(--melani-2); }
  .pd-selida .l-enotita > p a, .pd-stoixeia a { color: var(--kokkino-vathy); text-underline-offset: 3px; }
  .pd-lista { margin: 0 0 14px; padding-left: 22px; font-size: 17px; line-height: 1.6; color: var(--melani); }
  .pd-lista li::marker { color: var(--xryso); }
  .pd-stoixeia { margin: 0 0 14px; padding: 14px 18px; background: var(--fyllo); border: 1px solid var(--grammi); border-radius: 6px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; align-items: center; font-size: 16px; line-height: 1.5; }
  .pd-stoixeia dt { font: 400 13px/1.4 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--melani-2); }
  .pd-stoixeia dd { margin: 0; overflow-wrap: anywhere; }
  .pd-stoixeia dd:first-of-type { grid-column: 1 / -1; padding-bottom: 6px; }
  .pd-stoixeia a { display: inline-flex; align-items: center; min-height: 44px; }
  .pd-krymmeno { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}