/* Scale Xpert v0.4.39 — deterministic SEO flyout, simplified settings, live site-audit progress/results. */

/* SEO Articles child menu: CSS-only hover behavior. Never pin it open from focus or a stale JS class. */
@media (min-width:801px){
  #app .sx-nav-group>.sx-nav-children,
  #app .sx-nav-group.flyout-open>.sx-nav-children,
  #app .sx-nav-group:focus-within>.sx-nav-children{display:none!important;pointer-events:none!important}
  #app .sx-nav-group:hover>.sx-nav-children{display:grid!important;gap:3px!important;pointer-events:auto!important}
}

/* Settings: same expert controls as onboarding, without installation limits/publishing-day controls. */
#app .sx-settings-card{padding:0!important;overflow:hidden!important}
#app .sx-settings-card form{display:grid!important}
#app .sx-settings-card .settings-section{padding:22px 24px!important;border-bottom:1px solid #e7ebf1!important}
#app .sx-settings-card .settings-section:last-of-type{border-bottom:0!important}
#app .sx-settings-card .settings-section>h2{margin:0 0 16px!important;font-size:14px!important;color:#172033!important}
#app .sx-settings-card .form-grid{gap:16px!important}
#app .sx-settings-card label{color:#465166!important;font-size:10px!important;font-weight:650!important}
#app .sx-settings-card input,#app .sx-settings-card select,#app .sx-settings-card textarea{border:1px solid #dfe5ee!important;border-radius:7px!important;background:#fff!important;color:#263247!important;box-shadow:none!important}
#app .sx-settings-card select,#app .sx-settings-card input{min-height:38px!important}
#app .sx-settings-card textarea{min-height:92px!important;padding:11px 12px!important}
#app .sx-settings-switch{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:14px 16px!important;margin-bottom:16px!important;border:1px solid #e3e8ef!important;border-radius:8px!important;background:#fbfcfe!important}
#app .sx-settings-switch>span{display:grid!important;gap:3px!important}
#app .sx-settings-switch b{font-size:11px!important;color:#1e293b!important}
#app .sx-settings-switch small{font-size:9px!important;color:#7a8493!important;font-weight:400!important}
#app .sx-settings-switch input{width:34px!important;height:19px!important;min-height:19px!important;accent-color:#5e49e8!important}
#app #sx-settings-expert-fields[hidden]{display:none!important}
#app .sx-settings-check{padding:4px 0!important}
#app .sx-settings-check label{display:flex!important;align-items:center!important;gap:9px!important;font-weight:500!important}
#app .sx-settings-check input{width:15px!important;height:15px!important;min-height:15px!important;accent-color:#5e49e8!important}
#app .sx-settings-card .form-actions{padding:18px 24px 22px!important;margin:0!important}

/* Site Audit toolbar. */
#app .sx-audit-toolbar{display:flex!important;align-items:center!important;gap:12px!important;padding:0!important}
#app .sx-audit-toolbar>select{width:176px!important;min-width:176px!important;max-width:176px!important;height:36px!important;padding:0 30px 0 11px!important;border:1px solid #dfe5ed!important;border-radius:6px!important;background:#fff!important;color:#334055!important;font-size:9.5px!important}
#app .sx-audit-toolbar .spacer{flex:1!important}
#app .sx-audit-failed{min-height:260px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:32px!important;background:#fff!important;border:1px solid #e1e6ed!important;text-align:center!important}
#app .sx-audit-failed .sx-audit-search{background:#fff1f1!important;color:#c84646!important;font-weight:800!important}
#app .sx-audit-failed h2{margin:2px 0 0!important;font-size:13px!important;color:#202b3b!important}
#app .sx-audit-failed p{max-width:520px!important;margin:0 0 6px!important;color:#727c8d!important;font-size:9.5px!important;line-height:1.55!important}

/* Finished technical audit: summary + expandable page findings. */
#app .sx-audit-results{padding:0!important;overflow:hidden!important}
#app .sx-audit-results .sx-audit-stats{margin:0!important;border-bottom:1px solid #e6eaf0!important}
#app .sx-audit-results-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;border-bottom:1px solid #e8ecf2!important}
#app .sx-audit-results-head h2{margin:0 0 3px!important;font-size:12px!important;color:#202b3b!important}
#app .sx-audit-results-head p{margin:0!important;max-width:850px!important;color:#7a8493!important;font-size:8.5px!important;line-height:1.45!important}
#app .sx-audit-results-head>span{white-space:nowrap!important;color:#778191!important;font-size:9px!important}
#app .sx-audit-pages{display:grid!important}
#app .sx-audit-pages-head,#app .sx-audit-page-row>summary{display:grid!important;grid-template-columns:42px minmax(260px,1fr) 74px 78px 88px 28px!important;align-items:center!important;gap:0!important}
#app .sx-audit-pages-head{min-height:34px!important;background:#fafbfc!important;border-bottom:1px solid #e9edf2!important;color:#697486!important;font-size:8px!important;font-weight:700!important;text-transform:uppercase!important}
#app .sx-audit-pages-head>span,#app .sx-audit-page-row>summary>span{padding:7px 10px!important;min-width:0!important}
#app .sx-audit-page-row{border-bottom:1px solid #edf0f4!important;background:#fff!important}
#app .sx-audit-page-row>summary{min-height:46px!important;list-style:none!important;cursor:pointer!important;color:#4c586a!important;font-size:9.5px!important}
#app .sx-audit-page-row>summary::-webkit-details-marker{display:none!important}
#app .sx-audit-page-row>summary:hover{background:#fbfcfe!important}
#app .sx-audit-page-name{display:grid!important;gap:2px!important;overflow:hidden!important}
#app .sx-audit-page-name b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#263247!important;font-size:10px!important}
#app .sx-audit-page-name small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8a93a1!important;font-size:8px!important}
#app .sx-audit-count{display:inline-grid!important;place-items:center!important;min-width:24px!important;height:20px!important;padding:0 5px!important;border-radius:10px!important;background:#edf2f7!important;color:#667386!important;font-style:normal!important;font-size:8.5px!important;font-weight:700!important}
#app .sx-audit-count.error{background:#fff0f0!important;color:#c44343!important}
#app .sx-audit-count.warning{background:#fff7e8!important;color:#ad741b!important}
#app .sx-audit-count.notice{background:#eef5ff!important;color:#3e6da8!important}
#app .sx-audit-count.ok{background:#edf9f1!important;color:#2f8b54!important}
#app .sx-audit-chevron{font-size:17px!important;transition:transform .15s ease!important;color:#8791a0!important}
#app .sx-audit-page-row[open] .sx-audit-chevron{transform:rotate(90deg)!important}
#app .sx-audit-findings{display:grid!important;gap:8px!important;padding:6px 18px 16px 52px!important;background:#fbfcfe!important;border-top:1px solid #eef1f5!important}
#app .sx-audit-finding{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;padding:10px 12px!important;border:1px solid #e5eaf0!important;border-left:3px solid #93a1b3!important;border-radius:5px!important;background:#fff!important}
#app .sx-audit-finding.error{border-left-color:#cf4c4c!important}
#app .sx-audit-finding.warning{border-left-color:#d69a35!important}
#app .sx-audit-finding.notice{border-left-color:#5688c7!important}
#app .sx-audit-severity{text-transform:uppercase!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:.5px!important;color:#697486!important}
#app .sx-audit-finding b{display:block!important;margin-bottom:3px!important;color:#293447!important;font-size:9.5px!important}
#app .sx-audit-finding p{margin:0!important;color:#707b8b!important;font-size:8.7px!important;line-height:1.5!important}
#app .sx-audit-clean{padding:12px!important;color:#43805c!important;font-size:9px!important}

@media(max-width:800px){
  #app .sx-audit-pages{overflow-x:auto!important}
  #app .sx-audit-pages-head,#app .sx-audit-page-row>summary{min-width:720px!important}
  #app .sx-audit-findings{min-width:650px!important;padding-left:24px!important}
  #app .sx-audit-toolbar{flex-wrap:wrap!important}
}