/* Retained activity shares Pulse's controls and palette, with complete timestamps. */
.activity {
  --ui-ground: var(--bg); --ui-raised: var(--panel); --ui-hover: var(--accent-tint);
  --ui-ink: var(--text); --ui-ink-muted: var(--dim); --ui-ink-inverse: var(--bg);
  --ui-line: var(--border); --ui-line-strong: #48473e; --ui-accent: var(--accent);
  --ui-ring-color: var(--accent); --ui-radius: var(--radius);
  max-width: 1120px; margin: 0 auto;
}
.activity__head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.activity__eyebrow { margin: 0 0 6px; font: 10px var(--mono); letter-spacing: .12em; color: var(--accent); }
.activity .live__title { font-size: 25px; margin-bottom: 6px; }
.activity .live__sub { color: var(--dim); font-size: 12px; line-height: 1.6; }
.activity .ui-seg { border-radius: var(--radius); }
.activity .ui-seg button { min-height: 44px; min-width: 65px; padding: 0 14px; }
.activity .ui-seg button[aria-pressed="true"] { background: var(--accent); color: var(--bg); }
.activity__filters { border: 1px solid var(--border); background: var(--card); padding: 16px; margin-bottom: 14px; }
.activity__choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.activity__ranges { align-self: flex-start; max-width: 100%; }
.activity__dates { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 12px; }
.activity .ui-input { background: var(--bg); color: var(--text); border-color: var(--ui-line-strong); min-height: 44px; min-width: 0; width: 100%; font-family: var(--body); }
.activity input[type="datetime-local"] { color-scheme: dark; font-size: 14px; padding: 8px; }
.activity .ui-btn { min-height: 44px; }
.activity .ui-select > svg { width: 15px; height: 15px; }
.activity__optional { color: var(--dim); font-weight: 400; }
.activity__timezone { margin: 0; color: var(--dim); font-size: 11px; }
.activity__summary { padding: 12px 0; border-bottom: 1px solid var(--border); }
.activity__summary p { margin: 4px 0; color: var(--dim); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.activity__summary .activity__selected-range { font-size: 13px; color: var(--text); }
.activity__status { display: flex; align-items: center; gap: 12px; min-height: 56px; }
.activity__status .ui-status { color: var(--dim); font-size: 12px; line-height: 1.6; margin: 0; }
.activity__status .is-error { color: var(--down); }
.activity__columns, .activity .live__row { display: grid; grid-template-columns: 174px minmax(0, 1fr) 235px; gap: 20px; }
.activity__columns { color: var(--faint); font: 10px var(--mono); border-bottom: 1px solid var(--border); padding: 12px 0; }
.activity .live__row { padding: 14px 0; align-items: start; font-size: 13px; }
.activity .live__t { display: flex; flex-direction: column; gap: 4px; font: 12px var(--mono); color: var(--dim); white-space: nowrap; }
.activity .live__t span:last-child { color: var(--text); }
.activity__event { min-width: 0; display: flex; flex-wrap: wrap; gap: 5px 8px; align-items: center; }
.activity .live__site { color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
.activity__slug { color: var(--dim); font-size: 11px; overflow-wrap: anywhere; }
.activity .live__path { flex-basis: 100%; color: var(--text); white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
.activity .live__evtype { margin: 2px 0 0; border: 1px solid var(--border); background: var(--panel); color: var(--dim); border-radius: var(--radius); padding: 2px 5px; font-size: 10px; }
.activity .live__meta { display: flex; flex-direction: column; gap: 6px; color: var(--dim); text-align: left; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.activity__empty { color: var(--dim); border: 1px dashed var(--border); padding: 22px 16px; font-size: 13px; line-height: 1.6; }
.activity__footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.activity__footer .ui-help { color: var(--dim); }
@media (max-width: 767px) {
  .activity__dates { grid-template-columns: 1fr; }
  .activity__dates .ui-btn { justify-self: stretch; }
  .activity .ui-input, .activity input[type="datetime-local"] { font-size: 16px; }
  .activity__columns { display: none; }
  .activity .live__row { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 16px 0; }
  .activity .live__t { flex-direction: row; gap: 12px; }
  .activity .live__site, .activity .live__meta { grid-column: auto; }
}
@media (max-width: 389px) {
  .activity__choices { grid-template-columns: 1fr; }
  .activity__filters { padding: 12px; }
  .activity .ui-seg button { min-width: 0; padding: 0 10px; }
  .activity__ranges { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; }
}