/* Zeolife Δοσολογίες — διακριτική εμφάνιση (soft, χωρίς gradients) */
.zldose{
  --teal:#2a9ca0;--dark:#26231e;--ink:#2b2925;--muted:#6b6a64;
  --bg-soft:#f6f8f7;--bg-mint:#eef5f1;--line:#e7e7e8;
  width:100%;max-width:none;margin:.8rem 0 1.1rem;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;background:#fff;
  font-family:'Inter',system-ui,sans-serif;color:var(--ink);font-size:.9rem;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
.zldose *{box-sizing:border-box}
.zldose-head{
  background:#2a9ca0;color:#fff;border-bottom:1px solid #23878b;
  font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.01em;
  font-size:.95rem;padding:.45rem .9rem;
}
.zldose-body{padding:.55rem .8rem .6rem}
.zldose-table{width:100%;border-collapse:separate;border-spacing:0;margin:0}
.zldose-table th{
  font-family:'Manrope','Inter',sans-serif;font-weight:700;color:var(--dark);
  font-size:.88rem;text-align:center;padding:.25rem .4rem;border-bottom:1px solid var(--line);
}
.zldose-table th:first-child{width:38%}
.zldose-table td{padding:.3rem .4rem;text-align:center;border-bottom:1px solid var(--line)}
.zldose-table tr:last-child td{border-bottom:0}
.zldose-rowlabel{display:flex;align-items:center;gap:.4rem;text-align:left !important;font-weight:500;color:var(--ink)}
.zldose-cell{
  font-family:'Manrope','Inter',sans-serif;font-weight:700;color:var(--teal);font-size:.92rem;white-space:nowrap;
}
/* Χρησιμοποιείται και στην κεφαλίδα (th) και στα κελιά (td).
   Το flex μπαίνει σε ΕΣΩΤΕΡΙΚΟ span, ΟΧΙ στο ίδιο το td/th: ένα td με display:flex
   παύει να είναι table-cell και, αν γίνουν όλα flex, ο browser τα τυλίγει σε ένα
   ανώνυμο κελί και ο πίνακας στοιβάζεται. */
.zldose-cellin{display:flex;align-items:center;justify-content:center;gap:.25rem}
/* 2em = διπλάσιο από το κείμενο· σε em ώστε να ακολουθεί και στο mobile.
   margin:0 + vertical-align:middle: πολλά themes βάζουν καθολικό «svg baseline fix»
   τύπου `svg{vertical-align:-3px;margin-bottom:-4px}`. Το αρνητικό margin μίκραινε
   το margin box του εικονιδίου, κι έτσι το align-items:center το έριχνε 2px κάτω
   από το κέντρο. Τα μηδενίζουμε ρητά για να μη μας επηρεάζει το εκάστοτε theme. */
.zldose-rowlabel .zldose-drop,
.zldose-cellin .zldose-drop{flex:0 0 auto;width:2em;height:2em;margin:0;vertical-align:middle}
.zldose-table td:not(:first-child){border-left:1px solid var(--line)}
.zldose-note{
  margin-top:.5rem;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:8px;padding:.35rem .7rem;text-align:center;font-weight:500;color:var(--muted);font-size:.82rem;
}
.zldose-bar{
  background:#2a9ca0;color:#fff;border-top:1px solid #23878b;
  font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.01em;
  text-align:center;font-size:.95rem;padding:.45rem .9rem;
}
.zldose-printrow{text-align:right;margin:-.6rem 0 1rem}
.zldose-print{display:inline-block;font-size:.78rem;color:#6b6a64;text-decoration:none;border:1px solid #e7e7e8;border-radius:999px;padding:.22rem .7rem;background:#fff}
.zldose-print:hover{color:#2a9ca0;border-color:rgba(42,156,160,.35);text-decoration:none}
@media print{.zldose-printrow{display:none}}
@media (max-width:480px){
  .zldose-head{font-size:.92rem}
  .zldose-table th{font-size:.82rem}
  .zldose-cell{font-size:.86rem}
}