/* Report request window: shared by every page; no report service connected yet. */
.floating-report.report-trigger-open{visibility:hidden}
.report-dialog{position:fixed;inset:auto 43px 39px auto;width:min(980px,calc(100vw - 64px));max-width:none;max-height:none;margin:0;padding:0;border:1px solid #ffffff40;border-radius:24px;background:#111;color:#111;overflow:visible;box-shadow:0 32px 120px #0008;font-family:Inter,Arial,sans-serif;transform-origin:bottom right}
.report-sheet-handle{display:none}
.report-dialog[open]{animation:report-window-open .38s cubic-bezier(.2,.8,.2,1) both}
.report-dialog::backdrop{background:#0007;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.report-dialog.is-closing{animation:report-window-close .18s ease-in both}
.report-dialog-wizard{position:absolute;width:116px;height:auto;right:34px;bottom:calc(100% - 18px);z-index:3;pointer-events:none;filter:drop-shadow(0 8px 10px #0003)}
.report-dialog-shell{display:grid;grid-template-columns:1.08fr 1fr;max-height:calc(100svh - 142px);overflow:auto;border-radius:23px;overscroll-behavior:contain;scrollbar-width:thin;background:#fff}
.report-dialog [hidden]{display:none!important}
.report-dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;padding:0;background:#f3f3f3;color:#111;border:1px solid #ddd;border-radius:8px;z-index:4;cursor:pointer}
.report-dialog-close:hover{background:#e8e8e8}
.report-dialog button,.report-dialog input{font-family:Inter,Arial,sans-serif}
#report-dialog button:focus-visible,#report-dialog input:focus-visible{outline:2px solid #397de8;outline-offset:3px}
.report-dialog h2:focus{outline:none}
.report-example{position:relative;min-width:0;background:#0d0d0d;color:#fff;display:flex;flex-direction:column;height:clamp(560px,calc(100svh - 142px),650px);overflow:hidden}
.report-sample-top{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #ffffff12;font-size:16px;flex-shrink:0}
.report-store-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#272727;color:#eee}
.report-store-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#35bd8f}
.report-scroll-window{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 transparent;mask-image:linear-gradient(transparent,#000 3%,#000 94%,transparent)}
.report-scroll-track{padding:0 24px}

.report-scroll-group{display:grid;gap:16px;padding:20px 0}
.report-preview-page{min-width:0;padding:24px;background:linear-gradient(135deg,#232323,#191919);border:1px solid #ffffff29;border-radius:24px}
.report-preview-page h3{font:400 16px/1.4 Inter,Arial,sans-serif;margin:0;color:#fff}
.report-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.report-metric-grid .report-preview-page{padding:20px}
.report-dial{position:relative;width:min(108px,100%);aspect-ratio:1;height:auto;margin:20px auto 16px}.report-dial svg{width:100%;height:100%;fill:none;stroke:#ffffff1f;stroke-width:4;transform:rotate(-90deg)}
.report-dial .report-score-fill{stroke:#fff;stroke-dasharray:41 100;stroke-linecap:round}
.report-dial strong{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font:400 36px/1 Inter,Arial,sans-serif;letter-spacing:-.04em}.report-dial strong span{font-size:12px;color:#a3a3a3;letter-spacing:0;margin-top:8px}
.report-muted{font:400 12px/1.5 Inter,Arial,sans-serif;color:#a3a3a3;margin:0}.report-health-card>.report-muted{text-align:center}.report-green{color:#35bd8f}
.report-big-number{display:block;font:400 48px/1 Inter,Arial,sans-serif;letter-spacing:-.04em;margin:28px 0 18px}
.report-mini-bars{height:36px;display:flex;gap:6px;align-items:flex-end;margin-bottom:18px}.report-mini-bars i{flex:1;height:var(--bar);background:linear-gradient(#a3a3a3,#404040);border-radius:3px 3px 0 0}.report-mini-bars i:last-child{background:linear-gradient(#e5b55d,#705422)}
.report-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.report-trend-change{font-size:12px;color:#35bd8f;white-space:nowrap}.report-chart-caption{display:flex;gap:16px;align-items:center;margin-bottom:20px}.report-chart-caption strong{font:400 40px/1 Inter,Arial,sans-serif;letter-spacing:-.04em}.report-chart-caption span{font-size:12px;line-height:1.5;color:#a3a3a3}
.report-line-chart{display:block;width:100%;height:auto;overflow:visible}.report-chart-grid{fill:none;stroke:#ffffff0d;stroke-dasharray:3 5}.report-chart-line{fill:none;stroke:#35bd8f;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.report-chart-dots{fill:#35bd8f;stroke:#1b1b1b;stroke-width:2}.report-chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#a3a3a3;margin-top:12px}
.report-priorities{list-style:none;padding:0;margin:0;display:grid;gap:0}.report-priorities li{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #ffffff10;font-size:14px;line-height:1.4}.report-priorities li:last-child{padding-bottom:0}.report-priorities li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff30;border-radius:50%;font-size:11px;color:#ccc;flex-shrink:0}.report-priorities li>div{flex:1}.report-priorities small{display:block;color:#a3a3a3;font-size:12px;margin-top:5px}.report-priorities b{font-weight:400;font-size:10px;color:#e5b55d}.report-priorities li:last-child b{color:#a3a3a3}
.report-benchmark-row{display:grid;grid-template-columns:95px 1fr 24px;align-items:center;gap:10px;margin-top:20px;font-size:12px;color:#a3a3a3}.report-benchmark-row>div{height:8px;border-radius:8px;background:#ffffff0a;overflow:hidden}.report-benchmark-row i{display:block;height:100%;background:#737373;border-radius:8px}.report-benchmark-row:nth-child(2){color:#fff}.report-benchmark-row:nth-child(2) i{background:#fff}.report-benchmark-row strong{font-weight:400;color:#fff;text-align:right}
.report-request{padding:32px 36px 24px;display:flex;align-items:center;min-width:0;background:#fff}
.report-request-content,.report-confirmation{width:100%}
.report-request h2{font:400 48px/1.04 'Awesome Serif',Georgia,serif;letter-spacing:-.025em;margin:0 0 24px;color:#111}
.report-request-form{display:grid;gap:18px}
.report-request-form label{display:grid;gap:10px;font-size:16px;line-height:1.4;color:#111}
.report-request-form input{min-width:0;width:100%;height:50px;padding:12px 14px;border:1px solid #d4d4d4;border-radius:8px;background:#fff;font-size:16px;line-height:1.4;color:#111;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
#report-dialog .report-request-form input:focus{border-color:#397de8;box-shadow:0 0 0 3px #397de81a;outline:none}
.report-request-form input::placeholder{color:#929292}
.report-request-form input[aria-invalid=true]{border-color:#ad2828}
.report-field-error:empty{display:none}.report-field-error{font-size:12px;color:#ad2828}
.report-request-submit{display:flex;align-items:center;justify-content:center;gap:18px;justify-self:end;width:auto;max-width:100%;padding:15px 20px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;font-size:16px;line-height:1.4;cursor:pointer;min-height:52px;margin-top:20px;box-shadow:0 4px 10px #0001}
.report-request-submit:hover{background:#292929}.report-request-submit>span{font-size:20px;line-height:1}
.report-success-mark{width:64px;height:64px;display:grid;place-items:center;background:#e5f6ed;color:#238653;border:1px solid #b9e5cd;border-radius:50%;margin:0 0 28px;animation:report-preview-in .5s ease}
.report-confirmation{text-align:left}
.report-confirmation h2{font-size:40px}
.report-confirmation .report-success-mark{margin-left:0;margin-right:0}
.report-confirmation>p{font-size:16px;line-height:1.6;color:#737373;margin:0 0 24px;overflow-wrap:anywhere}
.report-confirmation-summary{border:1px solid #d4d4d4;border-radius:24px;padding:20px;margin:0;display:grid;gap:8px;overflow-wrap:anywhere}
.report-confirmation-summary span{font-size:12px;color:#737373}.report-confirmation-summary strong{font-size:16px;font-weight:500}

@keyframes report-window-open{from{opacity:0;transform:translateY(24px) scale(.72)}to{opacity:1;transform:none}}
@keyframes report-window-close{to{opacity:0;transform:translateY(24px) scale(.9)}}
@keyframes report-preview-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Mobile: a bottom-anchored sheet, preview first, then the request. */
@keyframes report-sheet-open{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes report-sheet-close{to{transform:translateY(100%)}}
@media(max-width:760px){
 .report-dialog{inset:auto 0 0;width:100%;max-height:calc(100dvh - 16px);border:0;border-radius:24px 24px 0 0;background:#fff;transform-origin:bottom center;box-shadow:0 -16px 64px #0005}
 .report-dialog[open]{animation:report-sheet-open .32s cubic-bezier(.2,.8,.2,1) both}
 .report-dialog.is-closing{animation:report-sheet-close .18s ease-in both}
 .report-sheet-handle{height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:24px 24px 0 0}
 .report-sheet-handle span{width:36px;height:4px;border-radius:4px;background:#d4d4d4}
 .report-dialog-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 56px);border-radius:0;scroll-padding-bottom:24px;padding-bottom:env(safe-area-inset-bottom,0px)}
 .report-dialog-wizard{display:none}
 .report-example{order:0;height:clamp(220px,30svh,280px);flex-shrink:0}
 .report-request{order:1;padding:24px 24px 28px;flex-shrink:0}
 .report-request h2{font-size:38px;margin-bottom:20px}.report-confirmation h2{font-size:36px}.report-request h2 br{display:none}
 .report-dialog-close{right:12px;top:5px;width:30px;height:30px;border:0;background:transparent}
 .report-sample-top{padding:12px 20px;font-size:14px;gap:10px}.report-store-logo{width:28px;height:28px}
 .report-scroll-track{padding:0 16px}.report-scroll-group{padding:12px 0;gap:12px}.report-preview-page{padding:20px}
 .report-metric-grid .report-preview-page{padding:14px}.report-preview-page h3{font-size:14px}
 .report-dial{width:80px;margin:12px auto 8px}.report-dial strong{font-size:28px}
 .report-big-number{font-size:36px;margin:16px 0 12px}.report-mini-bars{height:28px;margin-bottom:10px}
 .report-rival{gap:8px;font-size:13px}.report-rival small{font-size:10px}
 .report-dialog .report-steps{margin-bottom:18px}.report-dialog .report-form-step,.report-request-form{gap:14px}
 .report-request-form label{gap:8px}.report-request-form input{height:46px}
 .report-dialog .report-request-form textarea{height:88px;min-height:88px}
 .report-request-submit{font-size:16px;padding:12px 16px;gap:12px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.report-dialog[open],.report-dialog.is-closing,.report-dialog[open] .report-scroll-track,.report-success-mark{animation:none!important}.report-scroll-window{overflow-y:auto}}
button.floating-report{font-family:Inter,Arial,sans-serif;color:#fff;cursor:pointer}

/* Two-step request, matching the demo form's quiet progress indicator. */
.report-dialog .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.report-steps{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 24px}
.report-steps li{height:3px;flex:1;border-radius:4px;background:#e8e8e8}
.report-steps li.is-active,.report-steps li.is-complete{background:#111}
.report-form-step{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}
.report-request-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:112px;padding:12px 14px;resize:vertical;border:1px solid #d4d4d4;border-radius:8px;background:#fff;color:#111;font:400 16px/1.4 Inter,Arial,sans-serif}
.report-request-form textarea::placeholder{color:#929292}
#report-dialog textarea:focus{border-color:#397de8;box-shadow:0 0 0 3px #397de81a;outline:none}
.report-form-actions{display:grid;gap:12px;margin-top:6px}
.report-form-actions .report-request-submit{width:100%;margin:0}
.report-form-back{justify-self:center;border:0;background:none;color:#737373;font-size:16px;line-height:1.5;cursor:pointer;padding:3px 16px}
.report-form-back:hover{color:#111}
.report-dial strong b{font:inherit}
.report-scroll-window:focus-visible{outline:2px solid #999;outline-offset:-3px}
/* Only chart marks and values animate; the surrounding report stays still. */
.is-chart-animated .report-score-fill{animation:report-ring-in 1s ease-out both}
.is-chart-animated .report-mini-bars i{transform-origin:bottom;animation:report-bar-in 1s cubic-bezier(.2,.7,.3,1) both}
.is-chart-animated .report-mini-bars i:nth-child(2){animation-delay:50ms}
.is-chart-animated .report-mini-bars i:nth-child(3){animation-delay:100ms}
.is-chart-animated .report-mini-bars i:nth-child(4){animation-delay:150ms}
.is-chart-animated .report-mini-bars i:nth-child(5){animation-delay:200ms}
.is-chart-animated .report-mini-bars i:nth-child(6){animation-delay:250ms}
.is-chart-animated .report-chart-line{stroke-dasharray:1;animation:report-line-in 1.3s ease-out both}
.is-chart-animated .report-chart-dots,.is-chart-animated .report-line-chart path[fill]{animation:report-chart-fade 1.3s ease both}
.is-chart-animated .report-benchmark-row i{transform-origin:left;animation:report-benchmark-in 1s ease-out both}
@keyframes report-ring-in{from{stroke-dasharray:0 100}to{stroke-dasharray:41 100}}
@keyframes report-bar-in{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes report-benchmark-in{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@keyframes report-line-in{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes report-chart-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.is-chart-animated *{animation:none!important}}

/* A calm, single dark sheet on phones, with the illustration above the request. */
.report-dialog-close{background:transparent;border:0}
.report-dialog-close:hover{background:rgb(127 127 127 / 12%)}
@media(max-width:760px){
 .report-dialog,.report-sheet-handle,.report-dialog-shell,.report-request{background:#0d0d0d;color:#fff}
 .report-sheet-handle{height:56px}
 .report-sheet-handle span{background:#555}
 .report-dialog-shell{max-height:calc(100dvh - 72px);scroll-padding-block:24px}
 .report-dialog-close{top:6px;right:12px;color:#fff;background:transparent}
 .report-request{order:1;padding:24px 24px 40px}
 .report-request h2{color:#fff;font-size:40px;line-height:1.1;margin-bottom:28px}
 .report-dialog .report-steps{margin-bottom:28px}
 .report-steps li{background:#404040}
 .report-steps li.is-active,.report-steps li.is-complete{background:#fff}
 .report-dialog .report-form-step,.report-request-form{gap:24px}
 .report-request-form label{color:#eee;font-size:15px;line-height:1.5;gap:12px}
 .report-request-form input,.report-dialog .report-request-form textarea{background:#171717;color:#fff;border-color:#4a4a4a;padding:14px 16px}
 .report-request-form input{height:54px}
 .report-dialog .report-request-form textarea{min-height:116px;height:116px}
 .report-request-form input::placeholder,.report-request-form textarea::placeholder{color:#a3a3a3}
 .report-field-error{color:#ffb4b4;line-height:1.5}
 .report-form-actions{margin-top:8px;gap:16px}
 .report-form-actions .report-request-submit{background:#fff;color:#111;border-color:#fff;min-height:52px}
 .report-form-actions .report-request-submit:hover{background:#e5e5e5}
 .report-form-back{color:#bdbdbd;min-height:44px;padding:10px 16px}
 .report-form-back:hover{color:#fff}
 .report-example{order:0;height:260px;margin:0 24px;border:1px solid #333;border-radius:16px}
 .report-sample-top{padding:16px}
 .report-confirmation>p{color:#c4c4c4;line-height:1.75}
 .report-confirmation-summary{border-color:#404040;border-radius:16px;padding:24px}
 .report-confirmation-summary span{color:#a3a3a3}
 .report-dialog:has(.report-confirmation:not([hidden])) .report-example{display:none}
}

@media(max-width:760px){.report-dialog-shell{scrollbar-color:#444 #0d0d0d}}
.report-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.report-submit-status{margin:12px 0 0;color:#a22;font-size:14px;line-height:1.4}

/* Mobile report request follows the compact reading scale. */
@media(max-width:760px){
 #report-dialog .report-request{font-family:Inter,Arial,sans-serif;font-size:14px}
 #report-dialog .report-request h2{font-size:24px;line-height:1.2}
 #report-dialog :is(.report-request-form label,.report-field-error,.report-confirmation>p,.report-confirmation-summary span,.report-confirmation-summary strong,.report-form-back){font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5}
}