.activity-workspace { display: grid; gap: 16px; color: #243247; }
.activity-heading { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.activity-heading h2 { margin: 4px 0 7px; font-size: 24px; }
.activity-heading p { margin: 0; color: #475569; font-size: 13px; line-height: 1.6; }
.activity-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; border: 1px solid #dbe3ec; border-radius: 12px; padding: 18px; background: #fff; }
.activity-filters label { display: grid; gap: 6px; min-width: 0; }
.activity-filters label > span { font-size: 12px; font-weight: 700; color: #334155; }
.activity-filters input,.activity-filters select { width: 100%; min-width: 0; min-height: 40px; font: inherit; font-size: 13px; }
.activity-filter-actions { display: flex; align-items: end; gap: 8px; }
.activity-privacy-note { margin: 0; padding: 10px 13px; border-left: 3px solid #18794e; background: #f1f8f4; color: #334155; font-size: 12px; line-height: 1.55; }
.activity-error { margin: 0; color: #b42318; }
.activity-table-scroll { overflow: auto; border: 1px solid #dbe3ec; border-radius: 10px; background: #fff; }
.activity-table { width: 100%; min-width: 1000px; border-collapse: collapse; table-layout: fixed; }
.activity-table th,.activity-table td { padding: 13px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid #e2e8f0; overflow-wrap: anywhere; white-space: normal; font-size: 13px; line-height: 1.5; }
.activity-table th { color: #334155; background: #f1f5f9; font-size: 12px; font-weight: 700; text-transform: none; }
.activity-table th:nth-child(1) { width: 145px; }.activity-table th:nth-child(2) { width: 175px; }.activity-table th:nth-child(3) { width: 100px; }.activity-table th:nth-child(4) { width: 150px; }.activity-table th:nth-child(5) { width: 145px; }.activity-table th:last-child { width: 140px; }
.activity-table td small { display: block; margin-top: 4px; color: #526174; font-size: 11px; }
.activity-table tbody tr:nth-child(even) { background: #f8fafc; }
.activity-table tr:last-child td { border-bottom: 0; }
.activity-empty { display: grid; gap: 8px; padding: 25px; text-align: center; }.activity-empty span { color: #526174; font-size: 13px; }
.activity-pagination { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 12px; color: #475569; }
.activity-pagination > div,.activity-pagination label { display: flex; align-items: center; gap: 10px; }
.activity-pagination select { min-width: 66px; }
.activity-details-dialog { width: min(920px,calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 1px solid #dbe3ec; border-radius: 14px; color: #243247; background: #fff; }
.activity-details-dialog::backdrop { background: rgba(15,23,42,.45); }
.activity-details-dialog > header,.activity-details-dialog > footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 18px 22px; background: #f8fafc; }
.activity-details-dialog > header { border-bottom: 1px solid #dbe3ec; }.activity-details-dialog > footer { justify-content: flex-end; border-top: 1px solid #dbe3ec; }
.activity-details-dialog h2 { margin: 0 0 5px; font-size: 21px; }.activity-details-dialog header p { margin: 0; color: #475569; font-size: 13px; }
.activity-detail-body { padding: 22px; font-size: 13px; line-height: 1.6; }
.activity-detail-meta { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 15px; margin: 0 0 16px; }
.activity-detail-meta dt { color: #526174; font-size: 11px; font-weight: 700; }.activity-detail-meta dd { margin: 4px 0 0; font-weight: 600; }.activity-detail-meta small { display: block; font-weight: 400; }
.activity-change-group { margin: 18px 0; }.activity-change-group h3 { margin: 0 0 9px; font-size: 15px; }.activity-change-group h3 span { margin-left: 9px; color: #526174; font-size: 12px; font-weight: 400; }
.activity-changes { width: 100%; min-width: 450px; table-layout: fixed; border-collapse: collapse; }
.activity-changes th,.activity-changes td { padding: 11px 13px; border-bottom: 1px solid #e2e8f0; font-size: 13px; text-align: left; vertical-align: top; overflow-wrap: anywhere; white-space: normal; }
.activity-changes thead th { background: #edf5f0; color: #123b2a; }.activity-changes th:first-child { width: 32%; }.activity-changes tbody th { background: #f8fafc; color: #334155; font-weight: 600; }
.activity-protected td,.activity-blank { color: #526174; font-style: italic; }
@media (max-width: 900px) { .activity-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }.activity-detail-meta { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .activity-filters { grid-template-columns: 1fr; padding: 14px; }.activity-heading { flex-direction: column; }.activity-details-dialog { width: calc(100vw - 16px); }.activity-detail-body { padding: 14px; } }