.audit-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:flex-end}.ctrl-card.audit-filters{margin-bottom:14px;align-items:flex-end;min-height:unset}.audit-filters .fg{min-width:130px;flex:1}.audit-filters .fg label{font-size:10px;color:var(--text2);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.audit-filters input,.audit-filters select{font-size:16px;line-height:1.3;padding:5px 9px}.audit-action-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;font-family:var(--mono);white-space:nowrap}.audit-action-CREATE{background:var(--green-dim);color:var(--green)}.audit-action-UPDATE{background:var(--blue-dim);color:var(--blue)}.audit-action-DELETE{background:var(--red-dim);color:var(--red)}.audit-action-LOGIN{background:var(--accent-dim);color:var(--amber)}.audit-action-LOGOUT{background:var(--surface3);color:var(--text2)}.audit-action-CHANGE_PASSWORD{background:var(--purple-dim);color:var(--purple)}.audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.audit-diff-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--rs);padding:12px;overflow-x:auto}.audit-diff-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.audit-diff-box pre{font-family:var(--mono);font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-all;margin:0;color:var(--text)}.audit-diff-box.before{border-color:#c2410c4d}.audit-diff-box.after{border-color:#1665344d}.audit-diff-box.before .audit-diff-title{color:var(--red)}.audit-diff-box.after .audit-diff-title{color:var(--green)}.audit-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit-pagination{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px 0 4px;flex-wrap:wrap}.audit-pagination button{background:var(--surface);border:1px solid var(--border);border-radius:var(--rs);padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text2);transition:all .15s}.audit-pagination button:hover{background:var(--surface3);color:var(--text)}.audit-pagination button.active{background:var(--accent);border-color:var(--accent2);color:var(--on-brand)}.audit-pagination button:disabled{opacity:.35;cursor:default}@media(max-width:768px){.audit-diff{grid-template-columns:1fr}.audit-filters .fg{min-width:140px}.audit-modal-grid{display:block!important}.audit-modal-grid>div{margin-bottom:8px}}