/* Written by Richard Christopher, Copyright 2026 Mindfull */
/* Activity composes the shared feed and a quiet summary; controls inherit shared density tokens. */
.mf-unified-today {
  display: grid; grid-template-columns: minmax(0, 1fr); align-content: start;
  box-sizing: border-box; width: 100%; max-width: calc(1120px + 2 * var(--space-3)); min-width: 0;
  margin-inline: auto; padding: 36px 32px; column-gap: 40px; row-gap: 28px;
}
.activity-heading {
  grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-4); padding-bottom: 24px; border-bottom: 1px solid var(--border);
}
.activity-heading h1 { margin: 3px 0 6px; font-size: 28px; font-weight: var(--weight-semibold); letter-spacing: -.025em; }
.activity-eyebrow { margin: 0; font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: .12em; color: var(--text-faint); }
.activity-caption { margin: 0; color: var(--text-dim); font-size: var(--text-base); }
.activity-capture.cloudcanvas-ui-button {
  min-height: var(--feed-target); padding: 4px 16px; font-size: var(--text-base); border-radius: var(--feed-radius);
  background: var(--accent); border-color: var(--accent); color: var(--text-inverse);
}
.mf-unified-today-spool { min-width: 0; min-height: 260px; }
.mf-unified-today-spool .feed-list-scroll { overflow: visible; overscroll-behavior: auto; }
.mf-unified-today-summary {
  display: flex; flex-wrap: wrap; align-self: start; align-items: center; flex-direction: row;
  box-sizing: border-box; min-width: 0; border-top: 1px solid var(--border); padding: 20px 0 0; gap: 24px;
}
.mf-unified-today-figures { display: flex; flex-wrap: wrap; flex-direction: row; gap: var(--space-3) var(--space-6); min-width: 0; margin: 0; }
.mf-unified-today-figure { display: grid; gap: var(--space-1); min-width: 0; }
.mf-unified-today-figure dt { color: var(--text-dim); font-size: var(--text-sm); text-transform: uppercase; letter-spacing: .06em; }
.mf-unified-today-figure dd { margin: 0; font-size: var(--text-lg); line-height: 1.6; overflow-wrap: anywhere; }
.mf-unified-today .mf-unified-today-analytics {
  box-sizing: border-box; min-height: var(--feed-target); margin: 0; padding: 4px 12px;
  color: var(--text); font: inherit; font-size: var(--text-base); white-space: nowrap; cursor: pointer;
  background: var(--bg-raised); border: 1px solid var(--border-strong); border-radius: var(--feed-radius);
}
.mf-unified-today .mf-unified-today-analytics:hover { border-color: var(--accent); background: var(--accent-wash); }
/* A live focus session is a navigable summary line, never a separate global card. */
.mf-unified-today .mf-unified-today-session {
  display: grid; grid-template-columns: var(--space-2) minmax(0, 1fr) auto; column-gap: var(--space-3); align-items: center;
  flex: 1 0 100%; box-sizing: border-box; min-width: 0; min-height: var(--feed-target); margin: 0; padding: var(--space-2) var(--space-4);
  color: var(--text); font: inherit; font-size: var(--text-lg); text-align: start; cursor: pointer;
  background: transparent; border: 0; border-radius: var(--feed-radius); transition: background-color var(--motion-fast) var(--ease-out);
}
.mf-unified-today .mf-unified-today-session:hover { color: var(--text); background: var(--bg-sunken); }
.mf-unified-today-session-marker { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-full); color: var(--text-dim); box-shadow: inset 0 0 0 1.5px currentColor; }
.mf-unified-today-session[data-running='true'] .mf-unified-today-session-marker { color: var(--accent); background: currentColor; }
.mf-unified-today-session-words { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--weight-medium); }
.mf-unified-today-session-clock { color: var(--text-dim); font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.mf-unified-today-summary :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 900px) {
  .mf-unified-today { grid-template-columns: minmax(0, 1fr); padding: 24px; }
  .mf-unified-today-summary { border-inline-start: 0; border-top: 1px solid var(--border); padding: 20px 0 0; flex-direction: row; align-items: center; }
  .mf-unified-today-figures { flex-direction: row; gap: var(--space-3) var(--space-6); }
}
@media (max-width: 480px) {
  .mf-unified-today { padding: 24px 16px; }
  .activity-heading h1 { font-size: 24px; }
  .activity-caption { max-width: 24ch; }
}