#auditPage{--audit-surface:var(--panel);--audit-muted:var(--muted);--audit-accent:var(--cyan)}
#auditPage .audit-search-panel{padding:22px;margin-bottom:22px}
.audit-search-form{display:grid;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(140px,1fr));gap:18px}
.audit-search-form label{display:flex;flex-direction:column;gap:8px;color:var(--audit-muted);font-size:12px}
.audit-search-form input,.audit-search-form select{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--bg);color-scheme:dark}
.audit-search-form select option{background:var(--panel);color:var(--text)}
.audit-search-actions{display:flex;align-items:end;gap:10px}.audit-search-actions button{height:44px;flex:1}
.audit-history-panel{padding:24px}.audit-history-hint{color:var(--audit-muted);font-size:12px;margin:0 0 20px}
.audit-record{border:1px solid var(--line);border-radius:12px;padding:20px;margin:0 0 12px;background:var(--audit-surface)}
.audit-record-heading,.audit-record-heading>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.audit-record-heading{justify-content:space-between}.audit-record-heading strong{font-family:var(--mono);font-size:16px;overflow-wrap:anywhere}
.audit-record-heading time{color:var(--audit-muted);font-size:12px}.audit-scope,.audit-origin{font-size:11px;padding:4px 8px;border-radius:5px;border:1px solid var(--line)}
.audit-scope{color:var(--audit-accent)}.audit-origin{color:var(--audit-muted)}
.audit-operation{margin:12px 0;color:var(--audit-muted);font-size:12px}
.audit-fields{display:grid;gap:8px}.audit-field{display:grid;grid-template-columns:110px minmax(0,1fr) 18px minmax(0,1fr);gap:10px;align-items:start;font-size:13px}
.audit-field>*{overflow-wrap:anywhere;white-space:pre-wrap}.audit-field>span,.audit-field del{color:var(--audit-muted)}.audit-field del{text-decoration:none}.audit-field strong{font-weight:500;color:var(--audit-accent)}
.audit-more{margin:14px 0;font-size:12px}.audit-more summary{cursor:pointer;color:var(--audit-muted);padding:4px 0}.audit-more p{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.audit-record-meta{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:11px;color:var(--audit-muted)}.audit-record-meta b{color:var(--text);font-weight:500}
#auditPage .audit-pagination{display:flex;align-items:center;gap:12px;padding:12px 0 0}.audit-pagination span{margin-right:auto;color:var(--audit-muted);font-size:12px}
html[data-theme="light"] #auditPage,body[data-theme="light"] #auditPage{--audit-surface:#fff;--audit-muted:#52677e;--audit-accent:#087d72}
html[data-theme="light"] .audit-search-form input,html[data-theme="light"] .audit-search-form select,body[data-theme="light"] .audit-search-form input,body[data-theme="light"] .audit-search-form select{color-scheme:light}
@media(max-width:700px){#auditPage .page-head{align-items:start;gap:12px}#auditPage .audit-search-panel,.audit-history-panel{padding:16px}.audit-search-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.audit-keyword,.audit-search-actions{grid-column:1/-1}.audit-record{padding:14px}.audit-record-heading{gap:8px}.audit-record-heading>div{gap:7px}.audit-record-heading time{width:100%;font-size:11px}.audit-field{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:6px}.audit-field>span:first-child{grid-column:1/-1;font-size:11px}.audit-record-meta{gap:8px 14px}.audit-pagination span{font-size:11px}}
