/* activitydigest.js: Today's actions on the Share home — the toggle and
 * the day, then the four sections (Already tracked, Done, Proposed, Needs
 * approval), each item grouped Venture › Initiative › Goal. Pills and dots
 * reuse plandetail.css's. */

.ad-box {
  display: none;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--sv-space-2);
  max-height: min(34rem, 70dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0 var(--sv-space-4);
  padding: var(--sv-space-3) var(--sv-space-4);
  border: var(--sv-hairline-w) solid var(--sv-hairline);
  border-radius: calc(var(--sv-radius) * 1.5);
  background: var(--sv-surface);
  box-shadow: var(--pop-shadow);
  font-size: var(--ui-text);
}
.ad-box:not([hidden]) { display: flex; }

.ad-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--sv-space-3); min-width: 0; }
.ad-title { margin: 0; font-size: var(--ui-text); font-weight: 600; }
.ad-head .icon { width: 14px; height: 14px; color: var(--sv-ink-tertiary); }
.ad-spacer { flex: 1; }
.ad-when { color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.ad-toggle { min-height: 30px; padding: 0 var(--sv-space-3); font-size: var(--ui-meta); font-weight: 500; }
.ad-toggle.is-on { color: var(--ws-working-ink); }
.ad-note { margin: 0; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); line-height: 1.45; }
.ad-note:empty { display: none; }
.ad-status { margin: 0; color: var(--sv-ink-secondary); font-size: var(--ui-meta); line-height: 1.45; }
.ad-status:empty { display: none; }

/* ---- the four sections ---- */
.ad-sections { display: grid; gap: var(--sv-space-3); }
.ad-section-head { display: flex; align-items: center; gap: var(--sv-space-2); }
.ad-section-title { margin: 0; color: var(--sv-ink-secondary); font-size: var(--ui-meta); font-weight: 600; letter-spacing: var(--sv-tracking-caps); text-transform: uppercase; }
.ad-section-count { min-width: 18px; padding: 0 6px; border-radius: 999px; background: var(--sv-surface-sunken); color: var(--sv-ink-secondary); font-size: 0.75rem; font-weight: 500; line-height: 1.6; text-align: center; }
.ad-empty { margin: 0; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }

.ad-group { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; margin: var(--sv-space-2) 0 0; font-size: var(--ui-meta); min-width: 0; }
.ad-group-venture { color: var(--sv-ink); font-weight: 600; overflow-wrap: anywhere; }
.ad-group-initiative { color: var(--sv-ink-secondary); overflow-wrap: anywhere; }
.ad-group-sep { color: var(--sv-ink-tertiary); }
.ad-group-goal { color: var(--sv-ink-secondary); font-weight: 500; overflow-wrap: anywhere; }
.ad-group-goal:hover { text-decoration: underline; }

/* ---- one row ---- */
.ad-row { display: grid; gap: var(--sv-space-2); min-width: 0; padding: var(--sv-space-3); border: var(--sv-hairline-w) solid var(--sv-hairline); border-radius: var(--sv-radius); background: var(--sv-surface-raised); }
.ad-row[data-state="dismissed"] { opacity: 0.6; }
.ad-row-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px var(--sv-space-3); min-width: 0; }
.ad-row-sources { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px var(--sv-space-2); flex: none; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.ad-row-source { display: inline-flex; align-items: center; gap: 4px; min-width: 0; }
.ad-row-source .icon { width: 12px; height: 12px; }
.ad-row-source a { color: inherit; text-decoration: underline; text-decoration-color: var(--sv-hairline-strong); }
.ad-row-source a:hover { color: var(--sv-ink-secondary); }
.ad-row-text { flex: 1 1 12rem; min-width: 0; margin: 0; color: var(--sv-ink); line-height: 1.5; overflow-wrap: anywhere; }
.ad-row-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--sv-space-3); color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.ad-row-verb { display: inline-flex; align-items: center; flex: none; padding: 1px 8px; border-radius: 999px; background: var(--sv-surface-sunken); color: var(--sv-ink-secondary); font-size: 0.75rem; font-weight: 500; line-height: 1.5; }
.ad-row-verb:is([data-verb="created"], [data-verb="completed"]) { background: color-mix(in srgb, var(--ws-working) 14%, transparent); color: var(--ws-working-ink); }
.ad-row-note { color: var(--sv-ink-secondary); }
.ad-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sv-space-2); }
.ad-row-actions .icon { width: 12px; height: 12px; }
.ad-row-edit { display: grid; gap: var(--sv-space-2); }
.ad-edit-input { width: 100%; min-height: 3rem; padding: var(--sv-space-2) var(--sv-space-3); border: var(--sv-hairline-w) solid var(--sv-hairline-strong); border-radius: var(--sv-radius); background: var(--sv-surface); color: var(--sv-ink); font: inherit; font-size: var(--ui-text); resize: vertical; }
.ad-edit-input:focus { outline: none; border-color: var(--ws-working); }
.ad-row-edit-actions { display: flex; gap: var(--sv-space-2); }

/* ---- phones ---- */
@media (max-width: 640px) {
  .ad-box { margin: 0 var(--sv-space-2); padding: var(--sv-space-2) var(--sv-space-3); }
}