/* ── Weight card (inline) ── */
.me-card-empty {
  font-size: .82rem;
  color: var(--mist);
  font-style: italic;
  margin-bottom: .75rem;
}

/* ── Chart ── */
.me-chart-svg {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: .65rem;
  overflow: visible;
}

/* ── Height hint ── */
.me-height-hint {
  font-size: .72rem;
  color: var(--mist);
  text-align: center;
  margin-bottom: .6rem;
  opacity: .8;
}


/* ── Log form ── */
.me-log-form { margin-top: .5rem; }

.me-form-actions {
  display: flex;
  gap: .65rem;
  margin-top: .5rem;
}


/* ── Goal section ── */
.me-goal-set-btn { margin-top: .5rem; }

.me-goal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  background: rgba(255,183,77,.07);
  border: 1px solid rgba(255,183,77,.22);
  border-radius: 8px;
  padding: .55rem .75rem;
  margin-top: .65rem;
}

.me-goal-info {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  min-width: 0;
}

.me-goal-label {
  font-size: .68rem;
  color: rgba(255,183,77,.65);
  font-family: 'DM Mono', monospace;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.me-goal-target {
  font-family: 'DM Mono', monospace;
  font-size: .95rem;
  color: rgba(255,183,77,.95);
}

.me-goal-diff {
  font-size: .75rem;
  color: var(--mist);
}

.me-goal-proj {
  font-size: .75rem;
  color: var(--foam);
}

.me-goal-reached { color: var(--tide); }
.me-goal-no-proj { color: var(--mist); font-style: italic; }

.me-goal-btns {
  display: flex;
  align-items: center;
  gap: .3rem;
  flex-shrink: 0;
}

.me-goal-edit-btn {
  background: none;
  border: 1px solid rgba(255,183,77,.35);
  border-radius: 5px;
  color: rgba(255,183,77,.8);
  font-size: .72rem;
  padding: .2rem .5rem;
  cursor: pointer;
}

.me-goal-edit-btn:hover { background: rgba(255,183,77,.12); }

.me-goal-remove-btn {
  background: none;
  border: none;
  color: var(--mist);
  font-size: 1.1rem;
  line-height: 1;
  padding: 0 .2rem;
  cursor: pointer;
  opacity: .5;
}

.me-goal-remove-btn:hover { opacity: 1; color: var(--coral); }

/* ── Empty state ── */
.me-empty {
  text-align: center;
  color: var(--mist);
  font-size: .82rem;
  padding: 1.2rem 0 .8rem;
}

/* ── Light mode overrides ── */
:root.light .me-tab { border-color: rgba(0,0,0,.15); color: var(--mist); }
:root.light .me-chart-svg text { fill: rgba(0,0,0,.35); }