/* dmarcboard app — workspace activity log (/activity). */
.actv-filters { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: flex-end; width: 100%; }
.actv-field { display: flex; flex-direction: column; gap: 4px; margin: 0; flex: 1 1 160px; min-width: 0; }
.actv-field label { font-size: 12.5px; font-weight: 600; color: var(--muted-fg); }
.actv-field .input { width: 100%; }
.actv-field:first-child { flex-basis: 220px; }
.actv-reset { display: flex; align-items: flex-end; }
.actv-table td { vertical-align: top; }
.actv-when { white-space: nowrap; width: 1%; }
.actv-when time { display: block; font-weight: 600; font-size: 13.5px; }
.actv-abs { display: block; }
.actv-who { width: 26%; min-width: 180px; }
.actv-person { display: flex; gap: 10px; align-items: center; min-width: 0; }
.actv-avatar { width: 30px; height: 30px; font-size: 11.5px; flex: none; }
.actv-sys { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--brand-50); color: var(--brand); flex: none; }
.actv-person-text { display: flex; flex-direction: column; min-width: 0; }
.actv-name { font-weight: 600; overflow-wrap: anywhere; }
.actv-email { overflow-wrap: anywhere; }
.actv-what { overflow-wrap: anywhere; line-height: 1.5; }
.actv-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 24px; }
.actv-foot:empty { display: none; }
.actv-empty { padding: 40px 24px; }
.actv-locked .empty-lead { max-width: 560px; }

@media (max-width: 640px) {
  .actv-field, .actv-field:first-child { flex: 1 1 calc(50% - 6px); }
  .actv-field:first-child, .actv-field:nth-child(2) { flex-basis: 100%; }
  .actv-reset, .actv-reset .btn { width: 100%; }
  /* table rows become stacked blocks */
  .actv-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .actv-table, .actv-table tbody, .actv-table tr, .actv-table td { display: block; width: 100%; }
  .actv-table tr { padding: 12px 16px; border-bottom: 1px solid var(--border); }
  .actv-table td { border: 0; padding: 2px 0 !important; min-width: 0; }
  .actv-when { display: flex !important; gap: 8px; align-items: baseline; flex-wrap: wrap; white-space: normal; }
  .actv-when time { display: inline; }
  .actv-abs { display: inline; }
  .actv-who { padding: 6px 0 !important; }
  .actv-foot { padding: 14px 16px; }
  .actv-foot .btn { width: 100%; }
}