.activity-log-workspace { max-width: none !important; padding: 24px 30px 42px !important; }
.activity-log-workspace .management-page-header { max-width: none; margin-bottom: 18px; }
.activity-log-workspace .management-page-header .lede { max-width: 720px; }
.activity-log-panel { max-width: none !important; padding: 0 !important; overflow: hidden; }

.activity-log-filter-bar { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)) auto auto; align-items: end; gap: 12px; margin: 0; padding: 20px 22px; border-bottom: 1px solid #dce7e3; background: #f8fbfa; }
.activity-log-filter-bar > div { display: grid; gap: 6px; min-width: 0; }
.activity-log-filter-bar label { color: #70817d; font-size: .7rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.activity-log-filter-bar select, .activity-log-filter-bar input { box-sizing: border-box; width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #cbdcd6; border-radius: 8px; background: #fff; color: #263a36; font: inherit; font-size: .86rem; }
.activity-log-filter-bar select { padding-right: 28px; }
.activity-log-filter-bar .button { min-height: 40px; padding: 0 15px; border: 0; border-radius: 8px; cursor: pointer; white-space: nowrap; }
.activity-log-clear { align-self: center; margin-top: 22px; color: #55716b; font-size: .85rem; font-weight: 800; }

.activity-log-summary { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin: 0; padding: 16px 22px 13px; color: #647773; }
.activity-log-summary p { margin: 0; }
.activity-log-summary strong { color: #176b61; font-size: 1.14rem; }
.activity-log-summary span { color: #81908c; font-size: .82rem; }
.activity-log-table-wrap { overflow-x: auto; border-top: 1px solid #d8e4e0; }
.activity-log-table { min-width: 1250px; background: #fffefa; }
.activity-log-table-head, .activity-log-row { display: grid; grid-template-columns: minmax(230px, 1.35fr) minmax(170px, 1fr) minmax(220px, 1.25fr) 150px 175px 112px; gap: 16px; align-items: center; }
.activity-log-table-head { padding: 13px 22px 11px; background: #f0f7f4; color: #71837e; font-size: .69rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.activity-log-row { min-height: 78px; padding: 14px 22px; border-top: 1px solid #e0e9e6; }
.activity-log-row:hover { background: #f7fbf9; }
.activity-log-row > div { min-width: 0; }
.activity-log-type { display: grid; gap: 4px; min-width: 0; }
.activity-log-type span { display: inline-flex; align-items: center; width: max-content; max-width: 100%; min-height: 23px; padding: 0 8px; overflow: hidden; border: 1px solid #c7e0d7; border-radius: 999px; background: #e5f2ee; color: #176b61; font-size: .66rem; font-weight: 850; letter-spacing: .05em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.activity-log-type strong, .activity-log-user strong, .activity-log-building strong { display: block; overflow: hidden; color: #324a45; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.activity-log-ip code { color: #176b61; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; }
.activity-log-date time { display: block; color: #516a65; font-size: .78rem; font-weight: 700; line-height: 1.35; }
.activity-log-action { display: flex; justify-content: flex-end; }
.activity-log-action .secondary-button { min-height: 35px; padding: 0 11px; border-radius: 7px; font-size: .77rem; white-space: nowrap; }

@media (max-width: 980px) { .activity-log-workspace { padding: 20px !important; } .activity-log-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .activity-log-filter-bar .button { justify-self: start; } .activity-log-clear { align-self: end; margin-top: 0; } }
@media (max-width: 620px) { .activity-log-workspace { padding: 16px !important; } .activity-log-filter-bar { grid-template-columns: 1fr; padding: 18px; } .activity-log-filter-bar .button { width: 100%; } .activity-log-clear { align-self: start; } .activity-log-summary { align-items: start; flex-direction: column; gap: 4px; padding: 14px 18px 11px; } }