.audit-page-heading{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:4px 0;color:var(--ink-3)}
.audit-page-heading a{font-size:13px;color:var(--text-neutral-soft5);text-decoration:none}.audit-page-heading h1{font-size:21px;font-weight:650;line-height:1.4;color:var(--text-neutral-strong2);margin:0}.audit-page-heading p{margin:0 0 0 auto;font-size:12px;color:var(--ink-3)}
@media(max-width:700px){.audit-page-heading{gap:10px;margin-bottom:14px}.audit-page-heading h1{font-size:19px}.audit-page-heading p{display:none}}
.audit-workspace,.audit-dialog{--audit-accent:var(--brand,#2936a3);--audit-accent-text:var(--brand-text,#2936a3);--audit-accent-text-text:var(--brand-text,#2936a3);--audit-tint:color-mix(in srgb,var(--audit-accent) 6%,white);font-family:inherit;color:var(--text-neutral-strong2);font-size:14px;line-height:1.5;box-sizing:border-box}
.audit-workspace *,.audit-dialog *{box-sizing:border-box}
.audit-workspace{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:16px;box-shadow:var(--elev-3);overflow:hidden;margin-bottom:100px}
.audit-workspace [hidden]{display:none!important}
.audit-workspace button,.audit-workspace input,.audit-workspace select,.audit-dialog button{font:inherit;letter-spacing:normal}
.audit-workspace button,.audit-dialog button{cursor:pointer}
.audit-workspace button:disabled{opacity:.4;cursor:default}
.audit-source-tabs{display:flex;gap:6px;padding:8px 20px 0;border-bottom:1px solid var(--ds-line);background:var(--ds-surface)}
.audit-source-tabs>button{position:relative;border:0;background:none;color:var(--ink-3);padding:14px 22px;text-align:left;font-size:15px;font-weight:650;border-radius:8px 8px 0 0}
.audit-source-tabs>button span{display:block;margin-top:3px;font-size:12px;font-weight:400;color:var(--ink-3)}
.audit-source-tabs>button[aria-pressed=true]{background:var(--audit-tint);color:var(--audit-accent-text-text)}
.audit-source-tabs>button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:22px;right:22px;height:3px;background:var(--audit-accent);border-radius:3px}
.audit-filters{padding:22px 24px 14px;display:grid;grid-template-columns:170px minmax(160px,1fr) minmax(200px,1.6fr) 140px auto;gap:16px;align-items:end;border-bottom:1px solid var(--ds-line);margin:0}
.audit-filters>label{display:flex;flex-direction:column;gap:7px;font-weight:550;font-size:13px;color:var(--ink-4);min-width:0}
.audit-filters input:not([type=checkbox]),.audit-filters select{width:100%;min-width:0;min-height:42px;height:42px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:8px;padding:9px 11px;color:var(--text-neutral-strong2);font-size:14px;box-shadow:none;font-weight:400}
.audit-filters input::placeholder{color:var(--ink-3);font-size:13px}
.audit-filter-actions{display:flex;gap:8px}
.audit-workspace button:not([data-al-source]):not(.audit-detail-link),.audit-dialog button{border:1px solid var(--ds-line);border-radius:8px;background:var(--ds-surface);min-height:38px;padding:7px 14px;color:var(--text-neutral-base4);font-size:13px;font-weight:550;white-space:nowrap}
.audit-workspace .audit-filter-actions button{height:42px}
.audit-workspace button.audit-primary{background:var(--audit-accent)!important;border-color:var(--audit-accent-text-text)!important;color:white!important}
.audit-filter-options{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-width:0;color:var(--ink-3);font-size:12px}
.audit-filter-options>span{margin-right:auto}
.audit-filter-options>label{display:flex;align-items:center;gap:7px;color:var(--ink-4);font-size:13px}
.audit-filter-options input[type=checkbox]{width:16px;height:16px;accent-color:var(--audit-accent-text-text)}
.audit-filter-options button{min-height:30px!important;padding:3px 10px!important}
.audit-result-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:16px;font-size:13px;color:var(--ink-3)}
.audit-result-bar b{font-size:19px;font-weight:700;color:var(--text-neutral-strong2);margin:0 3px}
.audit-result-bar label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.audit-result-bar select{border:1px solid var(--ds-line);border-radius:6px;padding:5px 8px;font-size:13px;color:var(--ink-4);background:var(--ds-surface)}
.audit-table-scroll{overflow:auto}
.audit-workspace .audit-table{table-layout:fixed;width:100%;border-collapse:collapse;min-width:850px;margin:0}
.audit-workspace .audit-table th{font-size:12px;font-weight:600;text-align:left;background:var(--ds-surface-muted);color:var(--ink-3);padding:12px 18px;border-block:1px solid #e7ebf1;white-space:nowrap}
.audit-table th:nth-child(1){width:178px}.audit-table th:nth-child(2){width:21%}.audit-table th:nth-child(3){width:24%}.audit-table th:nth-child(5){width:118px}.audit-table th:nth-child(6){width:80px}
.audit-workspace .audit-table td{font-size:14px;padding:16px 18px;border-bottom:1px solid #edf1f4;background:transparent;color:var(--text-neutral-base3);vertical-align:middle;overflow-wrap:anywhere}
.audit-table tbody tr[data-al-row]{cursor:pointer;transition:background .12s}
.audit-table tbody tr[data-al-row]:hover,.audit-table tbody tr:focus-within{background:var(--ds-surface-muted)}
.audit-table td strong{display:block;font-size:14px;font-weight:550;color:var(--text-neutral-strong2)}
.audit-table td small{display:block;font-size:12px;color:var(--ink-3);margin-top:4px}
.audit-table time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-neutral-soft5);white-space:nowrap}
.audit-object{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px}
.audit-result{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:5px;font-size:12px;white-space:nowrap;font-weight:550}
.audit-result:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.audit-result.is-success{color:var(--text-green-base);background:#ebf7f1}.audit-result.is-failed{color:var(--text-red-strong2);background:#fff0f0}.audit-result.is-unknown{color:var(--ink-3);background:var(--ds-surface-muted)}
.audit-detail-link{border:0;background:none;color:var(--audit-accent-text-text);font-size:13px;padding:8px 0;min-height:36px;white-space:nowrap}
.audit-detail-link span{margin-left:5px}
.audit-table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:14px;color:var(--ink-3);font-size:12px}
.audit-pager{display:flex;align-items:center;gap:8px}
.audit-pager>span{margin-right:8px}
.audit-pager button{padding:5px 10px!important;min-height:32px!important}
.audit-source-caption{margin:0!important;padding:12px 24px!important;background:var(--ds-surface);border-top:1px solid #edf1f4;font-size:12px!important;color:var(--ink-3)!important;line-height:1.6!important}
.audit-empty{text-align:center;padding:48px 20px}.audit-empty b{display:block;font-size:16px;color:var(--text-neutral-base4)}.audit-empty p{font-size:13px;margin:10px 0;color:var(--ink-3)}
.audit-load-status:empty{display:none}.audit-load-status{padding:16px 24px;font-size:13px;display:flex;align-items:center;gap:12px}
.audit-load-status.is-loading{color:var(--audit-accent-text-text);background:var(--audit-tint)}
.audit-load-status.is-loading:before{content:"";width:15px;height:15px;border:2px solid var(--ds-line);border-right-color:var(--audit-accent-text-text);border-radius:50%;animation:audit-spin .8s linear infinite}
.audit-load-status.is-error{margin:20px 24px;border:1px solid #ecc9c9;border-radius:10px;background:var(--ds-surface);color:var(--text-red-strong1);justify-content:space-between}
.audit-load-status.is-error b{font-size:15px}.audit-load-status.is-error p{margin:5px 0;font-size:13px}
[data-al-results][aria-busy=true]{opacity:.38;pointer-events:none}
.audit-workspace :focus-visible,.audit-dialog :focus-visible{outline:2px solid var(--audit-accent);outline-offset:3px}
.audit-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.audit-dialog{position:fixed;inset:0;margin:auto;width:min(740px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--ds-line);border-radius:16px;background:var(--ds-surface);box-shadow:0 24px 80px rgba(22, 45, 74, 0.2);overflow:hidden}
.audit-dialog[open]{display:flex;flex-direction:column}
.audit-dialog::backdrop{background:rgba(22, 40, 60, 0.4);backdrop-filter:blur(3px)}
.audit-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #edf1f4;gap:20px}
.audit-dialog-head span{font-size:12px;color:var(--audit-accent-text-text)}.audit-dialog-head h2{margin:4px 0 0;font-size:20px;font-weight:650;color:var(--text-neutral-strong2)}
.audit-dialog-head button{font-size:24px!important;line-height:1;min-width:38px;padding:5px!important}
.audit-dialog-body{padding:22px 26px;overflow:auto;overscroll-behavior:contain;min-height:0}
.audit-detail-summary{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:13px}
.audit-detail-note{font-size:13px!important;background:var(--ds-surface-muted);padding:12px 14px;border-radius:8px;color:var(--text-neutral-soft5);line-height:1.7!important;margin:16px 0!important}
.audit-detail-fields,.audit-technical dl{margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.audit-detail-fields>div{padding:12px 0;border-bottom:1px solid #edf1f4;min-width:0}
.audit-dialog dt{font-size:12px;color:var(--ink-3);margin-bottom:5px}.audit-dialog dd{margin:0;font-size:14px;color:var(--text-neutral-strong2);overflow-wrap:anywhere;white-space:pre-wrap}
.audit-technical{margin-top:24px;border:1px solid var(--ds-line);border-radius:9px;padding:12px 14px;font-size:13px;color:var(--ink-3)}
.audit-technical summary{cursor:pointer}.audit-technical dl{grid-template-columns:1fr;gap:14px}.audit-technical dd{font-family:ui-monospace,monospace;font-size:12px}
.audit-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--ds-surface);border-top:1px solid var(--ds-line);padding:16px 26px;font-size:12px;color:var(--ink-3)}
@keyframes audit-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.audit-filters{grid-template-columns:1fr 1fr 1fr;gap:14px}.audit-filter-actions{grid-column:span 2;justify-content:flex-end}.audit-filter-options{flex-wrap:wrap}.audit-filter-options>span{flex:1 1 100%}.audit-filter-options>label{margin-right:auto}}
@media(max-width:900px){.audit-workspace{border-radius:12px}.audit-source-tabs{padding:6px 8px 0;gap:0}.audit-source-tabs>button{padding:13px 14px;flex:1;font-size:14px}.audit-source-tabs>button span{font-size:11px}.audit-filters{padding:16px;grid-template-columns:1fr 1fr;gap:12px}.audit-keyword{grid-column:1/-1}.audit-filter-actions{grid-column:1/-1}.audit-result-bar{padding:14px 16px;align-items:flex-start;font-size:12px}.audit-result-bar>div>span{display:block;margin-top:4px}.audit-workspace .audit-table{min-width:0;display:block}.audit-table thead{display:none}.audit-table tbody{display:block}.audit-table tr[data-al-row]{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px;border-top:1px solid #edf1f4}.audit-workspace .audit-table tr[data-al-row]>td{padding:0;border:0;display:block}.audit-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:var(--ink-3);margin-bottom:5px}.audit-table td:last-child{text-align:right;align-self:end}.audit-table-footer{padding:14px 16px;flex-direction:column;align-items:stretch}.audit-pager{justify-content:space-between;gap:5px}.audit-pager>span{margin:0}.audit-pager button{padding:5px 8px!important}.audit-source-caption{padding:12px 16px!important}.audit-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.audit-dialog-head,.audit-dialog-body,.audit-dialog-footer{padding:16px}.audit-detail-fields{grid-template-columns:1fr}.audit-load-status.is-error{margin:16px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.audit-load-status.is-loading:before{animation:none}.audit-table tbody tr{transition:none}}