.activity-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--flow-line); }
.activity-toolbar .form-label { font-size: 13px; color: var(--flow-muted); }
.activity-toolbar .form-select { min-height: 44px; }
.activity-toolbar > div:first-child { width: 220px; max-width: 100%; }
.activity-summary { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; color: var(--flow-muted); font-size: 13px; padding: 18px 0; }
.activity-row { display: grid; grid-template-columns: 155px 130px minmax(150px, 1fr) minmax(220px, 2fr) 44px; align-items: center; gap: 16px; padding: 17px 0; border-bottom: 1px solid var(--flow-line); }
.activity-row > * { min-width: 0; overflow-wrap: anywhere; }
.activity-time { font-size: 13px; color: var(--flow-muted); font-variant-numeric: tabular-nums; }
.activity-kind { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.activity-kind i { color: #1265c7; }
.activity-kind.is-alert i { color: #b85632; }
.activity-name { font-weight: 600; font-size: 14px; }
.activity-detail { font-size: 14px; }
.activity-detail small { display: block; margin-top: 4px; color: var(--flow-muted); font-size: 12px; }
.activity-empty { padding: 40px 0; text-align: center; color: var(--flow-muted); }
.activity-footer { display: flex; justify-content: center; padding: 24px 0; }
.activity-footer .btn { min-height: 44px; }
@media (max-width: 900px) {
    .activity-row { grid-template-columns: minmax(0, 1fr) 44px; gap: 8px 14px; position: relative; padding-right: 0; }
    .activity-time { grid-column: 1; }
    .activity-kind { grid-column: 1; }
    .activity-name { grid-column: 1; }
    .activity-detail { grid-column: 1; }
    .activity-row > a { grid-column: 2; grid-row: 1 / span 4; align-self: center; }
}
@media (max-width: 420px) {
    .activity-toolbar { gap: 12px; }
    .activity-toolbar > div:first-child { width: calc(100% - 110px); }
    .activity-toolbar .flow-icon { margin-left: auto; }
}