/* Stage 35 — audit */
.auditPage{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:2px 2px 20px}
.auditHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:#181818}
.auditHeader>div:first-child>span{display:flex;align-items:center;gap:6px;color:#7d858b;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.auditHeader h2{margin:4px 0 2px;color:#e5e8ea;font-size:20px}.auditHeader p{margin:0;max-width:760px;color:#737b81;font-size:8px;line-height:1.45}
.auditStats{display:flex;gap:6px}.auditStats article{min-width:62px;padding:8px 9px;border-radius:10px;background:#222;text-align:center}.auditStats b{display:block;color:#e0e3e5;font-size:13px}.auditStats span{display:block;margin-top:2px;color:#70787e;font-size:6.5px}
.auditFilters{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(105px,.8fr)) 145px 145px auto auto;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#191919}
.auditFilters input,.auditFilters select,.auditFilters button{height:30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#222;color:#b6bcc0;padding:0 7px;font:inherit;font-size:7px}.auditFilters button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px}.auditFilters button:hover{background:#292929;color:#e0e3e5}.auditSearch{position:relative}.auditSearch i{position:absolute;left:9px;top:10px;color:#70777d;font-size:7px}.auditSearch input{width:100%;padding-left:25px}
.auditPanel{border:1px solid rgba(255,255,255,.055);border-radius:15px;background:#181818;overflow:hidden}.auditPanelHead{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.04)}.auditPanelHead>div{display:flex;flex-direction:column}.auditPanelHead b{color:#cfd3d6;font-size:8px}.auditPanelHead span{margin-top:2px;color:#687076;font-size:6.5px}.auditPanelHead button,.auditMore button{height:28px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#242424;color:#92999e;cursor:pointer;font:inherit;font-size:7px;padding:0 8px}.auditPanelHead button:hover,.auditMore button:hover{background:#2b2b2b;color:#ddd}
.auditTableWrap{overflow:auto}.auditTable{width:100%;border-collapse:collapse;min-width:1080px}.auditTable th,.auditTable td{padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.035);text-align:left;vertical-align:middle;color:#9ba2a7;font-size:7px}.auditTable th{color:#6e767c;font-size:6.4px;text-transform:uppercase;letter-spacing:.035em}.auditTable tbody tr:hover{background:#1e1e1e}.auditTable time{white-space:nowrap;color:#7f878d}.auditActor,.auditEvent{display:flex;flex-direction:column;min-width:0}.auditActor span,.auditEvent b{color:#b8bdc1;font-size:7.2px}.auditActor small,.auditEvent small{margin-top:2px;color:#626a70;font-size:6.2px}.auditEvent b{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auditCategory,.auditOrigin{display:inline-flex;padding:3px 5px;border-radius:999px;background:#252525;color:#8e969b;font-size:6.2px;white-space:nowrap}.auditOrigin{font-family:monospace}.auditDiff{display:grid;grid-template-columns:minmax(90px,1fr) 10px minmax(90px,1fr);align-items:center;gap:4px;max-width:340px}.auditDiff span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#858d93}.auditDiff i{font-size:5px;color:#5f676d;text-align:center}.auditOpen{width:26px;height:26px;border:1px solid rgba(255,255,255,.045);border-radius:7px;background:#232323;color:#858d92;cursor:pointer}.auditOpen:hover{background:#2b2b2b;color:#ddd}.auditEmpty{text-align:center!important;padding:24px!important;color:#666e74!important}.auditMore{display:flex;justify-content:center;padding:8px}
.auditModal{position:fixed;inset:0;z-index:1950;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(3px)}.auditModal[hidden]{display:none}.auditModalCard{width:min(920px,95vw);max-height:91vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#191919;box-shadow:0 25px 80px rgba(0,0,0,.5);overflow:hidden}.auditModalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.auditModalHead>div{min-width:0;display:flex;flex-direction:column}.auditModalHead b{color:#dce0e2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auditModalHead span{margin-top:2px;color:#6d757b;font-size:6.8px}.auditModalHead button{width:28px;height:28px;border:0;border-radius:8px;background:#242424;color:#8a9297;cursor:pointer;font-size:16px}.auditModalBody{overflow:auto;padding:13px 14px}
.auditDetailGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.auditDetailGrid>div{display:flex;flex-direction:column;padding:8px;border-radius:8px;background:#222}.auditDetailGrid span{color:#70787e;font-size:6.4px}.auditDetailGrid b{margin-top:3px;color:#bcc1c5;font-size:7.2px;word-break:break-word}.auditJsonGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auditJson{margin-bottom:8px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:#1d1d1d;overflow:hidden}.auditJson h4{margin:0;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.04);color:#80888e;font-size:6.7px;text-transform:uppercase}.auditJson pre{max-height:360px;margin:0;padding:9px;overflow:auto;background:#141414;color:#abb1b6;font-size:6.8px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.auditJson>div{padding:10px;color:#666e74;font-size:7px}
@media(max-width:1400px){.auditFilters{grid-template-columns:repeat(4,minmax(120px,1fr))}.auditSearch{grid-column:span 2}.auditDetailGrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.auditHeader{flex-direction:column;align-items:flex-start}.auditStats{width:100%}.auditStats article{flex:1}.auditFilters{grid-template-columns:1fr 1fr}.auditSearch{grid-column:1/-1}.auditJsonGrid,.auditDetailGrid{grid-template-columns:1fr}}
