.audit-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;display:grid}.audit-kpi{flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.audit-kpi-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.audit-kpi-label svg{color:var(--color-teal-deep);flex-shrink:0}.audit-kpi .type-metric{overflow-wrap:anywhere}.audit-kpi .type-description{margin:0}.audit-page>.dashboard-table-shell .dashboard-data-table{min-width:1760px}.audit-page .dashboard-data-table td{overflow-wrap:anywhere;max-width:260px}.audit-page .dashboard-data-table td .type-caption{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;display:block;overflow:hidden}.audit-page .dashboard-data-table td>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-date-field{min-width:0;display:block;position:relative}.ui-date-field>input{padding-right:42px}.ui-date-field>svg{pointer-events:none;color:var(--color-teal-deep);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ui-date-field input::-webkit-calendar-picker-indicator{opacity:0;width:24px;height:24px;position:absolute;right:10px}.audit-filter-reset{grid-column:1/-1;justify-content:flex-end;display:flex}.audit-filter-reset .button{width:auto}.audit-severity{text-transform:uppercase;letter-spacing:var(--tracking-form);font-size:var(--text-caption);font-weight:var(--font-weight-label)}.audit-page .dashboard-data-table .access-status{white-space:nowrap}.audit-severity[data-severity=warning]{color:#93601b}.audit-severity[data-severity=error],.audit-severity[data-severity=critical]{color:#a53242}.audit-summary-error{align-items:center;gap:12px;display:flex}.audit-drawer{border:0;border-left:1px solid var(--color-line);background:var(--color-surface);width:min(100%,672px);max-width:100%;height:100dvh;max-height:100dvh;color:var(--color-ink);margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden;box-shadow:0 16px 64px #12363126}.audit-drawer[open]{flex-direction:column;display:flex}.audit-drawer::backdrop{background:#142d3466}.audit-drawer-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.audit-drawer-header h2,.audit-drawer-header p{margin:0}.audit-drawer-body{flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow-y:auto}.audit-drawer-body .dashboard-data-table{min-width:480px}.audit-drawer-footer{border-top:1px solid var(--color-line);justify-content:flex-end;padding:16px 24px;display:flex}.audit-business-summary{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:12px;padding:18px}.audit-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.audit-detail-grid p{overflow-wrap:anywhere;margin:6px 0 0}.audit-timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.audit-timeline button{text-align:left;border:1px solid var(--color-line);background:var(--color-surface);width:100%;color:inherit;border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.audit-timeline button:hover{background:var(--color-canvas)}.audit-timeline p{margin:0}@media (width<=1100px){.audit-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.audit-kpi-grid{grid-template-columns:1fr}.audit-kpi,.audit-drawer-header,.audit-drawer-body,.audit-drawer-footer{padding:16px}.audit-detail-grid{grid-template-columns:1fr}}
