#reconActivityReport[hidden] { display: none; }
#reconActivityReport { margin: 16px 0; background: #fff; border: 1px solid #dbe5f6; border-radius: 12px; color: #334155; overflow: hidden; }
.activity-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px; border-bottom: 1px solid #e2e8f0; }
.activity-header h3 { margin: 0 0 5px; font-size: 1rem; color: #0f172a; }
.activity-header p { margin: 0; font-size: .8rem; }
.activity-actions { display: flex; gap: 8px; }
.activity-filters { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px; }
.activity-filters label { display: flex; flex: 1 1 140px; flex-direction: column; gap: 5px; font-size: .75rem; font-weight: 600; }
.activity-filters input, .activity-filters select { width: 100%; min-height: 44px; border: 1px solid #cbd5e1; border-radius: 8px; padding: 8px; color: #334155; background: #fff; }
#activityMessage { margin: 0; padding: 0 16px 16px; font-size: .8rem; }
.activity-table-wrap { overflow: auto; }
.activity-table { width: 100%; min-width: 760px; border-collapse: collapse; text-align: left; font-size: .8rem; }
.activity-table th { background: #f1f5f9; color: #475569; }
.activity-table th, .activity-table td { padding: 12px 16px; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
.activity-table td { overflow-wrap: anywhere; }
.activity-detail { white-space: pre-wrap; min-width: 240px; max-width: 550px; }
.activity-detail small { display: block; color: #64748b; margin-top: 6px; }
.activity-footer { display: flex; gap: 12px; justify-content: flex-end; align-items: center; padding: 12px 16px; font-size: .8rem; }
#reconActivityReport button { min-height: 44px; }