/* Doctor Endo — γραμματεία στο διαδίκτυο.
   ΓΡΑΜΜΑΤΟΣΕΙΡΑ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ, ΕΠΙΤΗΔΕΣ: καμία γραμματοσειρά από το
   δίκτυο. Μια σελίδα με ΑΜΚΑ παιδιών δεν ζητά αρχεία από τρίτο μηχάνημα.
   ΜΕΓΑΛΑ ΚΟΥΜΠΙΑ: δουλεύεται με δάχτυλο, σε iPad, όρθια. */
:root{
  --paper:#EDEFF1; --panel:#fff; --ink:#1B2024; --slate:#5E6A72; --hair:#D3D9DE;
  --magenta:#B5179E; --amber:#B87514; --amberSoft:#FBF1DF; --red:#9C2F2F; --redSoft:#FBEDED;
  --tealSoft:#F6E6F3;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}
.screen{min-height:100dvh;padding:env(safe-area-inset-top) 16px 24px}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
h1{font-size:24px;margin:4px 0 18px}
h2{font-size:20px;margin:0 0 12px}
.card{background:var(--panel);border:1px solid var(--hair);border-radius:8px;padding:16px;margin-bottom:14px}
.login{max-width:380px;margin:12vh auto 0}
.lbl{display:block;font-size:13px;color:var(--slate);margin:12px 0 5px}
/* 16px ελάχιστο: μικρότερο και το Safari κάνει ζουμ μόνο του στο πάτημα. */
.inp{width:100%;padding:13px 12px;font-size:16px;border:1px solid var(--hair);
  border-radius:6px;background:var(--panel);color:var(--ink)}
.inp:focus{outline:2px solid var(--magenta);outline-offset:-1px}
.btn{font:inherit;font-weight:600;border-radius:6px;border:1px solid transparent;
  padding:13px 16px;cursor:pointer;min-height:48px}
.btn-p{background:var(--ink);color:#fff;width:100%;margin-top:16px}
.btn-s{background:var(--panel);color:var(--ink);border-color:var(--hair)}
.row{display:flex;gap:10px;flex-wrap:wrap}
.row>*{flex:1 1 140px}
.bar{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:2px solid var(--ink);
  margin-bottom:16px;position:sticky;top:0;background:var(--paper);z-index:2}
.bar .who{font-size:17px;font-weight:700}
.bar .btn{flex:0 0 auto;min-height:40px;padding:8px 14px}
.hit{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #E7EBEE}
.hit b{display:block}
.sub{font-size:13px;color:var(--slate)}
.mono{font-variant-numeric:tabular-nums}
.flag{border-radius:6px;padding:11px 13px;font-size:14px;margin:12px 0}
.flag-amber{background:var(--amberSoft);border:1px solid #E9D3A8;color:#7a4d08}
.flag-red{background:var(--redSoft);border:1px solid #e3bcbc;color:var(--red)}
.flag-ok{background:var(--tealSoft);border:1px solid #e6bfdd;color:#7a1568}
.k{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid #E7EBEE}
.k span:first-child{min-width:140px;color:var(--slate);font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{padding:12px 14px;border:1px solid var(--hair);border-radius:6px;background:var(--panel);
  font-weight:600;min-height:46px;cursor:pointer}
.chip[data-on="true"]{background:var(--ink);color:#fff}
.chip[data-busy="true"]{opacity:.42}
.note{font-size:13px;color:var(--slate)}
@media (max-width:520px){ .k span:first-child{min-width:104px} }

/* ── Η ΕΒΔΟΜΑΔΑ (1.84.0) ─────────────────────────────────────────────
   ΟΧΙ πλέγμα με ώρες σαν την εφαρμογή στο Mac: εδώ η οθόνη είναι συχνά
   κινητό, και ένα πλέγμα 7×20 δεν διαβάζεται με τον αντίχειρα. Επτά
   κάρτες που σε πλατιά οθόνη μπαίνουν δίπλα-δίπλα και σε στενή
   στοιβάζονται. */
.tabs{display:flex;gap:8px;margin-bottom:14px}
.tab{flex:1;font:inherit;font-weight:600;min-height:44px;cursor:pointer;
  border:1px solid var(--hair);border-radius:6px;background:var(--panel);color:var(--ink)}
.tab[data-on="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.weekbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.weekbar .btn{flex:0 0 auto;min-height:42px;padding:8px 14px}
.weektitle{flex:1;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.week{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.day{background:var(--panel);border:1px solid var(--hair);border-radius:8px;padding:12px}
/* Η σημερινή ημέρα ξεχωρίζει με ΠΕΡΙΓΡΑΜΜΑ, όχι με χρώμα γεμίσματος:
   το χρώμα το χρειάζονται τα μηνύματα, όχι το ημερολόγιο. */
.day.today{border:2px solid var(--magenta)}
.dayhead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #E7EBEE}
.dayhead b{font-size:15px}
.dayhead .sub:last-child{margin-left:auto}
/* Τα κλεισμένα ραντεβού είναι ΚΟΥΜΠΙΑ: πατιούνται για αλλαγή ή ακύρωση. */
.appt{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;
  padding:10px 11px;margin-bottom:6px;border:1px solid var(--hair);border-radius:6px;
  background:var(--tealSoft);color:var(--ink)}
.appt b{margin-right:8px}
.day .chips{margin-top:10px}
.day .chip{padding:8px 10px;min-height:38px;font-size:14px}