/* Keep the completion value and unfinished dates side by side at every width. */
.overview .metric.en-today-completed-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 10px; }
.en-today-completed-main { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; gap: 12px; }
.en-home-unfinished { display: flex; min-width: 0; align-items: center; padding-left: 10px; border-left: 1px solid var(--glass-edge); }
.en-unfinished-dates { width: 100%; min-width: 0; max-width: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--blue-300) transparent; font-variant-numeric: tabular-nums; }
.en-unfinished-dates:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; border-radius: 4px; }
.en-unfinished-dates--home { max-height: 112px; }
.en-unfinished-date-row { display: grid; min-width: 0; gap: 3px; padding: 6px 0; line-height: 1.4; }
.en-unfinished-date-row + .en-unfinished-date-row { border-top: 1px solid var(--glass-edge); }
.en-unfinished-date { color: var(--blue-900); font-size: 14px; font-weight: 800; overflow-wrap: anywhere; }
.en-unfinished-count { min-width: 0; color: var(--blue-800); font-size: 13px; font-weight: 600; line-height: 1.6; word-break: keep-all; overflow-wrap: anywhere; }
.en-unfinished-count strong { display: inline-block; min-width: 28px; padding: 1px 5px; border-radius: 7px; background: color-mix(in srgb, var(--blue-600) 12%, transparent); color: var(--blue-700); font-size: 26px; font-weight: 850; line-height: 1.15; text-align: center; vertical-align: baseline; }
.en-unfinished-dates--home .en-unfinished-date-row { gap: 2px; padding-block: 4px; line-height: 1.25; }
.en-unfinished-dates--home .en-unfinished-count { line-height: 1.25; word-spacing: -.5px; }
.en-unfinished-dates--home .en-unfinished-count strong { min-width: 22px; padding: 0 3px; line-height: 1.05; }
.en-unfinished-empty { display: block; min-width: 0; color: var(--en-muted, var(--blue-800)); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.en-unfinished-total { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; width: 100%; min-width: 0; font-variant-numeric: tabular-nums; }
.en-unfinished-total-label { color: var(--blue-900); font-size: 14px; font-weight: 700; line-height: 1.4; }
.en-unfinished-total--home { flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; }
.en-unfinished-total .en-unfinished-count { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px; max-width: 100%; }
.en-unfinished-total--home .en-unfinished-count { font-size: 12px; }
.en-unfinished-total--home .en-unfinished-count strong { max-width: 100%; font-size: 26px; overflow-wrap: anywhere; }
.en-member-order-actions { display: flex; flex-wrap: nowrap; align-items: center; min-width: 0; gap: 10px; }
.en-member-order-actions > [data-member-orders] { flex: 0 0 auto; }
.en-member-unfinished { flex: 1 1 0; min-width: 0; container: unfinished-member / inline-size; }
.en-unfinished-dates--member { max-height: 88px; }
.en-unfinished-dates--member .en-unfinished-date-row { grid-template-columns: minmax(0, max-content) minmax(0, 1fr); align-items: center; column-gap: 10px; }
.en-unfinished-dates--member .en-unfinished-count { text-align: right; }
.en-unfinished-dates--member .en-unfinished-count strong { font-size: 24px; }
@container unfinished-member (max-width: 205px) {
  .en-unfinished-dates--member .en-unfinished-date-row { grid-template-columns: minmax(0, 1fr); }
  .en-unfinished-dates--member .en-unfinished-count { text-align: left; }
}
@media (min-width: 1101px) {
  #homeView > .overview:has(.en-today-completed-card) { grid-template-columns: minmax(270px, 1.8fr) minmax(0, 1fr) minmax(242px, 1.65fr) repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .overview .metric.en-today-completed-card { grid-column: 1 / -1; }
}