/* Preserve the existing metric, glass and motion surfaces. */
.overview .metric.en-daily-goal-card {
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
}
.en-goal-date, .en-daily-goal { display: flex; min-width: 0; flex: 1 1 0; flex-direction: column; gap: 12px; }
.en-goal-date .metric-label { min-width: 0; flex-wrap: wrap; }
.overview .en-goal-date .metric-value { white-space: normal; overflow-wrap: anywhere; }
.en-daily-goal { border-left: 1px solid var(--glass-edge); padding-left: 12px; }
.en-goal-heading { display: flex; min-height: 20px; align-items: center; justify-content: space-between; gap: 4px; color: var(--blue-800); font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.en-goal-heading > span { white-space: nowrap; }
.en-goal-edit { display: inline-flex; flex: 0 0 auto; width: 25px; height: 25px; align-items: center; justify-content: center; padding: 3px; border: 1px solid transparent; border-radius: 8px; color: var(--blue-700); background: transparent; cursor: pointer; }
.en-goal-edit svg { width: 17px; height: 17px; }
.en-goal-edit:hover:not(:disabled) { border-color: var(--glass-line); background: var(--surface-control); }
.en-goal-edit:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.en-goal-edit:disabled { cursor: default; opacity: .45; }
.en-goal-values, .en-member-goal-values { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.en-goal-values { gap: 5px 10px; }
.en-goal-value { max-width: 100%; color: var(--blue-600); font-size: clamp(15px, 1.25vw, 20px); font-weight: 780; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.en-goal-value small { margin-left: 3px; font-size: 11px; font-weight: 650; color: var(--blue-800); }
.en-goal-empty { color: var(--en-muted); font-size: 12px; line-height: 1.5; }
.en-goal-values[data-state="error"] .en-goal-empty { color: var(--en-danger); }
.en-goal-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 20px; }
.en-goal-fields .en-field { min-width: 0; }
.en-goal-fields input { min-width: 0; width: 100%; }
.en-member-goal { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid var(--en-line); }
.en-member-goal-label { flex: 0 0 auto; color: var(--en-muted); font-size: 12px; }
.en-member-goal-values { justify-content: flex-end; }
.en-member-goal .en-goal-value { font-size: 14px; }
@media (min-width: 1101px) {
  .overview:has(.en-daily-goal-card) { grid-template-columns: minmax(270px, 1.8fr) repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .overview .metric.en-daily-goal-card { grid-column: 1 / -1; }
  .en-goal-date .metric-label { flex-wrap: nowrap; }
  .en-goal-values { flex-direction: row; gap: 5px 10px; }
  .en-goal-value { font-size: 17px; }
}
@media (max-width: 360px) {
  .en-goal-fields { grid-template-columns: 1fr; }
  .en-goal-value { font-size: 15px; }
}