.audit-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px;align-items:end;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.audit-filter-grid label,.rule-demo-controls label,#rule-body label{display:grid;gap:7px;font-size:13px;font-weight:600}.audit-filter-grid select,.audit-filter-grid input,.rule-demo-controls select,#rule-body input,#rule-body select,#rule-body textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;min-height:42px}#rule-body textarea{resize:vertical;min-height:85px}.rule-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:20px 0;padding:0}.rule-steps li{padding:18px;background:var(--surface2);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.7}.rule-steps strong{display:block;color:var(--ink);font-size:14px}.rule-demo-controls{display:flex;gap:22px;align-items:center;padding:16px 0 22px}.rule-demo-controls p{max-width:500px;color:var(--muted);font-size:12px;line-height:1.7}.rule-demo-controls label{min-width:260px}#rule-dialog{width:min(780px,calc(100vw - 28px));max-width:780px;max-height:90dvh;padding:0}#rule-body{padding:28px}#rule-body p{line-height:1.65}#rule-body label{margin:14px 0}#rule-body .rule-confirm{display:flex;align-items:flex-start;font-weight:400;line-height:1.5}#rule-body input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;margin-top:2px}.rule-diff{margin:20px 0;width:100%}.rule-diff td:last-child{font-weight:700;color:var(--accent)}.rule-impact{padding:16px;border:1px solid var(--line);border-radius:10px;margin:16px 0}.rule-impact .pill{margin:5px}.rule-impact summary{cursor:pointer;font-weight:600}.rule-checks{padding:18px;background:var(--surface2);border-radius:12px;margin:20px 0}.rule-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px}#audit-count{margin:16px 0}#audtbl td{min-width:110px}#audtbl td:last-child{min-width:260px}@media(max-width:850px){.rule-steps{grid-template-columns:repeat(2,1fr)}.audit-filter-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.rule-demo-controls{display:block}}@media(max-width:480px){.audit-filter-grid{grid-template-columns:1fr}.rule-steps{grid-template-columns:1fr}#rule-body{padding:20px}.rule-actions .btn{width:100%}}