/* Scoped to the system operation log page; business/report screens stay unchanged. */
.system-audit-modal .audit-panel{width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;padding:0!important;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;background:#f3f6fa;color:#1e293b;font-size:14px;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.system-audit-modal .audit-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}
.system-audit-modal .audit-heading{display:flex;align-items:center;gap:10px;min-width:0}
.system-audit-modal .audit-title-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e6f5f2;color:#0f766e;font-size:24px;flex-shrink:0}
.system-audit-modal h2{margin:0;color:#0f172a;font-size:19px;line-height:1.4;font-weight:750;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.system-audit-modal .audit-heading p{margin:2px 0 0;font-size:12px;color:#64748b}
.system-audit-modal .audit-security{color:#64748b;font-size:12px;white-space:nowrap}
.system-audit-modal .audit-summary{margin-left:10px;padding:5px 10px;border-radius:20px;background:#eef6ff;color:#2563eb;font-size:12px;white-space:nowrap}
.system-audit-modal .audit-filters{display:grid;grid-template-columns:155px 155px 170px 180px minmax(220px,1fr) 80px;gap:12px;align-items:end;padding:10px 14px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}
.system-audit-modal .audit-filter-field{display:flex;flex-direction:column;min-width:0;gap:6px}
.system-audit-modal .audit-filter-field label{font-size:12px;font-weight:600;color:#475569}
.system-audit-modal .audit-filters input,.system-audit-modal .audit-filters select{box-sizing:border-box;min-width:0;width:100%;height:38px;margin:0;border:1px solid #d5dfeb;border-radius:7px;background:#fff;font-size:14px;color:#334155;padding:7px 10px}
.system-audit-modal .audit-filters input:focus,.system-audit-modal .audit-filters select:focus{outline:2px solid #ccfbf1;outline-offset:1px;border-color:#0d9488}
.system-audit-modal .audit-search{height:38px;margin:0;border-radius:7px;background:#0f766e;color:#fff;font-weight:700}
.system-audit-modal .audit-table-wrap{flex:1;min-height:0;padding:0!important;margin:4px 8px 0;overflow:auto;border:1px solid #dce4ee;border-radius:8px;background:#fff;overscroll-behavior:contain}
.system-audit-modal .audit-table{width:100%!important;min-width:1420px;margin:0!important;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px}
.system-audit-modal .audit-table thead{position:sticky;top:0;z-index:2}
.system-audit-modal .audit-table th{background:#edf2f8!important;color:#475569;font-size:12px;font-weight:700;line-height:20px;padding:12px 14px!important;text-align:left;border:0!important;border-bottom:1px solid #cbd5e1!important;white-space:nowrap}
.system-audit-modal .audit-table td{padding:10px 14px!important;text-align:left;vertical-align:middle;line-height:1.6;border:0!important;border-bottom:1px solid #e8edf4!important;overflow-wrap:anywhere}
.system-audit-modal .audit-table tbody tr:nth-child(even){background:#f8fafc}
.system-audit-modal .audit-table tbody tr:hover{background:#eef6ff}
.system-audit-modal .audit-target{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#475569}
.system-audit-modal .audit-table strong{color:#0f172a;font-weight:650}
.system-audit-modal .audit-result{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:3px}
.system-audit-modal .audit-result-ok{background:#dcfce7;color:#15803d}
.system-audit-modal .audit-result-fail{background:#fee2e2;color:#b91c1c}
.system-audit-modal .audit-detail{height:30px;min-width:50px;margin:0;padding:0 10px!important;white-space:nowrap;border-radius:6px;background:#eaf2ff!important;color:#2563eb!important;border:1px solid #dbeafe}
.system-audit-modal .audit-detail:hover{background:#dbeafe!important}
.system-audit-modal .audit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;background:#fff;padding:8px 14px;border-top:1px solid #e2e8f0;margin-top:4px}
.system-audit-modal .audit-page-info{font-size:12px;color:#64748b}
.system-audit-modal .audit-pagination{display:flex;gap:8px}
.system-audit-modal .audit-back,.system-audit-modal .audit-pagination button{height:32px;white-space:nowrap;margin:0;border-radius:6px;font-size:12px;font-weight:600;padding:0 12px}
.audit-detail-modal .modal-box{border-radius:12px;box-shadow:0 20px 70px rgba(15,23,42,.24)}
@media(max-width:1100px){.system-audit-modal .audit-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.system-audit-modal .audit-keyword-field{grid-column:span 3}.system-audit-modal .audit-security{display:none}}
@media(max-width:600px){.system-audit-modal .audit-titlebar{padding:8px}.system-audit-modal .audit-heading{gap:7px;flex-wrap:wrap}.system-audit-modal .audit-title-icon{display:none}.system-audit-modal .audit-summary{margin-left:0}.system-audit-modal h2{font-size:17px}.system-audit-modal .audit-filters{padding:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.system-audit-modal .audit-keyword-field{grid-column:span 1}.system-audit-modal .audit-table-wrap{margin:4px 4px 0}.system-audit-modal .audit-footer{padding:8px}}