/* Scale Xpert v0.4.34 workflow + dashboard polish */
@media (min-width:801px){
  /* Header stays fixed and the profile never shifts between pages. */
  #app .sx-topbar{position:sticky!important;top:0!important;z-index:120!important;overflow:visible!important;flex-wrap:nowrap!important}
  #app .sx-profile-menu{margin-left:auto!important;position:relative!important;flex:0 0 auto!important}
  #app .sx-profile-popover{right:0!important;left:auto!important;top:38px!important;transform:none!important}
  #app .sx-top-group{flex:0 1 auto!important;min-width:0!important}
  #app .sx-dashboard-head-actions{margin-left:auto!important;flex:0 0 auto!important}

  /* Only the four root items live in the rail. SEO child pages appear as a flyout box. */
  #app .sx-dashboard-layout .sidebar{overflow:visible!important}
  #app .sx-nav-group{position:relative!important}
  #app .sx-nav-children{display:none!important;position:absolute!important;left:calc(100% + 8px)!important;top:0!important;width:176px!important;margin:0!important;padding:7px!important;border:1px solid #dfe5ed!important;border-radius:8px!important;background:#fff!important;box-shadow:0 14px 34px rgba(25,38,60,.14)!important;z-index:145!important}
  #app .sx-nav-group:hover .sx-nav-children,#app .sx-nav-group:focus-within .sx-nav-children{display:grid!important;gap:3px!important}
  #app .sx-nav-children a{min-height:34px!important;padding:0 10px!important;border-left:0!important;font-size:10px!important}
  #app .sx-nav-children:before{content:"SEO Articles";display:block;padding:5px 9px 7px;color:#8b94a3;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
}

/* Do not expose worker/background-job internals in the customer UI. */
#app #jobs,#app .sx-job-mini{display:none!important}

/* Google property selection inside the dashboard connection cards. */
#app .sx-inline-property{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;max-width:520px!important;margin:3px auto 0!important}
#app .sx-inline-property select{height:32px!important;min-width:260px!important;max-width:390px!important;border:1px solid #d9e1ea!important;border-radius:5px!important;background:#fff!important;padding:0 8px!important;color:#344054!important;font-size:9.5px!important}
#app .sx-inline-property .button{height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:9.5px!important}

/* Scheduler: display-only planning calendar. */
#app .sx-plan-strip{display:none!important}
#app .sx-calendar-panel{padding:0!important;border:0!important;background:transparent!important}
#app .sx-calendar-stack{display:grid!important;gap:22px!important}
#app .sx-calendar-month{background:#fff!important;border:1px solid #e1e6ed!important;border-radius:3px!important;overflow:hidden!important}
#app .sx-calendar-month .calendar-top{height:48px!important;margin:0!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e8ecf1!important;background:#fff!important}
#app .sx-calendar-month .calendar-top h2{font-size:12px!important;font-weight:750!important;color:#172033!important}
#app .sx-calendar-month .calendar-top span{font-size:9px!important;color:#727c8c!important}
#app .sx-calendar-month .calendar-grid{border:0!important;background:#fff!important}
#app .sx-calendar-month .weekday{height:31px!important;display:grid!important;place-items:center!important;background:#fafbfc!important;color:#697386!important;font-size:8.5px!important;font-weight:650!important;border-bottom:1px solid #e9edf2!important}
#app .sx-calendar-month .calendar-day{min-height:116px!important;padding:8px!important;color:#263246!important;border-color:#e7ebf0!important;background:#fff!important}
#app .sx-calendar-month .calendar-day.out{background:#fbfcfd!important;color:#aab2be!important}
#app .sx-calendar-month .day-num{font-size:9px!important;color:inherit!important;font-weight:550!important}
#app .sx-calendar-month .cal-event{display:grid!important;gap:3px!important;width:100%!important;margin-top:6px!important;padding:7px!important;border:1px solid #d9cdfd!important;border-radius:4px!important;background:#f7f3ff!important;color:#3b315c!important;text-align:left!important}
#app .sx-calendar-month .cal-event b{font-size:8.5px!important;line-height:1.25!important;color:#332b50!important}
#app .sx-calendar-month .cal-event small{font-size:7.5px!important;font-weight:650!important;color:#7255cc!important}
#app .sx-calendar-month .cal-event.published{background:#effaf3!important;border-color:#bfe8cb!important}.sx-calendar-month .cal-event.published small{color:#20894a!important}
#app .sx-calendar-month .cal-event.scheduled{background:#f5f2ff!important;border-color:#d6c9ff!important}.sx-calendar-month .cal-event.scheduled small{color:#6045cc!important}
#app .sx-calendar-month .cal-event.writing,#app .sx-calendar-month .cal-event.publishing{background:#eef6ff!important;border-color:#bed8f7!important}.sx-calendar-month .cal-event.writing small,.sx-calendar-month .cal-event.publishing small{color:#2f73bd!important}
#app .sx-calendar-month .cal-event.cancelled,#app .sx-calendar-month .cal-event.failed{background:#fff2f2!important;border-color:#f1c5c5!important}.sx-calendar-month .cal-event.cancelled small,.sx-calendar-month .cal-event.failed small{color:#b54646!important}

/* Keyword generator group summary and onboarding-style detail view. */
#app .sx-keyword-summary{min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 15px!important;background:#fff!important;border:1px solid #e2e7ee!important;border-radius:3px!important;cursor:pointer!important}
#app .sx-keyword-summary:hover{border-color:#ccd7e5!important;box-shadow:0 2px 10px rgba(28,42,62,.04)!important}
#app .sx-keyword-summary b{font-size:10.5px!important;color:#1e293b!important}.sx-keyword-summary p{display:flex!important;gap:16px!important;margin:6px 0 0!important;color:#7a8391!important;font-size:8.5px!important}
#app .sx-keyword-summary>button[data-action="delete-keyword-group"]{width:30px!important;height:30px!important;border:0!important;background:transparent!important;color:#8a93a0!important;border-radius:5px!important;cursor:pointer!important;font-size:14px!important}
#app .sx-keyword-summary>button[data-action="delete-keyword-group"]:hover{background:#fff0f0!important;color:#b94b4b!important}
#app .sx-keyword-summary.empty{cursor:default!important}
#app .sx-keyword-detail-head{height:36px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#7b8492!important;font-size:9.5px!important}
#app .sx-keyword-detail-head button{border:0!important;background:transparent!important;padding:0!important;color:#596476!important;font-size:9.5px!important;cursor:pointer!important}
#app .sx-keyword-detail-head b{color:#243044!important}.sx-kd-tools{display:flex!important;align-items:center!important;gap:18px!important;min-height:40px!important}
#app .sx-kd-tools label{display:flex!important;align-items:center!important;gap:7px!important;color:#667183!important;font-size:9px!important}
#app .sx-kd-tools input[type="range"]{width:115px!important;accent-color:#2581e8!important}.sx-switch input{width:14px!important;height:14px!important;accent-color:#2581e8!important}
#app .sx-keyword-detail-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important}
#app .sx-kw-category-list{display:grid!important;gap:9px!important}
#app .sx-kw-category{background:#fff!important;border:1px solid #e2e7ee!important;border-radius:3px!important;overflow:hidden!important}
#app .sx-kw-category>summary{list-style:none!important;min-height:38px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;cursor:pointer!important;color:#263246!important;font-size:9px!important}
#app .sx-kw-category>summary::-webkit-details-marker{display:none!important}.sx-kw-category>summary>span:first-child{display:flex!important;align-items:center!important;gap:9px!important}.sx-kw-category>summary b{font-size:10px!important}
#app .sx-kw-table{border-top:1px solid #e8ecf1!important}.sx-kw-head,.sx-kw-row{display:grid!important;grid-template-columns:32px minmax(260px,1fr) 115px 65px 70px 105px 58px!important;align-items:center!important;min-height:33px!important;border-bottom:1px solid #edf0f4!important;font-size:8.5px!important}.sx-kw-head{background:#fafbfc!important;color:#737d8d!important;font-size:7.5px!important;text-transform:uppercase!important;font-weight:700!important}.sx-kw-head>span,.sx-kw-row>span{padding:6px 9px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sx-kw-row>span:nth-child(2){color:#253044!important;font-weight:550!important}

/* Article generator: professional action bar and full-width rows. */
#app .sx-generator-toolbar{min-height:36px!important;border-bottom:1px solid #e7ebf0!important}
#app .sx-generator-toolbar button{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#687386!important}
#app .sx-article-list{width:100%!important}

/* Audit dropdown, empty state and queue progress. */
#app .sx-audit-start-menu{position:relative!important;display:inline-block!important;z-index:35!important}
#app .sx-audit-start-menu>summary{list-style:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important}.sx-audit-start-menu>summary::-webkit-details-marker{display:none!important}
#app .sx-audit-start-popover{position:absolute!important;right:0!important;top:38px!important;width:210px!important;padding:6px!important;background:#fff!important;border:1px solid #dfe5ed!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(26,38,58,.14)!important;z-index:80!important}
#app .sx-audit-start-popover button{width:100%!important;min-height:34px!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;gap:6px!important;padding:6px 8px!important;border:0!important;border-radius:5px!important;background:#fff!important;color:#344054!important;font-size:9.5px!important;text-align:left!important;cursor:pointer!important}
#app .sx-audit-start-popover button:hover{background:#f4f7fb!important}
#app .sx-audit-pending{background:#fff!important;border:1px solid #e1e6ed!important;padding:18px!important}
#app .sx-audit-pending-head>div{display:flex!important;gap:12px!important;align-items:flex-start!important}.sx-audit-clock{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#eef6ff!important;color:#2b7dcc!important;font-size:16px!important}.sx-audit-pending h2{margin:0 0 4px!important;font-size:12px!important}.sx-audit-pending p{margin:2px 0!important;color:#7c8592!important;font-size:8.5px!important}.sx-status-pending{margin-left:7px!important;color:#b8881e!important;font-size:8px!important;font-weight:600!important}.sx-audit-queue{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 12px!important;margin-top:16px!important}.sx-audit-queue b{font-size:9px!important}.sx-audit-queue span{grid-column:1!important;color:#777f8c!important;font-size:8.5px!important}.sx-audit-queue strong{grid-column:2!important;grid-row:1/3!important;align-self:center!important;font-size:12px!important}.sx-audit-progress{height:6px!important;margin-top:10px!important;background:#edf1f5!important;border-radius:6px!important;overflow:hidden!important}.sx-audit-progress>div{height:100%!important;background:#3b82e6!important;border-radius:6px!important;transition:width .25s ease!important}.sx-audit-progress-label{text-align:right!important;color:#667183!important;font-size:8px!important;margin-top:4px!important}

/* More legible toolbar/icon treatment. */
#app .sx-view-tabs button,#app .sx-view-tabs a,#app .sx-toolbar-btn{font-size:9.5px!important;color:#39465b!important}
#app .sx-tool-icon{font-size:12px!important;color:#526176!important}
#app .sx-view-tabs .active{color:#1167c7!important;background:#edf5ff!important;border-color:#cddff4!important}

@media(max-width:1050px){
  #app .sx-kw-head,#app .sx-kw-row{grid-template-columns:28px minmax(180px,1fr) 95px 55px 60px 90px 52px!important}
}
@media(max-width:800px){
  #app .sx-inline-property{flex-direction:column!important}.sx-inline-property select{min-width:0!important;width:100%!important}
  #app .sx-keyword-summary p{flex-wrap:wrap!important;gap:6px 12px!important}
  #app .sx-kw-table{overflow-x:auto!important}.sx-kw-head,.sx-kw-row{min-width:730px!important}
  #app .sx-calendar-month .calendar-day{min-height:86px!important}
}

#app .sx-ga-unmatched{min-height:138px!important;align-content:center!important;text-align:left!important;padding:18px 22px!important;background:#f8fafc!important;border-top:1px solid #edf1f5!important}
#app .sx-ga-unmatched>p{display:grid!important;gap:4px!important;margin:0!important;color:#5f6979!important}
#app .sx-ga-unmatched>p b{color:#4d5666!important;font-size:11px!important;font-weight:600!important}
#app .sx-ga-unmatched>p span{font-size:9.5px!important}
#app .sx-ga-no-property{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
#app .sx-ga-no-property>span{font-size:9px!important;color:#7a8494!important;margin-right:auto!important}