.top-navigation-meta{padding:0;border:0;background:transparent}.top-navigation-meta .audit-navigation-link{display:flex;min-width:116px;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border:1px solid #334155;border-radius:10px;background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.92));color:#e2e8f0;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.035),0 2px 5px rgba(0,0,0,.2)}.top-navigation-meta .audit-navigation-link:hover,.top-navigation-meta .audit-navigation-link.active{border-color:#38bdf8;background:linear-gradient(180deg,#123552,#0f2942);box-shadow:inset 0 0 0 1px rgba(56,189,248,.18),0 0 18px rgba(56,189,248,.12)}.audit-navigation-link>span{font-size:11px;font-weight:760}.audit-navigation-link small{display:flex;align-items:center;color:#94a3b8;font-size:8px;text-transform:uppercase}.audit-navigation-link .environment-dot{width:8px;height:8px;margin-right:5px;box-shadow:0 0 8px rgba(18,183,106,.8)}
.audit-log-panel .panel-heading{padding:12px 16px}.audit-live-indicator{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #b7e4cf;border-radius:999px;background:#ecfdf3;color:#067647;font-size:9px;font-weight:750}.audit-live-indicator .environment-dot{width:7px;height:7px;box-shadow:0 0 7px rgba(18,183,106,.6)}.audit-event-list{position:relative;display:grid;gap:6px;padding:7px}.audit-event-card{display:grid;grid-template-columns:92px 16px minmax(0,1fr);min-height:82px;border:1px solid #b8c1cc;border-radius:9px;background:#f3f5f8;box-shadow:0 2px 3px rgba(16,24,40,.13);overflow:hidden;transition:transform .1s ease,border-color .1s ease,background .1s ease}.audit-event-card:hover{transform:translateY(-1px);border-color:#667085;background:#e9edf2}.audit-event-time{display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border-right:1px solid #d0d5dd;background:#e8edf3;font-family:Consolas,monospace}.audit-event-time strong{color:#102a43;font-size:14px}.audit-event-time span{margin-top:4px;color:#667085;font-size:9px}.audit-event-signal{position:relative;display:grid;place-items:center}.audit-event-signal:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:#94a3b8}.audit-event-signal i{z-index:1;width:8px;height:8px;border:2px solid #e0f2fe;border-radius:2px;background:#0ea5e9;box-shadow:0 0 8px rgba(14,165,233,.55);transform:rotate(45deg)}.audit-event-content{min-width:0;padding:9px 12px}.audit-event-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.audit-event-heading>div>span{display:block;color:#ef4444;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.audit-event-heading strong{display:block;margin-top:2px;color:#101828;font-size:13px}.audit-actor{max-width:260px;overflow:hidden;color:#475467;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.audit-event-subject{display:flex;align-items:baseline;gap:8px;margin-top:5px;min-width:0}.audit-event-subject span{color:#667085;font-size:8px;text-transform:uppercase}.audit-event-subject strong{overflow:hidden;color:#344054;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.audit-facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.audit-facts>span{display:inline-flex;gap:5px;padding:3px 7px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#344054;font-size:9px}.audit-facts small{color:#64748b;font-size:8px;font-weight:750;text-transform:uppercase}.audit-trace{margin-top:5px;color:#667085;font-size:8px}.audit-trace summary{cursor:pointer;width:fit-content}.audit-trace code{display:inline-block;max-width:48%;margin:4px 8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-list-scroll.audit-event-list{padding:7px!important}
@media(max-width:1050px){.top-navigation-meta{display:block}.top-navigation-meta .audit-navigation-link{min-width:88px;padding:0 9px}.audit-navigation-link small{display:none}}@media(max-width:760px){.top-navigation-meta{display:none}.audit-event-card{grid-template-columns:78px 12px minmax(0,1fr)}.audit-event-heading{display:block}.audit-actor{display:block;margin-top:3px}}
.mobile-audit-link{display:none!important}@media(max-width:1050px){.top-navigation{grid-template-columns:165px minmax(0,1fr) auto}}@media(max-width:760px){.top-navigation{grid-template-columns:1fr auto}.top-navigation-links .mobile-audit-link{display:flex!important}}

/* Audit rows are static information surfaces, not links. */
.audit-event-card { min-height: 104px; transition: border-color .1s ease,background .1s ease; }
.audit-event-card:hover { transform: none; border-color: #b8c1cc; background: #f3f5f8; box-shadow: 0 2px 3px rgba(16,24,40,.13); }
.audit-event-time { padding: 12px 13px; }
.audit-event-time strong { font-size: 16px; }
.audit-event-time span { font-size: 11px; }
.audit-event-content { display: grid; grid-template-columns: minmax(220px,1.1fr) minmax(190px,.9fr) minmax(180px,.8fr) minmax(310px,1.35fr); gap: 10px 18px; align-items: start; padding: 12px 15px; }
.audit-event-group { min-width: 0; }
.audit-event-group > span { display: block; margin-bottom: 5px; color: #667085; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.audit-event-action > span { color: #ef4444; }
.audit-event-group > strong { display: block; overflow: hidden; color: #101828; font-size: 14px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.audit-event-subject { display: block; margin-top: 0; }
.audit-event-subject strong,.audit-event-operator strong { color: #344054; font-size: 12px; }
.audit-trace { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 3px 7px; margin-top: 0; color: #475467; }
.audit-trace > span { grid-column: 1/-1; }
.audit-trace small { color: #667085; font-size: 9px; font-weight: 750; text-transform: uppercase; }
.audit-trace code { display: block; max-width: none; margin: 0; overflow: hidden; color: #344054; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.audit-facts { grid-column: 1/-1; gap: 7px; margin-top: 0; padding-top: 9px; border-top: 1px solid #d0d5dd; }
.audit-facts > span { gap: 7px; padding: 5px 8px; font-size: 11px; }
.audit-facts small { font-size: 9px; }
.audit-facts strong { font-size: 11px; font-weight: 650; }
.audit-live-indicator { font-size: 11px; }
@media(max-width:1350px){.audit-event-content{grid-template-columns:repeat(2,minmax(220px,1fr))}.audit-facts{grid-column:1/-1}}
@media(max-width:800px){.audit-event-content{grid-template-columns:1fr}.audit-facts{grid-column:1}.audit-event-group>strong{white-space:normal}}