/* The report is its own surface; desktop guidance sits outside that surface and its scroll. */
#audit-dialog.audit-shell-v2{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.audit-report-card{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;max-height:100%;overflow:hidden;background:#fff;border:1px solid #dce3d5;border-radius:18px;box-shadow:0 10px 40px #173c2c0c}
#audit-dialog.audit-shell-v2[open]{align-items:stretch}
.shared-report-layout{min-width:0}
.audit-outside{color:#173c2c;font-family:inherit}
#audit-dialog:not([data-state=result])>.audit-outside{display:none}
@media(min-width:1200px){
 #audit-dialog.audit-shell-v2[data-state=result].has-outside-rails{display:grid;grid-template-columns:160px minmax(0,1fr) 180px;gap:20px;width:min(1800px,calc(100% - 32px));overflow:visible}
 #audit-dialog.has-outside-rails .audit-report-card{grid-column:2;grid-row:1;height:100%}
 .shared-report-layout.has-outside-rails{display:grid;grid-template-columns:150px minmax(0,1fr) 170px;gap:20px;align-items:start}
 .shared-report-layout.has-outside-rails #shared-report{grid-column:2;grid-row:1;min-width:0}
 .audit-outside.journey-report-stages{grid-column:1;grid-row:1}
 .audit-outside.journey-report-explore{grid-column:3;grid-row:1}
 .audit-outside.journey-report-stages,.audit-outside.journey-report-explore{align-self:start;margin:0;padding:18px 12px;border:0;border-radius:14px;background:rgb(250 252 246 / .97);max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbfe63 transparent}
 .audit-outside.journey-report-stages ol{grid-template-columns:1fr;gap:23px}
 .audit-outside.journey-report-explore{grid-template-columns:1fr;gap:22px}
 .shared-report-layout .audit-outside{position:sticky;top:100px;max-height:calc(100dvh - 120px);background:#f8faf4}
}
@media(max-width:760px){
 #audit-dialog.audit-shell-v2{width:calc(100% - 12px)}
 .audit-report-card{border-radius:14px}
 #audit-dialog.audit-shell-v2 .report-toolbar{flex-wrap:nowrap;gap:6px;min-height:52px;padding:7px 9px}
 #audit-dialog.audit-shell-v2 .report-heading{flex:1 1 auto;min-width:0;margin:0}
 #audit-dialog.audit-shell-v2 .report-heading h2{font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #audit-dialog.audit-shell-v2 #result-url{display:none}
 #audit-dialog.audit-shell-v2 .report-actions{flex:none;flex-wrap:nowrap;align-items:center;gap:5px;margin:0}
 #audit-dialog.audit-shell-v2 #share-button,#audit-dialog.audit-shell-v2 #audit-new{font-size:10px;line-height:1.4;min-height:36px;padding:8px 9px;white-space:nowrap}
 #audit-dialog.audit-shell-v2 #audit-close{flex:none;min-width:30px;min-height:36px;padding:5px;border-radius:8px}
 #audit-dialog.audit-shell-v2 #audit-close .audit-close-label{display:none}
 #audit-dialog.audit-shell-v2 #audit-close span[aria-hidden]{font-size:20px}
}
