/* UI-r2: presentation only; shared clocks, numeric data and measurement are unchanged. */
.lx-waterfall{box-sizing:border-box;min-width:0;max-width:100%;margin:24px 0;padding:24px;border:1px solid #dbe5ec;border-radius:16px;background:#fff;color:#183144;font:14px/1.6 Arial,sans-serif}
.lx-waterfall *{box-sizing:border-box}
.lx-waterfall h2{display:flex;align-items:center;gap:10px;margin:0;color:#163c31;font-size:22px;line-height:1.3}
.lx-wf-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}
.lx-waterfall h2>.lx-wf-icon{width:30px;height:30px;padding:4px;border-radius:8px;background:#e6f5ee;color:#176b4d}
.lx-wf-intro{margin:8px 0 14px;color:#536575;font-size:14px}
.lx-wf-note{color:#536575;font-size:12px;line-height:1.6;margin:9px 0;overflow-wrap:anywhere}
.lx-wf-warning{padding:10px 12px;border-left:3px solid #bd8129;background:#fff6e5;border-radius:6px;color:#74500a}
.lx-wf-capture,.lx-wf-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.lx-wf-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#f1f5f7;color:#486071;font-size:12px}
.lx-wf-tag .lx-wf-icon{width:15px;height:15px}
.lx-wf-tag--complete{background:#e9f7ef;color:#176b4d}
.lx-wf-tag--interrupted{background:#fff2d9;color:#875a13}
.lx-wf-legend{padding:8px 0 4px;color:#536575;font-size:12px}
.lx-wf-legend-item{display:inline-flex;align-items:center;gap:7px}
.lx-wf-key{display:inline-block;width:25px;height:8px;border-radius:2px;background:#23856f}
.lx-wf-key--error{background:#be4e4e}
.lx-wf-key--pending{background:#e9f2ff;border:2px dashed #497daa}
.lx-wf-key--unknown{width:7px;height:7px;margin:0 9px;border-radius:50%;background:#627586}
.lx-wf-controls{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.lx-wf-controls label{display:flex;flex-direction:column;gap:5px;font-weight:600;flex:1 1 160px;min-width:0;max-width:100%}
.lx-wf-controls select{font:inherit;font-size:13px;font-weight:400;color:#183144;padding:9px;border:1px solid #c6d5df;border-radius:7px;background:#fff;max-width:100%;width:100%;min-height:42px}
.lx-wf-scroll{width:100%;max-width:100%;overflow:auto;max-height:440px;border:1px solid #dbe5ec;border-radius:8px;overscroll-behavior:contain}
.lx-wf-scroll:focus-visible,.lx-wf-controls select:focus-visible,.lx-waterfall summary:focus-visible{outline:3px solid #278c77;outline-offset:2px}
.lx-waterfall table{border-collapse:collapse;width:100%;min-width:980px;font-size:12px;table-layout:fixed}
.lx-waterfall caption{text-align:left;padding:9px 10px;caption-side:top}
.lx-waterfall th,.lx-waterfall td{padding:10px 6px;text-align:left;border-bottom:1px solid #e7edf1;vertical-align:middle;overflow-wrap:anywhere}
.lx-waterfall th{background:#f3f8f6;position:sticky;top:0;z-index:1;color:#234b3e;font-size:11px}
.lx-waterfall th:nth-child(1){width:18%}
.lx-waterfall th:nth-child(2){width:13%}
.lx-waterfall th:nth-child(3){width:11%}
.lx-waterfall th:nth-child(4){width:9%}
.lx-waterfall th:nth-child(5),.lx-waterfall th:nth-child(6),.lx-waterfall th:nth-child(7){width:7%}
.lx-waterfall th:last-child{width:28%}
.lx-wf-resource strong{font-weight:500;display:block;max-height:62px;overflow:auto}
.lx-waterfall td small{display:block;color:#667784;font-size:11px;margin-top:4px}
.lx-wf-number{font-variant-numeric:tabular-nums;font-size:11px}
.lx-wf-type,.lx-wf-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.5}
.lx-wf-type{color:#486b8b}
.lx-wf-type--image{color:#8d5e9e}
.lx-wf-type--script{color:#a57617}
.lx-wf-type--stylesheet{color:#37789f}
.lx-wf-type--font{color:#9b5b48}
.lx-wf-type .lx-wf-icon{width:16px;height:16px}
.lx-wf-status{padding:3px 5px;background:#f1f4f6;border-radius:5px;color:#526674;max-width:100%}
.lx-wf-status .lx-wf-icon{width:13px;height:13px}
.lx-wf-status--ok{background:#eaf6ef;color:#176b4d}
.lx-wf-status--error{background:#fcecec;color:#a33838}
.lx-wf-status--pending{background:#eaf2ff;color:#386c99}
.lx-wf-bar,.lx-wf-axis{display:block;width:100%;overflow:visible}
.lx-wf-axis{height:32px;font-size:34px;fill:#536575}
.lx-wf-axis line,.lx-wf-grid{stroke:#d9e5df;stroke-width:2}
.lx-wf-bar{height:26px}
.lx-wf-completed{fill:#23856f}
.lx-wf-error{fill:#be4e4e}
.lx-wf-pending{fill:#e9f2ff;stroke:#497daa;stroke-width:3;stroke-dasharray:12 8}
.lx-wf-unknown{fill:#627586}
.lx-wf-leads{margin:18px 0 9px}
.lx-wf-summaries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lx-wf-summaries details{min-width:0;border:1px solid #dbe5ec;border-radius:10px;background:#fbfdfc}
.lx-wf-summaries summary{display:flex;align-items:center;gap:8px;padding:14px 10px;cursor:pointer;list-style:none;min-height:80px}
.lx-wf-summaries summary::-webkit-details-marker{display:none}
.lx-wf-summaries summary>.lx-wf-icon:first-child{width:26px;height:26px;padding:4px;background:#e6f3ee;border-radius:7px;color:#26775f}
.lx-wf-lead--error summary>.lx-wf-icon:first-child{background:#fbeaea;color:#ad4545}
.lx-wf-lead--timeout summary>.lx-wf-icon:first-child{background:#fff2dd;color:#986d29}
.lx-wf-lead-copy{flex:1;min-width:0}
.lx-wf-lead-copy strong{display:block;color:#234c3d;font-size:12px;line-height:1.4}
.lx-wf-lead-copy small{display:block;font-size:10px;color:#6d7f8b;line-height:1.5;margin-top:4px}
.lx-wf-lead-count{font-size:11px;font-weight:600;white-space:nowrap;color:#486071}
.lx-wf-summaries summary>.lx-wf-icon:last-child{width:13px;height:13px;color:#637d70;transition:transform .15s}
.lx-wf-summaries details[open] summary>.lx-wf-icon:last-child{transform:rotate(90deg)}
.lx-wf-summaries ol{padding:0 16px 0 32px}
.lx-wf-summaries li{font-size:12px;overflow-wrap:anywhere;margin:8px 0}
.lx-wf-summaries details>p{padding:0 12px}
.lx-wf-help{margin-top:18px;padding-top:12px;border-top:1px solid #e7edf1}
.lx-wf-help>summary{cursor:pointer;font-weight:600;color:#27624f}
/* Flatten only the visual grid. React retains every existing parent/child node. */
body .results-section[data-latixo-device] .results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:16px!important}
body .results-section .results-grid>.latixo-result-metrics{display:contents!important}
body .results-section .results-grid>.screenshot-card,
body .results-section .latixo-result-metrics>#latixo-result-profile{grid-column:1/-1!important;min-width:0}
body .results-section .latixo-result-metrics>.metric-card{min-width:0;min-height:172px;height:100%;padding:18px}
body .results-section .latixo-result-metrics .metric-score{gap:8px}
body .results-section .latixo-result-metrics [data-latixo-performance-card] [data-latixo-grade]{width:40px!important;min-width:40px!important;height:40px!important;font-size:25px!important}
body .results-section .latixo-result-metrics [data-latixo-score-value]{font-size:44px!important}
body .results-section .latixo-result-metrics [data-latixo-load-value]{font-size:40px!important;line-height:1.2!important;white-space:nowrap}
@media(min-width:1024px){
 body .results-section[data-latixo-device] .results-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body .results-section .results-grid>.screenshot-card{grid-column:1/3!important}
 body .results-section .latixo-result-metrics>#latixo-result-profile{grid-column:3/5!important}
}
@media(max-width:1100px){.lx-wf-summaries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .lx-waterfall{padding:14px;margin:16px 0}
 .lx-waterfall h2{font-size:20px}
 .lx-wf-intro{font-size:13px}
 .lx-wf-controls{gap:10px}
 .lx-wf-controls label{flex-basis:calc(50% - 5px);font-size:12px}
 .lx-wf-summaries{grid-template-columns:minmax(0,1fr)}
 .lx-wf-summaries summary{min-height:66px;padding:12px}
 body .results-section[data-latixo-device] .results-grid{gap:12px!important}
 body .results-section .latixo-result-metrics>.metric-card{padding:14px;min-height:160px}
 body .results-section .latixo-result-metrics [data-latixo-performance-card] [data-latixo-grade]{width:32px!important;min-width:32px!important;height:32px!important;font-size:21px!important}
 body .results-section .latixo-result-metrics [data-latixo-score-value]{font-size:36px!important}
 body .results-section .latixo-result-metrics [data-latixo-load-value]{font-size:28px!important}
}