/* Scale Xpert v0.4.51-r2: onboarding navigation and stage-specific loading. */ #app .sx-onboard .sx-top .sx-brand{cursor:default!important;text-decoration:none!important;user-select:none} /* Steps 2-4 keep analysis inside the existing two-column onboarding card. */ #app .sx-onboard .sx51-analysis-panel{max-width:980px!important} #app .sx-onboard .sx51-analysis-panel>.sx-panel-main{display:flex;flex-direction:column;justify-content:center;min-height:280px} #app .sx51-inline-analysis{margin-top:26px;max-width:100%} #app .sx51-inline-analysis .sx51-progress-card{border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;background:transparent!important} #app .sx51-inline-analysis .sx51-progress-heading{font-size:13px!important;margin-bottom:12px!important} #app .sx51-inline-analysis .sx51-progress-card progress{height:8px!important} #app .sx51-inline-working{height:40px;display:grid;place-items:center;margin-top:12px} #app .sx51-inline-working>span{width:18px;height:18px;border:2px solid #dce4f7;border-top-color:#4d66e9;border-radius:50%;animation:sx51r2-spin .9s linear infinite} @keyframes sx51r2-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){#app .sx51-inline-working>span{animation:none;border-top-color:#4d66e9}} /* Step 5 -> keyword discovery uses a compact checklist, matching the approved reference. */ #app .sx51-keyword-analysis{width:min(720px,calc(100% - 56px));margin:38px auto;padding:26px 28px;background:#fff;border:1px solid #e5e9f2;border-radius:14px;box-shadow:0 8px 30px rgba(30,45,85,.04);text-align:left} #app .sx51-keyword-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} #app .sx51-keyword-head h2{margin:0;color:#111a33;font-size:20px;line-height:1.25} #app .sx51-keyword-head p{margin:5px 0 0;color:#778199;font-size:12px} #app .sx51-keyword-head strong{color:#667085;font-size:12px;font-weight:700;padding-top:3px} #app .sx51-keyword-copy{max-width:620px;margin:20px 0 18px;color:#5d667a;font-size:13px;line-height:1.65} #app .sx51-keyword-analysis .sx-research-steps{max-width:none;margin:0;gap:9px} #app .sx51-keyword-analysis .sx-research-step{grid-template-columns:22px 1fr;font-size:13px;color:#a1a8b7} #app .sx51-keyword-analysis .sx-research-step b{font-weight:500} #app .sx51-keyword-analysis .sx-research-step.done{color:#31a98a} #app .sx51-keyword-analysis .sx-research-step.active{color:#17213a} #app .sx51-keyword-analysis .sx-research-step.active b{font-weight:700} @media(max-width:900px){ #app .sx-onboard .sx51-analysis-panel>.sx-panel-main{min-height:0} #app .sx51-keyword-analysis{width:calc(100% - 28px);margin:22px auto;padding:20px} } /* v0.4.51-r11: dashboard dimensions + competitor-gap keyword metrics */ .sx-ga-split{align-items:stretch!important;gap:16px!important} .sx-ga-card{min-width:0!important;height:100%!important} .sx-ga-card .sx-geo-list-v0443{display:block!important;grid-template-columns:none!important} .sx-ga-card .sx051r11-dimension-row{display:grid!important;grid-template-columns:minmax(150px,1fr) 92px 118px!important;align-items:center!important;gap:12px!important;min-height:42px!important;padding:8px 12px!important} .sx-ga-card .sx051r11-dimension-row .sx048r2-metric-name{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important} .sx-ga-card .sx051r11-dimension-row>b{justify-self:end!important;white-space:nowrap!important} .sx-ga-card .sx051r11-dimension-row>small{justify-self:end!important;white-space:nowrap!important;color:#8a93a0!important} .sx051r11-flag-wrap{width:24px;height:17px;display:inline-grid;place-items:center;flex:0 0 24px} .sx051r11-flag{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(30,41,59,.10)} .sx051r11-flag-fallback{display:grid;place-items:center;width:24px;height:16px;border:1px solid #dfe5ed;border-radius:2px;background:#f8fafc;color:#667085;font-size:7px;font-weight:700;letter-spacing:.3px} .sx051r11-device-icon{width:20px;height:20px;display:grid!important;place-items:center;color:#5f6978!important;flex:0 0 20px} .sx051r11-device-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .sx051r11-kw-table{overflow-x:auto} .sx051r11-kw-table .sx-kw-head,.sx051r11-kw-table .sx-kw-row{grid-template-columns:32px minmax(210px,2fr) 92px 88px 72px 62px 92px 78px 54px!important;min-width:910px} .sx051r11-kw-table .sx-kw-row>span,.sx051r11-kw-table .sx-kw-head>span{min-width:0} .sx051r11-kw-table .sx-kw-row>span:nth-child(4),.sx051r11-kw-table .sx-kw-row>span:nth-child(7){display:flex;align-items:baseline;gap:3px;white-space:nowrap} .sx051r11-kw-table .sx-kw-row small{font-size:7.5px;color:#8a93a0;white-space:nowrap} .sx051r11-opportunity{font-size:10px;color:#1f6f54} @media(max-width:1050px){.sx-ga-card .sx051r11-dimension-row{grid-template-columns:minmax(120px,1fr) 78px 104px!important;gap:8px!important}} /* v0.4.51-r12: dashboard cleanup */ .sx051r11-flag-fallback[hidden]{display:none!important} .sx-ga-card .sx-geo-list.devices{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:0!important} .sx-ga-card .sx-geo-list.devices .sx051r11-dimension-row{width:100%!important} /* v0.4.51-r13: force Devices to mirror the Countries vertical metric layout. */ .sx-ga-card .sx051r13-device-list{display:block!important;width:100%!important;max-width:none!important;grid-template-columns:none!important;column-count:1!important} .sx-ga-card .sx051r13-device-list>.sx051r13-device-row{display:grid!important;grid-template-columns:minmax(150px,1fr) 92px 118px!important;width:100%!important;max-width:none!important;float:none!important;clear:both!important;margin:0!important;box-sizing:border-box!important} .sx-ga-card .sx051r13-device-list>.sx051r13-device-row+.sx051r13-device-row{border-top:1px solid #edf0f5!important} @media(max-width:1050px){.sx-ga-card .sx051r13-device-list>.sx051r13-device-row{grid-template-columns:minmax(120px,1fr) 78px 104px!important}} /* v0.4.51-r14: equal Countries/Devices cards and three non-overlapping device rows. */ .sx-ga-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;width:100%!important;align-items:stretch!important} .sx-ga-split>.sx-ga-card{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important} .sx-ga-card .sx051r14-dimension-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px 118px!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;float:none!important;clear:both!important} .sx-ga-card .sx051r14-device-list{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:none!important;column-count:1!important;columns:auto!important} .sx-ga-card .sx051r14-device-list>.sx051r14-device-row{display:grid!important;width:100%!important;margin:0!important;float:none!important;clear:both!important} .sx-ga-card .sx051r14-device-list>.sx051r14-device-row+.sx051r14-device-row{border-top:1px solid #edf0f5!important} @media(max-width:1050px){.sx-ga-card .sx051r14-dimension-row{grid-template-columns:minmax(0,1fr) 78px 104px!important;gap:8px!important}} @media(max-width:760px){.sx-ga-split{grid-template-columns:1fr!important}} /* v0.4.51-r15: hard one-column Devices flow + clear separation from GEO/AI row. */ .sx-ga-card .sx051r15-device-list{display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;column-count:1!important;columns:auto!important;width:100%!important;max-width:none!important;min-width:0!important} .sx-ga-card .sx051r15-device-list>.sx051r15-device-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px 118px!important;width:100%!important;max-width:none!important;min-width:0!important;float:none!important;clear:both!important;box-sizing:border-box!important} .sx-ga-card .sx051r15-device-list>.sx051r15-device-row+.sx051r15-device-row{border-top:1px solid #edf0f5!important} .sx051r15-dashboard-lower{margin-top:18px!important} @media(max-width:1050px){.sx-ga-card .sx051r15-device-list>.sx051r15-device-row{grid-template-columns:minmax(0,1fr) 78px 104px!important}} /* v0.4.51-r16: one responsive dashboard overview row; Devices has no legacy grid. */ #app .sx051r16-overview-row{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr) minmax(0,.78fr) minmax(0,1.12fr)!important;gap:16px!important;align-items:stretch!important;width:100%!important;margin-top:16px!important;margin-bottom:18px!important} #app .sx051r16-overview-row>.sx-panel{min-width:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important} #app .sx051r16-dimension-list,#app .sx051r16-device-list{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;min-width:0!important;padding:10px 12px 14px!important;box-sizing:border-box!important;column-count:1!important;columns:auto!important} #app .sx051r16-dimension-list>.sx048r2-metric-row,#app .sx051r16-device-list>.sx051r16-device-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;float:none!important;clear:both!important;box-sizing:border-box!important;margin:0!important;padding:9px 2px!important;border-bottom:1px solid #edf0f5!important} #app .sx051r16-dimension-list>.sx048r2-metric-row:last-child,#app .sx051r16-device-list>.sx051r16-device-row:last-child{border-bottom:0!important} #app .sx051r16-device-list>.sx051r16-device-row{grid-column:1/-1!important} #app .sx051r16-overview-row .sx-section-title{min-height:52px!important} #app .sx051r16-geo-card,#app .sx051r16-ai-card{height:100%!important} @media(max-width:1450px){#app .sx051r16-overview-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}} @media(max-width:760px){#app .sx051r16-overview-row{grid-template-columns:1fr!important}} /* r16 onboarding content-gap evidence */ .sx051r16-gap-evidence{border:1px solid #e2e8f0;border-radius:10px;background:#fbfcfe;margin:0 0 14px;padding:12px 14px} .sx051r16-gap-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.sx051r16-gap-head>div:first-child{display:flex;flex-direction:column;gap:2px}.sx051r16-gap-head small{color:#788396;font-size:10px} .sx051r16-gap-pills{display:flex;gap:6px;flex-wrap:wrap}.sx051r16-gap-pills span{background:#fff;border:1px solid #e5eaf1;border-radius:999px;padding:4px 7px;font-size:9px;white-space:nowrap} .sx051r16-gap-comp{display:grid;gap:0;border-top:1px solid #edf0f5}.sx051r16-gap-comp-row{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(4,minmax(70px,.8fr));gap:8px;align-items:center;padding:7px 2px;border-bottom:1px solid #edf0f5;font-size:9px}.sx051r16-gap-comp-row:last-child{border-bottom:0}.sx051r16-gap-comp-row span{color:#697386;text-align:right;white-space:nowrap}.sx051r16-gap-comp-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:760px){.sx051r16-gap-head{display:block}.sx051r16-gap-pills{margin-top:8px}.sx051r16-gap-comp-row{grid-template-columns:1fr 1fr}.sx051r16-gap-comp-row span{text-align:left}} /* r16 gap table target/context refinements */ .sx051r16-gap-target{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(82px,.8fr));gap:8px;align-items:center;padding:7px 2px;margin-bottom:3px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;font-size:9px}.sx051r16-gap-target span{color:#697386;text-align:right;white-space:nowrap}.sx051r16-gap-comp-row{grid-template-columns:minmax(130px,1.35fr) repeat(5,minmax(72px,.78fr))}.sx051r16-gap-note{display:block;color:#8993a4;font-size:8px;line-height:1.45;margin-top:8px}.sx051r16-gap-comp-row span:nth-child(5){font-variant-numeric:tabular-nums} @media(max-width:900px){.sx051r16-gap-target,.sx051r16-gap-comp-row{grid-template-columns:1fr 1fr}.sx051r16-gap-target span,.sx051r16-gap-comp-row span{text-align:left}} /* v0.4.51-r16-r1: wide Domain Performance chart without making the dashboard taller. */ #app .sx-domain-performance-v0443 .sx-chart-wrap{padding:10px 14px 4px!important} #app .sx-domain-performance-v0443 .sx-performance-chart{display:block!important;width:100%!important;height:250px!important;max-width:none!important;overflow:visible!important} @media(max-width:1200px){#app .sx-domain-performance-v0443 .sx-performance-chart{height:225px!important}} @media(max-width:760px){#app .sx-domain-performance-v0443 .sx-performance-chart{height:205px!important}} \n\n/* v0.4.51-r17: blocking dashboard refresh + customer-facing topic pool. */\nbody.sx-page-locked{overflow:hidden!important}\nbody.sx-page-locked #app{pointer-events:none!important;user-select:none!important}\n#sx-dashboard-refresh-lock{pointer-events:auto!important}\n#app .sx051r17-topic-row{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}\n#app .sx051r17-topic-row .sx-keyword-copy{min-width:0!important}\n#app .sx051r17-topic-row .sx-keyword-copy b{font-weight:500!important}\n /* v0.4.51-r19: dashboard metric alignment + customer-facing intent badges. */ #app .sx051r16-dimension-list>.sx048r2-metric-row, #app .sx051r16-device-list>.sx051r16-device-row{grid-template-columns:minmax(0,1fr) 96px 126px!important;column-gap:14px!important} #app .sx051r19-dimension-clicks{justify-self:end!important;width:96px!important;text-align:right!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important} #app .sx051r19-dimension-impressions{justify-self:end!important;width:126px!important;text-align:right!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important} #app .sx051r19-page-pagination{margin:0!important;border-top:1px solid #edf0f5!important;padding:10px 14px!important} #app .sx051r19-topic-row{grid-template-columns:30px minmax(0,1fr) auto!important} #app .sx051r19-intent{justify-self:end;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap;border:1px solid transparent} #app .sx051r19-intent.informational{color:#147a63;background:#ecfbf6;border-color:#d5f4e9} #app .sx051r19-intent.commercial{color:#9a6700;background:#fff8df;border-color:#f8e9a9} #app .sx051r19-intent.transactional{color:#b94b5e;background:#fff0f3;border-color:#ffd8df} #app .sx051r19-intent.navigational{color:#6d5bd0;background:#f4f1ff;border-color:#e6dfff} @media(max-width:760px){#app .sx051r16-dimension-list>.sx048r2-metric-row,#app .sx051r16-device-list>.sx051r16-device-row{grid-template-columns:minmax(0,1fr) 78px 104px!important;column-gap:8px!important}#app .sx051r19-dimension-clicks{width:78px!important}#app .sx051r19-dimension-impressions{width:104px!important}#app .sx051r19-topic-row{grid-template-columns:30px minmax(0,1fr)!important}#app .sx051r19-intent{grid-column:2;justify-self:start;margin-top:3px}} /* v0.4.51-r20: stacked dashboard overview and clearer Search Console chart. */ #app .sx051r20-overview-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;width:100%!important;margin-top:16px!important;margin-bottom:18px!important} #app .sx051r20-overview-stack{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;min-width:0!important;align-content:start!important} #app .sx051r20-overview-stack>.sx-panel{min-width:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important} #app .sx051r20-overview-stack .sx051r16-dimension-list,#app .sx051r20-overview-stack .sx051r16-device-list{padding-bottom:12px!important} #app .sx051r20-chart .sx-series{fill:none!important;stroke-width:2.2!important;stroke-linejoin:round!important;stroke-linecap:round!important} #app .sx051r20-chart .sx-series.impressions{stroke:#9690d8!important} #app .sx051r20-chart .sx-series.clicks{stroke:#2787d9!important} #app .sx051r20-chart .sx-chart-legend{display:flex!important;gap:20px!important;align-items:center!important;padding:3px 8px 4px!important} #app .sx051r20-chart .sx-chart-legend span{display:inline-flex!important;align-items:center!important;gap:6px!important} #app .sx051r20-chart .sx-chart-legend i{display:inline-block!important;width:9px!important;height:9px!important;border-radius:50%!important} #app .sx051r20-chart .sx-chart-legend i.impressions{background:#9690d8!important} #app .sx051r20-chart .sx-chart-legend i.clicks{background:#2787d9!important} #app .sx051r20-chart .sx-chart-tip-key.impressions{fill:#9690d8!important} #app .sx051r20-chart .sx-chart-tip-key.clicks{fill:#2787d9!important} #app .sx051r20-chart .sx-chart-hover-line{stroke:#9aa4b2!important;stroke-width:1!important;stroke-dasharray:3 3!important} #app .sx051r20-chart .sx-chart-tooltip-card rect{fill:#fff!important;stroke:#dce2eb!important;filter:drop-shadow(0 5px 10px rgba(25,35,55,.12))} #app .sx051r20-chart .sx-chart-tooltip-date{font-weight:700!important;fill:#253047!important;font-size:11px!important} #app .sx051r20-chart .sx-chart-tooltip-row{fill:#596579!important;font-size:10px!important} @media(max-width:1050px){#app .sx051r20-overview-grid{grid-template-columns:1fr!important}} /* v0.4.51-r21: combine GEO visibility + AI references in one dashboard card. */ #app .sx051r21-geo-ai-stack{height:100%!important} #app .sx051r21-geo-ai-card{height:100%!important;min-height:286px!important} #app .sx051r21-geo-ai-grid{display:grid!important;grid-template-columns:minmax(210px,.72fr) minmax(320px,1.28fr)!important;height:100%!important;min-height:250px!important} #app .sx051r21-geo-side,#app .sx051r21-ai-side{min-width:0!important;padding:0 16px 14px!important;box-sizing:border-box!important} #app .sx051r21-ai-side{border-left:1px solid #e8ebf1!important} #app .sx051r21-ai-source-list .sx-dashboard-source-row{grid-template-columns:minmax(0,1fr) 48px!important} @media(max-width:1180px){#app .sx051r21-geo-ai-grid{grid-template-columns:1fr!important}#app .sx051r21-ai-side{border-left:0!important;border-top:1px solid #e8ebf1!important;padding-top:12px!important}} /* v0.4.51-r22: balanced dashboard rows + customer-facing keyword metrics. */ #app .sx051r22-overview-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:'country geo' 'device support'!important;gap:16px!important;align-items:stretch!important;width:100%!important;margin-top:16px!important;margin-bottom:18px!important} #app .sx051r22-country-card{grid-area:country!important;height:100%!important;margin:0!important} #app .sx051r22-geo-cell{grid-area:geo!important;min-width:0!important;height:100%!important} #app .sx051r22-geo-cell>.sx-panel{height:100%!important;min-height:0!important;margin:0!important} #app .sx051r22-device-card{grid-area:device!important;height:100%!important;margin:0!important} #app .sx051r22-support-stack{grid-area:support!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;min-width:0!important;align-content:start!important} #app .sx051r22-support-stack>.sx-panel{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important} #app .sx051r22-geo-cell .sx051r21-geo-ai-card{min-height:0!important} #app .sx051r22-geo-cell .sx051r21-geo-ai-grid{min-height:0!important} #app .sx051r19-topic-row{grid-template-columns:30px minmax(0,1fr) auto!important} #app .sx051r22-topic-metrics{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;white-space:nowrap!important} #app .sx051r22-metric{display:inline-grid!important;grid-template-columns:auto auto!important;gap:3px!important;align-items:baseline!important;min-width:48px!important;justify-content:end!important;font-variant-numeric:tabular-nums!important} #app .sx051r22-metric small{font-size:9px!important;color:#8a94a6!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.02em!important} #app .sx051r22-metric b{font-size:10px!important;color:#34405a!important;font-weight:700!important} @media(max-width:1180px){#app .sx051r22-overview-grid{grid-template-columns:1fr!important;grid-template-areas:'country' 'device' 'geo' 'support'!important}#app .sx051r22-geo-cell .sx051r21-geo-ai-grid{grid-template-columns:1fr!important}#app .sx051r22-geo-cell .sx051r21-ai-side{border-left:0!important;border-top:1px solid #e8ebf1!important;padding-top:12px!important}} @media(max-width:760px){#app .sx051r22-topic-metrics{grid-column:2!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:4px!important;gap:6px 10px!important}#app .sx051r22-metric{justify-content:start!important;min-width:0!important}}