.log-scope{margin-bottom:20px}.log-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-block:20px}.log-metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}.log-metric strong{font-size:28px}.log-metric span{font-weight:600}.log-guide>h2{margin:0;padding:16px 20px;font-size:14px;font-weight:700}.log-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 20px 20px}.log-guide-grid p{margin-top:8px}.log-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;margin-block:20px}.log-filter-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.log-filter-error{color:#b03b32}.log-table{table-layout:fixed;width:100%;min-width:0}.log-table th{white-space:normal;word-break:normal}.log-table th:nth-child(1){width:21%}.log-table th:nth-child(2){width:29%}.log-table th:nth-child(3){width:32%}.log-table th:nth-child(4){width:18%}.log-table td{vertical-align:top;overflow-wrap:anywhere;padding:16px 12px}.log-table td strong,.log-table td small,.log-table td bdi{display:block}.log-table td small{color:var(--muted);margin-top:6px}.log-table td bdi{font-size:12px;margin-top:6px;white-space:normal}.log-status{display:inline-block;max-width:100%;font-weight:700;border-radius:7px;padding:4px 8px;font-size:12px;white-space:normal}.log-status.allowed{background:#e6f3e9;color:#26593b}.log-status.denied{background:#fbe9e6;color:#8e3029}.log-status.unavailable{background:#fbf0d9;color:#795318}.log-pagination,.log-pagination>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.log-pagination{padding:16px 20px;border-top:1px solid var(--line)}.log-detail .facts dd{overflow-wrap:anywhere;font-size:14px}.log-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:14px;border-radius:10px}.log-detail>h3{margin-top:16px}.log-table-wrap{overflow:visible;min-width:0}.log-table td .btn{padding:8px 4px;white-space:normal;max-width:100%}
html[data-theme=dark] .log-status.allowed{background:#244c39;color:#bbe7c7}html[data-theme=dark] .log-status.denied{background:#56342f;color:#ffb8b0}html[data-theme=dark] .log-status.unavailable{background:#51422a;color:#f3d99f}
@media(max-width:1100px){.log-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.log-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.log-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.log-metric{padding:12px}.log-metric strong{font-size:24px}.log-filters,.log-guide-grid{grid-template-columns:minmax(0,1fr)}.log-table td,.log-table th{padding:10px 5px;font-size:11px}.log-table td bdi,.log-table td small{font-size:10px}.log-status{font-size:11px;padding:3px 4px}.log-table th:nth-child(1){width:22%}.log-table th:nth-child(2){width:28%}.log-table th:nth-child(3){width:28%}.log-table th:nth-child(4){width:22%}.access-logs .heading-actions{display:flex;flex-wrap:wrap;gap:8px}.log-detail .facts{grid-template-columns:minmax(0,1fr)}}
.access-logs .log-table td,.access-logs .log-table td strong,.access-logs .log-table td small,.access-logs .log-table time{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.log-metric strong{margin-block-start:auto}
/* This audit view is global; transaction site scope does not filter access events. */
.layout:has(.access-logs) .context-control>select[data-setting=site],.layout:has(.access-logs) .context-control>.icon:first-child{display:none}