/* Φάση 4: λίστες, σημειώσεις, προϋπολογισμός, γεύματα, μενού */

.hub-links { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.hub-links a {
  display: flex; justify-content: space-between; align-items: center; gap: .5rem;
  background: var(--surface); border-radius: 16px; padding: .9rem 1rem; box-shadow: var(--shadow);
  text-decoration: none; color: var(--text); font-weight: 600;
}
.hub-links .muted { font-weight: 400; font-size: .9rem; }

.note-title { font-weight: 600; overflow-wrap: anywhere; }
.pin { color: var(--accent); font-size: .85rem; font-weight: 600; }

.totals { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin-bottom: 1rem; }
.totals .stat-value { font-size: 1.15rem; }
.amount-income { color: var(--ok); }
.amount-expense { color: var(--danger); }
.month-nav { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: 1rem; }

.meal-day { margin-bottom: .75rem; }
.meal-row { display: grid; gap: .35rem; padding: .6rem 0; border-top: 1px solid var(--line); }
.meal-row:first-of-type { border-top: 0; }
.meal-slot { font-size: .85rem; color: var(--muted); font-weight: 600; }
.meal-row .inline-form { margin: 0; }

.form fieldset fieldset { padding: .75rem; }
.is-done-text { text-decoration: line-through; color: var(--muted); }
.list-item { display: flex; gap: .7rem; align-items: center; background: var(--surface); border-radius: 14px; padding: .6rem .8rem; box-shadow: var(--shadow); }
.list-item .task-body { flex: 1; }

/* Αναζήτηση, γρήγορη προσθήκη και τμήματα λίστας */
.search { display: flex; gap: .5rem; align-items: center; margin-bottom: 1rem; }
.search input { flex: 1; }
.aisle { margin-top: 1rem; }
.aisle-title { font-size: 1rem; color: var(--muted); margin: 0 0 .4rem; }
.chip-row { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 0; }
.chip-row form { margin: 0; }
.chip-btn {
  font: inherit; font-size: .9rem; border: 0; cursor: pointer; min-height: 40px;
  padding: .4rem .8rem; border-radius: 999px; background: var(--accent-soft); color: var(--accent);
}