#visual-audit .audit-dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}#visual-audit .audit-dashboard-header p{color:var(--va-muted);margin-top:6px}#visual-audit .audit-dashboard-header button,#visual-audit .audit-dashboard-card button{background:#243d4a;color:#9cecef;border:1px solid var(--va-line);border-radius:8px;padding:9px 12px;font-size:12px}#visual-audit .audit-dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}#visual-audit .audit-dashboard-card{background:var(--va-panel);border:1px solid var(--va-line);border-radius:14px;padding:16px;min-width:0}#visual-audit .audit-dashboard-card h3{margin-bottom:12px;font-size:14px}#visual-audit .audit-dashboard-card p{font-size:12px;color:var(--va-muted);margin:6px 0;overflow-wrap:anywhere}#visual-audit .audit-dashboard-card small{font-size:11px;display:block}#visual-audit .audit-dashboard-score{display:flex;gap:14px;align-items:center}#visual-audit .audit-dashboard-ring{width:96px;height:96px;flex:none;border-radius:50%;padding:9px;background:conic-gradient(var(--va-cyan) calc(var(--value)*1%),var(--va-line) 0)}#visual-audit .audit-dashboard-ring>div{height:100%;border-radius:50%;background:var(--va-panel);display:grid;align-content:center;text-align:center}#visual-audit .audit-dashboard-ring strong{font-size:24px}#visual-audit .audit-dashboard-ring small{font-size:10px}#visual-audit .audit-dashboard-workspace{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;margin-bottom:14px}#visual-audit .audit-dashboard-barrow{display:grid;grid-template-columns:56px 1fr 45px;gap:8px;align-items:center;font-size:12px;margin:17px 0}#visual-audit .audit-dashboard-track{height:13px;border-radius:5px;background:var(--va-line);overflow:hidden}#visual-audit .audit-dashboard-track span{height:100%;display:block;background:var(--va-cyan)}#visual-audit .audit-dashboard-card select{display:block;width:100%;background:var(--va-bg);color:var(--va-ink);border:1px solid var(--va-line);border-radius:8px;padding:9px;font:inherit;font-size:12px;margin:7px 0 14px}#visual-audit .audit-dashboard-label{font-size:10px;color:var(--va-muted);margin:12px 0 6px}#visual-audit .audit-dashboard-evidence,#visual-audit .audit-dashboard-draft{background:var(--va-bg);padding:12px;border-radius:8px;font-size:13px;overflow-wrap:anywhere}#visual-audit .audit-dashboard-draft{background:#173d3b;border-left:3px solid var(--va-green)}#visual-audit .audit-dashboard-help{margin-top:12px!important}#visual-audit .audit-dashboard-question{border-top:1px solid var(--va-line);padding:10px 0;font-size:12px}#visual-audit .audit-dashboard-question details{margin-top:6px}#visual-audit .audit-dashboard-arrow{color:var(--va-cyan);padding:5px 0}#visual-audit .audit-dashboard-footer{font-size:11px;color:var(--va-muted);margin-top:14px}#visual-audit .audit-dashboard-all{margin-top:16px}#visual-audit .audit-dashboard-table-wrap{overflow-x:auto}#visual-audit table{width:100%;border-collapse:collapse;font-size:12px}#visual-audit th,#visual-audit td{text-align:left;padding:10px;border-bottom:1px solid var(--va-line);overflow-wrap:anywhere}#visual-audit td:last-child{max-width:500px}@media(max-width:1000px){#visual-audit .audit-dashboard-cards{grid-template-columns:1fr}#visual-audit .audit-dashboard-workspace{grid-template-columns:1fr}}@media(max-width:430px){#visual-audit .audit-dashboard-header{flex-wrap:wrap}}
#visual-audit .audit-dashboard-card input{display:block;width:100%;margin:8px 0;padding:9px;border:1px solid var(--va-line);border-radius:8px;background:var(--va-bg);color:var(--va-ink);font:inherit}#visual-audit pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#visual-audit .audit-dashboard-question svg{max-width:100%}
#audit-dashboard-library{background:#172438;color:#edf5ff;border:1px solid #33445d;border-radius:14px;max-width:700px;width:90%;max-height:80vh}#audit-dashboard-library::backdrop{background:#0009}#audit-dashboard-library button{background:#243d4a;color:#9cecef;border:1px solid #33445d;border-radius:7px;padding:9px;cursor:pointer}.audit-dashboard-library-row{padding:12px 0;border-top:1px solid #33445d;overflow-wrap:anywhere}

#visual-audit .audit-dashboard-source a{color:var(--va-cyan);text-decoration:underline;font-weight:650}#visual-audit .audit-dashboard-source small{margin-top:5px;overflow-wrap:anywhere}

#visual-audit .audit-dashboard-card:has(#audit-dashboard-finding)>h3{font-size:clamp(24px,2.2vw,28px);line-height:1.25;margin-bottom:8px}#visual-audit .audit-dashboard-findings-intro{font-size:15px;margin-bottom:18px;color:var(--va-muted)}

#visual-audit .audit-dashboard-findings-count{color:#b42332;font-weight:800}

#visual-audit .audit-dashboard-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#visual-audit .audit-dashboard-filter-tabs button{cursor:pointer;min-width:54px;font:inherit;padding:9px 14px}#visual-audit .audit-dashboard-filter-tabs button[aria-selected="true"]{background:var(--va-cyan);color:#0c2030;border-color:var(--va-cyan);font-weight:700}#visual-audit .audit-dashboard-card-filter{display:inline-block;margin-top:16px;color:var(--va-cyan);font-size:13px;font-weight:650;text-decoration:underline}#visual-audit .audit-dashboard-card-filter[aria-current="true"]{color:var(--va-green)}#visual-audit .audit-dashboard-filter-tabs button:focus-visible,#visual-audit .audit-dashboard-card-filter:focus-visible{outline:3px solid #b79bff;outline-offset:3px}#visual-audit #audit-dashboard-findings{scroll-margin-top:20px}

@media(max-width:600px){
 #visual-audit .audit-dashboard-header{align-items:flex-start;flex-direction:column}
 #visual-audit .audit-dashboard-header>div{min-width:0;max-width:100%}
 #visual-audit h2{overflow-wrap:anywhere}
 #visual-audit .audit-dashboard-filter-tabs button,#visual-audit .audit-dashboard-header button{min-height:44px}
 #visual-audit .audit-dashboard-card-filter{min-height:44px;display:inline-flex;align-items:center}
 #visual-audit .audit-dashboard-table-wrap{max-width:100%}
 #visual-audit table{min-width:0;width:100%;table-layout:fixed}
 #visual-audit th,#visual-audit td{padding:8px 6px;overflow-wrap:anywhere}
 #visual-audit th:first-child,#visual-audit td:first-child{width:20%;white-space:nowrap;font-size:11px}
 #visual-audit th:nth-child(2){width:30%}
 #visual-audit th:last-child{width:50%}
}

/* Approved local design: purple gradient, black cards, gold controls. */
body:has(#visual-audit){background:linear-gradient(135deg,#27113e,#472369 55%,#311446);background-attachment:fixed}
body:has(#visual-audit) .audit-welcome h1,body:has(#visual-audit) #audit-title{color:#ffffff!important}
body:has(#visual-audit) .audit-welcome p{color:#f1f5f9!important}
body:has(#visual-audit) .audit-welcome .overline{color:#c4b5fd!important}
#visual-audit{--va-bg:#21112f;--va-panel:#000;--va-line:#493950;--va-ink:#fff;--va-muted:#e5ddec;--va-cyan:#ffd35a;--va-green:#97e1ab;background:transparent;padding:18px 0;color:#fff}
#visual-audit .audit-dashboard-card{background:#000;border-color:#493950;padding:22px}
#visual-audit .audit-dashboard-cards:first-of-type .audit-dashboard-card h3{font-size:20px;text-align:center}
#visual-audit .audit-dashboard-cards .audit-dashboard-card:has(.audit-dashboard-ring){text-align:center}
#visual-audit .audit-dashboard-card:has(.audit-dashboard-ring) h3{text-align:center;font-size:20px}
#visual-audit .audit-dashboard-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;justify-items:center;margin:20px 0}
#visual-audit .audit-dashboard-ring{width:clamp(130px,13vw,200px);height:clamp(130px,13vw,200px);padding:13px;background:conic-gradient(#ffd35a calc(var(--value)*1%),#493950 0)}
#visual-audit .audit-dashboard-ring>div{background:#fbf8ff;color:#4c2379}
#visual-audit .audit-dashboard-ring strong{font-size:clamp(32px,3vw,48px)}
#visual-audit .audit-dashboard-ring small{color:#4c2379;font-size:12px}
#visual-audit .audit-dashboard-support{text-align:center}#visual-audit .audit-dashboard-support strong{font-size:23px}#visual-audit .audit-dashboard-support p{font-size:14px;line-height:1.4}
#visual-audit .audit-dashboard-card button,#visual-audit .audit-dashboard-header button,#visual-audit .audit-dashboard-card-filter{background:linear-gradient(#ffe088,#f5bf37);color:#35164f;border:1px solid #f5cb57;border-radius:10px;padding:11px 18px;font-size:14px;min-height:44px;text-decoration:none;font-weight:700;cursor:pointer}
#visual-audit .audit-dashboard-card button:disabled{opacity:.55;cursor:default}
#visual-audit .audit-dashboard-filter-tabs button[aria-selected=true]{background:#7b43b4;color:#fff;border-color:#b884e8}
#visual-audit .audit-dashboard-card-filter[aria-current=true]{color:#35164f;outline:2px solid white}
#visual-audit .audit-dashboard-card p{font-size:14px}#visual-audit .audit-dashboard-draft{background:#31203d;border-left-color:#ffd35a}#visual-audit .audit-dashboard-findings-count{color:#ff556a}
.audit-tools-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.audit-tools-controls select{max-width:170px}.audit-tools-performance{border-top:1px solid #493950;padding-top:24px;margin-top:24px}#visual-audit #audit-dashboard-export~button{margin:8px 8px 0 0}
@media(max-width:1000px){#visual-audit .audit-dashboard-ring{width:210px;height:210px}#visual-audit .audit-dashboard-ring strong{font-size:48px}}
@media(max-width:500px){#visual-audit .audit-dashboard-card{padding:16px}#visual-audit .audit-dashboard-ring{width:150px;height:150px;padding:10px}#visual-audit .audit-dashboard-ring strong{font-size:34px}#visual-audit .audit-dashboard-support strong{font-size:18px}#visual-audit .audit-dashboard-support p{font-size:12px}#visual-audit .audit-dashboard-score{gap:6px}}

.browser-workspace:has(#visual-audit) .workspace,.browser-workspace:has(#visual-audit) [data-work-view="result"]{background:transparent}.browser-workspace:has(#visual-audit) .results-heading{color:#fff}

/* Approved release colours: translucent lavender cards, green rings, purple buttons. */
#visual-audit{--va-panel:rgba(233,223,248,.82);--va-line:#c4a1ff;--va-ink:#311446;--va-muted:#4d326b;--va-cyan:#39d98a;--va-green:#39d98a}
#visual-audit .audit-dashboard-card{background:var(--va-panel);color:#311446;border:2px solid #c4a1ff;backdrop-filter:blur(14px);box-shadow:0 0 18px rgba(196,161,255,.5),0 12px 32px #15092055}
#visual-audit .audit-dashboard-card h3,#visual-audit .audit-dashboard-support strong{color:#311446}
#visual-audit .audit-dashboard-ring{background:conic-gradient(#39d98a calc(var(--value)*1%),#8d70ac55 0)}
#visual-audit .audit-dashboard-card button,#visual-audit .audit-dashboard-header button,#visual-audit .audit-dashboard-card-filter{background:#472369;border-color:#472369;color:#fff;box-shadow:0 3px 8px #27113e22}
#visual-audit .audit-dashboard-filter-tabs button[aria-selected=true]{background:#472369;color:#fff;border-color:#c4a1ff;outline:2px solid #c4a1ff;outline-offset:2px}
#visual-audit .audit-dashboard-card-filter[aria-current=true]{color:#fff;outline:2px solid #c4a1ff}
#visual-audit .audit-dashboard-card select,#visual-audit .audit-dashboard-card input,#visual-audit .audit-dashboard-evidence,#visual-audit .audit-dashboard-draft{color:#fff}
#visual-audit .audit-dashboard-draft{border-left-color:#39d98a}
#visual-audit .audit-dashboard-source a{color:#472369}
#visual-audit .audit-dashboard-findings-count{color:#b42332}
#visual-audit .audit-dashboard-header p,#visual-audit .audit-dashboard-footer{color:#e5ddec}
#audit-dashboard-library{background:#472369;border:2px solid #c4a1ff}
#audit-dashboard-library button{background:#472369;color:#fff;border-color:#c4a1ff}
/* Softer purple panels with white text, as requested. */
#visual-audit{--va-panel:rgba(131,103,166,.94);--va-ink:#fff;--va-muted:#f2eafa}
#visual-audit .audit-dashboard-card{background:var(--va-panel);color:#fff}
#visual-audit .audit-dashboard-card h3,#visual-audit .audit-dashboard-support strong{color:#fff}
#visual-audit .audit-dashboard-source a{color:#fff}
#visual-audit .audit-dashboard-findings-count{color:#ffb1ba}
/* Keep detail panels at their natural height; group performance results. */
#visual-audit .audit-dashboard-workspace{align-items:start}
#visual-audit .audit-tools-performance{padding-top:18px;margin-top:18px}
#visual-audit #audit-tools-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
#visual-audit .audit-performance-result{border:1px solid rgba(196,161,255,.65);background:rgba(71,35,105,.35);border-radius:12px;padding:16px;min-width:0}
#visual-audit .audit-performance-result h4{font-size:15px;margin:0 0 10px;color:#fff}
#visual-audit .audit-performance-score{display:block;color:#8af0b4;font-size:30px;line-height:1.2}
#visual-audit .audit-performance-score small{display:inline;color:#fff;font-size:13px;font-weight:400}
#visual-audit .audit-performance-result dl{margin:14px 0 0;display:grid;gap:8px}
#visual-audit .audit-performance-result dl>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
#visual-audit .audit-performance-result dt{color:#f2eafa;font-size:12px}
#visual-audit .audit-performance-result dd{margin:0;font-size:13px;font-weight:600;color:#fff}
@media(max-width:480px){#visual-audit #audit-tools-output{grid-template-columns:1fr}}

/* Compact export card with consistent action sizes and spacing. */
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export){align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px}
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>h3{order:0;margin:0;font-size:17px}
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>p{order:1;margin:0 0 4px;font-size:14px;line-height:1.5}
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>button{order:2;width:260px;max-width:100%;min-height:46px;margin:0;padding:12px 16px;text-align:left;font-size:14px;line-height:1.4;border:1px solid rgba(196,161,255,.55)}
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>small{order:3;margin-top:3px;font-size:12px;line-height:1.5;max-width:32ch}
/* Approved charcoal dashboard: refined instruments and a single finding selector. */
#visual-audit{--va-panel:#343639;--va-bg:#25272b;--va-line:#747780;--va-muted:#d5d7dd;--va-ink:#fff;--va-green:#49de9b;--va-cyan:#bba4ee;background:transparent;font-size:16px;padding:0;color:#fff}
#visual-audit .audit-dashboard-card{background:linear-gradient(145deg,#414347 0%,#343639 36%,#2b2d31 100%);border:1px solid #868892;box-shadow:inset 0 1px 0 #ffffff22,0 8px 22px #0004;border-radius:18px;padding:24px;color:#fff;min-width:0}
#visual-audit .audit-dashboard-card h3{font-size:21px;color:#fff;margin:0 0 18px}#visual-audit .audit-dashboard-card h4{font-size:17px;color:#fff;margin:20px 0 10px}
#visual-audit .audit-dashboard-card p{font-size:16px;line-height:1.55;color:#edf0f5;margin:10px 0}#visual-audit .audit-dashboard-card small{font-size:13px;color:#d5d7dd}
#visual-audit .audit-dashboard-cards{gap:18px;margin-bottom:18px}#visual-audit .audit-dashboard-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
#visual-audit .audit-dashboard-score{display:grid;grid-template-columns:minmax(0,.7fr) minmax(140px,1.65fr) minmax(0,.7fr);align-items:center;gap:6px;margin:8px 0 14px}
#visual-audit .audit-dashboard-score .audit-dashboard-support{min-width:0;text-align:center}#visual-audit .audit-dashboard-support strong{font-size:21px;line-height:1.35;display:block}#visual-audit .audit-dashboard-support p{font-size:13px}
#visual-audit .precision-dial{width:100%;max-width:285px;height:auto;display:block;margin:auto;overflow:visible}#visual-audit .dial-score{font-size:34px;font-weight:750;fill:#fff}#visual-audit .dial-tick-label{fill:#edf0f6;font:11px 'Segoe UI',sans-serif}#visual-audit .dial-needle{filter:drop-shadow(0 0 2px #ffffff66)}
#visual-audit .audit-dashboard-card button,#visual-audit .audit-dashboard-header button,#visual-audit .audit-dashboard-card-filter{background:linear-gradient(#583482,#3b225c);color:#fff;border:1px solid #9571be;border-radius:10px;font-size:15px;padding:11px 16px;min-height:44px;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff10}
#visual-audit .audit-dashboard-card-filter{display:inline-flex;align-items:center;margin:12px auto 0;max-width:100%}#visual-audit .audit-dashboard-cards>.audit-dashboard-card:has(.score-dial){text-align:center}
#visual-audit .audit-dashboard-filter-tabs{display:flex;gap:8px;margin:4px 0 12px;flex-wrap:wrap}#visual-audit .audit-dashboard-filter-tabs button[aria-selected=true],#visual-audit .finding-status-buttons button[aria-pressed=true]{background:linear-gradient(#77529d,#583b7b);color:#fff;border-color:#d4b9ff;outline:2px solid #b899e7;outline-offset:2px}
#visual-audit .finding-status-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}#visual-audit .finding-status-buttons button{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
#visual-audit .status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none;background:#ffd05a;box-shadow:0 0 7px #0003}#visual-audit .status-dot.critical{background:#ff6175}#visual-audit .status-dot.solved{background:#49de9b}
#visual-audit .audit-dashboard-card select,#visual-audit .audit-dashboard-card input{background:linear-gradient(#303237,#25272b);color:#fff;border:1px solid #91939c;border-radius:10px;font-size:15px;padding:12px;min-height:46px;margin:8px 0 12px;color-scheme:dark}
#visual-audit #audit-dashboard-findings-panel>label{display:none}#visual-audit #finding-select-help{font-size:14px;color:#d5d7dd;margin:8px 0 20px}
#visual-audit #audit-dashboard-detail:empty{display:none}#visual-audit #audit-dashboard-detail:not(:empty){border-top:1px solid #797b83;padding-top:10px}
#visual-audit .audit-dashboard-evidence,#visual-audit .audit-dashboard-draft{background:#26282d;color:#fff;font-size:16px;line-height:1.55;border:1px solid #646770;border-radius:10px;padding:15px;margin:12px 0;border-left-width:1px}
#visual-audit .finding-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}#visual-audit .finding-actions .finding-solved{background:linear-gradient(#27774f,#205c41);border-color:#62d196;color:#fff}#visual-audit .finding-actions .finding-delete{background:linear-gradient(#a53b50,#7e293b);border-color:#ee788b;color:#fff}
#visual-audit .audit-tools-performance{padding-top:0;margin:0;border:0}#visual-audit #audit-tools-output{display:block;margin-top:22px}
#visual-audit .performance-dials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#visual-audit .performance-device{background:linear-gradient(#3b3d42,#292b2f);border:1px solid #747780;border-radius:12px;padding:12px;min-width:0}#visual-audit .performance-device h4{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin:0 0 8px;flex-wrap:wrap}#visual-audit .performance-device h4 span{font-size:23px;white-space:nowrap}#visual-audit .performance-device h4 small{font-size:13px;display:inline;color:#d5d7dd}
#visual-audit .google-section,#visual-audit .google-audit{border:1px solid #747780;border-radius:10px;margin:12px 0;background:#303237;overflow:hidden}#visual-audit .google-section>summary,#visual-audit .google-audit>summary{cursor:pointer;padding:13px 14px;font-size:16px;line-height:1.4;color:#fff}#visual-audit .google-section[open]{padding:0 12px 12px}#visual-audit .google-section[open]>summary{margin:0 -12px 12px;border-bottom:1px solid #747780}
#visual-audit .google-data{margin:10px 0;font-size:14px;line-height:1.5}#visual-audit .google-data>div{padding:8px 0;border-bottom:1px solid #53565f}#visual-audit .google-data dt{font-weight:650;color:#eee}#visual-audit .google-data dd{margin:6px 0 0 12px;overflow-wrap:anywhere}#visual-audit .google-value{margin:8px 0}#visual-audit .google-audit p{padding:0 12px}#visual-audit .google-audit .google-data{padding:0 12px}
#visual-audit .google-table-scroll{overflow:auto;max-width:100%}#visual-audit .google-table-scroll table{table-layout:auto;min-width:100%;font-size:14px}#visual-audit .google-table-scroll th,#visual-audit .google-table-scroll td{padding:11px 8px;border-bottom:1px solid #61646d;color:#fff;white-space:normal}#visual-audit .google-section pre{max-height:480px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#25272b;padding:12px;color:#e5e7ef}
#visual-audit .audit-dashboard-footer{font-size:13px}#visual-audit .audit-dashboard-card>details{font-size:15px}#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>button{font-size:15px}
@media(max-width:1100px){#visual-audit .audit-dashboard-workspace{grid-template-columns:1fr}#visual-audit .audit-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}#visual-audit .audit-dashboard-score{grid-template-columns:1fr}#visual-audit .audit-dashboard-score .audit-dashboard-support{display:none}}
@media(max-width:700px){#visual-audit .audit-dashboard-cards{grid-template-columns:1fr}#visual-audit .audit-dashboard-card{padding:18px}#visual-audit .audit-dashboard-score{grid-template-columns:.7fr 1.65fr .7fr}#visual-audit .audit-dashboard-score .audit-dashboard-support{display:block}#visual-audit .finding-status-buttons button{padding:10px 12px;font-size:14px}#visual-audit .performance-device{padding:8px}#visual-audit .performance-device h4{font-size:15px}#visual-audit .performance-device h4 span{font-size:19px}}
@media print{#visual-audit .precision-dial{max-width:190px}#visual-audit .google-section{break-inside:auto}#visual-audit .google-section pre{max-height:none}#visual-audit details>summary{list-style:none}}
/* Keep the graphics large when three score cards share a row. */
#visual-audit .audit-dashboard-score{grid-template-columns:1fr 1fr;gap:8px}#visual-audit .audit-dashboard-score .score-dial{grid-column:1/-1;grid-row:1;width:220px;max-width:100%}#visual-audit .audit-dashboard-score .audit-dashboard-support{display:block;grid-row:2}#visual-audit .audit-dashboard-score .audit-dashboard-support p{overflow-wrap:normal;word-break:normal;font-size:14px}#visual-audit .audit-dashboard-score .audit-dashboard-support strong{font-size:22px}
/* One compact card for site-name inspection, draft and placement. */
#visual-audit .audit-dashboard-cards{align-items:start}#visual-audit .site-name-card{grid-column:1/-1;max-width:850px;min-height:0;padding:20px}#visual-audit .site-name-card>h3{font-size:20px;margin-bottom:10px}#visual-audit .site-name-card>p,#visual-audit .site-name-card>small{font-size:14px;line-height:1.5;margin:8px 0}#visual-audit #audit-dashboard-schema-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}#visual-audit #audit-dashboard-schema-form label{flex-basis:100%;font-size:14px}#visual-audit #audit-dashboard-schema-name{width:300px;max-width:100%;height:36px;min-height:36px;font-size:14px;padding:7px 10px;margin:0}#visual-audit #audit-dashboard-schema-form button{min-height:36px;font-size:14px;padding:7px 12px}#visual-audit #audit-dashboard-schema-draft:empty{display:none}#visual-audit #audit-dashboard-schema-draft:not(:empty){background:#25272b;border:1px solid #747780;border-radius:8px;padding:12px;font-size:13px;margin:12px 0}#visual-audit #site-name-instructions{font-size:14px;line-height:1.55;max-width:75ch}#visual-audit #site-name-instructions[hidden]{display:none}
/* Uniform card buttons approved by the customer. */
#visual-audit .audit-dashboard-card button,
#visual-audit .audit-dashboard-card .audit-dashboard-card-filter,
#visual-audit .audit-dashboard-card .finding-actions button,
#visual-audit .audit-dashboard-card .audit-dashboard-filter-tabs button,
#visual-audit .audit-dashboard-card .finding-status-buttons button{background:linear-gradient(145deg,#303236,#202226);color:#fff;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);}
#visual-audit .audit-dashboard-card button:hover,
#visual-audit .audit-dashboard-card .audit-dashboard-card-filter:hover{background:#3c3f44;color:#fff;border-color:#fff;}
#visual-audit .audit-dashboard-card .audit-dashboard-filter-tabs button[aria-selected="true"],
#visual-audit .audit-dashboard-card .finding-status-buttons button[aria-pressed="true"]{background:#383b40;color:#fff;border-color:#fff;outline:1px solid #fff;outline-offset:2px;}
#visual-audit .audit-dashboard-card button:focus-visible,
#visual-audit .audit-dashboard-card .audit-dashboard-card-filter:focus-visible{outline:2px solid #fff;outline-offset:3px;}
/* Card buttons keep their white frame, including export controls. */
#visual-audit .audit-dashboard-card :is(button,.audit-dashboard-card-filter){background:linear-gradient(145deg,#303236,#202226)!important;color:#fff!important;border:1px solid #fff!important;}
#visual-audit .audit-dashboard-card :is(button,.audit-dashboard-card-filter):hover{background:#3c3f44!important;}
#visual-audit .audit-dashboard-card .audit-dashboard-filter-tabs button[aria-selected="true"],#visual-audit .audit-dashboard-card .finding-status-buttons button[aria-pressed="true"]{background:#383b40!important;outline:1px solid #fff;outline-offset:2px;}
/* Buttons directly on the purple results background. */
#visual-audit .audit-dashboard-header button,
#results .results-heading button,
#results>#save-pdf{background:linear-gradient(145deg,#674887,#593774);color:#fff;border:1px solid #9c80b6;box-shadow:inset 0 1px 0 #ffffff14;}
#visual-audit .audit-dashboard-header button:hover,
#results .results-heading button:hover,
#results>#save-pdf:hover{background:#725294;color:#fff;}
/* Consistent typography across every dashboard card. */
#visual-audit .audit-dashboard-card>h3,
#visual-audit .audit-dashboard-card:has(#audit-dashboard-finding)>h3,
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>h3,
#visual-audit .site-name-card>h3{font-size:22px;line-height:1.3;font-weight:700;}
#visual-audit .audit-dashboard-card p,
#visual-audit .audit-dashboard-card label,
#visual-audit .audit-dashboard-card button,
#visual-audit .audit-dashboard-card select,
#visual-audit .audit-dashboard-card input,
#visual-audit .audit-dashboard-card summary,
#visual-audit .audit-dashboard-card small,
#visual-audit .audit-dashboard-card .audit-dashboard-card-filter,
#visual-audit .audit-dashboard-card .audit-dashboard-evidence,
#visual-audit .audit-dashboard-card .audit-dashboard-draft,
#visual-audit .audit-dashboard-card #finding-select-help,
#visual-audit .audit-dashboard-card #site-name-instructions,
#visual-audit .audit-dashboard-card #audit-dashboard-schema-name,
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>button,
#visual-audit .audit-dashboard-card:has(#audit-dashboard-export)>small{font-size:16px;line-height:1.5;}
#visual-audit .audit-dashboard-card h4{font-size:18px;line-height:1.4;}
#visual-audit .audit-dashboard-card table,
#visual-audit .audit-dashboard-card .google-data{font-size:16px;line-height:1.5;}
#visual-audit .performance-device h4 span{font-size:23px;}
#visual-audit .performance-device h4 small{font-size:16px;}
/* Aligned two-column working and supporting rows. */
#visual-audit .audit-dashboard-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
#visual-audit .audit-dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;}
#visual-audit .audit-dashboard-secondary>.audit-dashboard-card{width:100%;max-width:none;margin:0;align-self:stretch;padding:24px;}
#visual-audit .audit-dashboard-secondary>.site-name-card{grid-column:auto;max-width:none;}
#visual-audit .audit-dashboard-secondary>.audit-dashboard-card:has(#audit-dashboard-export){align-self:stretch;padding:24px;}
#visual-audit .audit-dashboard-workspace>.audit-dashboard-card{min-height:440px;}
#visual-audit #audit-dashboard-detail:empty{display:block;min-height:160px;}
@media(max-width:1100px){#visual-audit .audit-dashboard-workspace,#visual-audit .audit-dashboard-secondary{grid-template-columns:1fr;}}
@media(max-width:700px){#visual-audit .audit-dashboard-secondary>.audit-dashboard-card{padding:18px;}#visual-audit .audit-dashboard-workspace>.audit-dashboard-card{min-height:0;}}

/* Match the navigation frame to the approved charcoal cards. */
.browser-workspace .sidebar{background:linear-gradient(145deg,#414347 0%,#343639 36%,#2b2d31 100%);border-right:1px solid #868892;box-shadow:inset 0 1px 0 #ffffff22;}

#visual-audit .premium-locked{opacity:.55}#visual-audit .premium-locked-card{min-height:250px;display:grid;place-items:center;color:#ddd}#premium-upgrade-dialog{max-width:430px;background:#343639;color:white;border:1px solid #aaa;border-radius:16px;padding:24px}#premium-upgrade-dialog::backdrop{background:#0009}.premium-dialog-actions{display:flex;gap:12px;align-items:center}.premium-dialog-actions :is(a,button){background:#25272b;color:white;border:1px solid white;border-radius:8px;padding:10px 16px;text-decoration:none;cursor:pointer}

/* Native dropdown popups cannot use the select's gradient background. */
#visual-audit .audit-dashboard-card select{background-color:#25272b;color:#fff;color-scheme:dark}
#visual-audit .audit-dashboard-card select option{background-color:#25272b;color:#fff}

#visual-audit .finding-state{font-size:16px;line-height:1.5;margin:0 0 16px}.audit-dashboard-cards:has(>.audit-dashboard-card:only-child){grid-template-columns:minmax(0,1fr)}#visual-audit>.audit-dashboard-cards:has(>.audit-dashboard-card:only-child)>.audit-dashboard-card{max-width:420px}

#visual-audit .finding-checked-body{max-height:360px;overflow:auto;margin-top:12px}#visual-audit .finding-checked-row{padding:12px 0;border-top:1px solid #ffffff24;overflow-wrap:anywhere}#visual-audit .finding-checked-row>strong,#visual-audit .finding-checked-row>span{display:block;font-size:16px}#visual-audit .finding-checked-row>p{margin:6px 0;font-size:16px;white-space:pre-wrap}
#visual-audit .finding-checked-results,#visual-audit #finding-checked-results summary,#visual-audit .finding-checked-row>strong,#visual-audit .finding-checked-row>span{color:#fff}