/*
 * Θέμα «Ήπιο» — πιο ήρεμες επιφάνειες, εναλλαγή χρώματος ανά γραμμή, πιο άνετοι πίνακες.
 * Φορτώνεται ΜΕΤΑ το style.css και ξαναγράφει μόνο μεταβλητές (συν λίγους δικούς του κανόνες).
 */
:root {
  /* επιφάνειες: πιο ήπιο φόντο, απαλό περίγραμμα και διακριτική σκιά αντί για σκληρή γραμμή */
  --bg: #eef1f6;
  --panel: #ffffff;
  --panel-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);
  --line: #e4e8ef;
  --line-strong: #cdd5e0;
  --radius: 10px;
  --radius-sm: 6px;

  /* κείμενο: λίγο πιο ζεστό μαύρο και πιο αραιές γραμμές */
  --text: #1f2733;
  --muted: #667085;
  --body-leading: 1.5;

  --accent: #2f62c4;
  --accent-strong: #24509f;
  --accent-bg: #eaf1fd;

  --ok: #067647;      --ok-bg: #ecfdf3;
  --err: #b42318;     --err-bg: #fef3f2;
  --neg: #b42318;
  --warn-bg: #fffaeb; --warn-line: #dc6803; --warn-ink: #b54708;

  /* μπάρα: βαθύ μπλε αντί για σχεδόν μαύρο */
  --topbar-bg: #1e2a3a;
  --topbar-ink: #b8c5d6;
  --topbar-ink-strong: #ffffff;
  --topbar-hover: #2c3b50;
  --topbar-border: #41546e;

  /* πίνακες: εναλλαγή χρώματος ανά γραμμή, φωτισμός στο πέρασμα, πιο άνετα κελιά */
  --th-bg: #f5f7fa;
  --th-ink: #475467;
  --cell-y: .5rem;
  --cell-x: .7rem;
  --row-zebra: #f6f8fc;
  --row-hover: #e7f0ff;
  --row-total-bg: #f1f4f9;
  --row-hl: #fff6d6;

  --input-bg: #ffffff;
  --input-border: #cfd6e0;
  --btn-bg: #ffffff;
  --btn-border: #cfd6e0;
  --btn-hover: #f4f6fa;

  --badge-bg: #eef1f6;
  --badge-ink: #475467;

  --series-1: #2a78d6;
  --series-2: #eb6834;
}

/* Η επικεφαλίδα ξεχωρίζει χωρίς να βαραίνει: μικρότερη, πιο ήπια, με δική της γραμμή βάσης. */
th {
  font-size: .82rem;
  letter-spacing: .01em;
  box-shadow: inset 0 -1px 0 var(--line-strong);
  border-bottom-color: transparent;
}

/* Ο τύπος κίνησης γίνεται χρωματιστό σήμα, ώστε πληρωμές και πιστωτικά να ξεχωρίζουν με μια ματιά. */
.chip {
  display: inline-block;
  padding: .08rem .45rem;
  border-radius: 999px;
  font-size: .8rem;
  line-height: 1.35;
  background: var(--badge-bg);
  color: var(--badge-ink);
  white-space: nowrap;
}
.chip-payment { background: var(--accent-bg); color: var(--accent); }
.chip-credit  { background: var(--warn-bg);   color: var(--warn-ink); }

/* Τα πλακίδια της αρχικής παίρνουν λεπτή έγχρωμη ράχη, για γρήγορο εντοπισμό. */
.tile { border-left: 3px solid var(--accent); }

/* Τα ποσά λίγο πιο σκούρα από το υπόλοιπο κείμενο, γιατί εκεί πέφτει το μάτι. */
td.r { color: var(--text); }

/*
 * Μία γραμμή ανά κελί: οι μακριές κατηγορίες και περιγραφές κόβονται με αποσιωπητικά αντί να
 * ψηλώνουν τη γραμμή σε τέσσερις σειρές. Το πλήρες κείμενο μένει στο hover και στην εξαγωγή CSV.
 */
.clip {
  display: inline-block;
  max-width: 24ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
/* Στενότερα όρια στις στήλες που τραβούν πλάτος, ώστε τα ποσά να μη βγαίνουν εκτός οθόνης. */
.col-party .clip    { max-width: 20ch; }
.col-category .clip { max-width: 18ch; }

td { vertical-align: middle; }

/* Το σήμα τύπου μένει συμπαγές, δίπλα του χωράει και το «εξοφλ.». */
.col-type .chip { font-size: .78rem; padding: .05rem .4rem; }