/* Scale Xpert v0.4.44 — workspace entitlements, custom workspace switcher, GEO quota and audit loading polish */

/* Header workspace switcher: replace native browser select with a Scale Xpert popover. */
.sx-workspace-switcher{position:relative;display:block;margin:0 10px 0 12px;flex:0 0 auto;z-index:80}
.sx-workspace-switcher>summary{list-style:none;display:flex;align-items:center;gap:10px;width:232px;height:38px;padding:0 12px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#14203b;box-sizing:border-box;cursor:pointer;font-size:11px;font-weight:650;box-shadow:0 1px 2px rgba(22,35,62,.02);user-select:none}
.sx-workspace-switcher>summary::-webkit-details-marker{display:none}
.sx-workspace-switcher>summary:hover{border-color:#cbd6e6;background:#fbfcff}
.sx-workspace-switcher[open]>summary{border-color:#bfcdf0;box-shadow:0 0 0 3px rgba(91,71,245,.07)}
.sx-workspace-switcher .sx-workspace-globe{width:17px;height:17px;flex:0 0 17px;color:#5f6d83}
.sx-workspace-switcher>summary>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-workspace-caret{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#526078;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.sx-workspace-switcher[open] .sx-workspace-caret{transform:rotate(180deg)}
.sx-workspace-popover{position:absolute;left:0;top:46px;width:304px;padding:10px;background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 18px 46px rgba(28,43,72,.16);z-index:120}
.sx-workspace-popover-title{padding:5px 9px 8px;color:#8b95a8;font-size:8px;font-weight:800;letter-spacing:.12em}
.sx-workspace-list{display:grid;gap:3px;max-height:320px;overflow:auto}
.sx-workspace-item,.sx-workspace-add{width:100%;border:0;background:transparent;color:#1a2740;border-radius:7px;cursor:pointer;text-align:left;font:inherit}
.sx-workspace-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;padding:9px 10px}
.sx-workspace-item:hover,.sx-workspace-item.active{background:#f1f3ff}
.sx-workspace-item-check{width:18px;height:18px;display:grid;place-items:center;color:#5b47f5;font-size:10px;font-weight:800}
.sx-workspace-item-copy{min-width:0;display:grid;gap:2px}
.sx-workspace-item-copy b{font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-workspace-item-copy small{font-size:8.5px;color:#7c8799;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:450}
.sx-workspace-separator{height:1px;background:#edf0f5;margin:8px 2px}
.sx-workspace-add{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px}
.sx-workspace-add:hover{background:#f7f8ff}
.sx-workspace-add>span:first-child{width:26px;height:26px;border-radius:7px;background:#eeeaff;color:#604bf2;display:grid;place-items:center;font-size:17px;line-height:1}
.sx-workspace-add>span:last-child{display:grid;gap:2px}
.sx-workspace-add b{font-size:10px;color:#2a3760}
.sx-workspace-add small{font-size:8.5px;color:#8791a1;font-weight:450}
.sx-workspace-none{padding:12px;color:#8490a2;font-size:9px;text-align:center}

/* Empty-account CTA uses the same guided onboarding instead of a second setup form. */
.sx-empty-workspace{max-width:820px;margin:48px auto}
.sx-empty-workspace-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px!important}
.sx-empty-workspace-icon{width:50px;height:50px;border-radius:13px;background:#f0edff;color:#604bf2;display:grid;place-items:center}
.sx-empty-workspace-icon svg{width:23px;height:23px}
.sx-empty-workspace-card h2{margin:0 0 4px;font-size:14px;color:#17213a}
.sx-empty-workspace-card p{margin:0;color:#707b8f;font-size:10px;line-height:1.6}

/* Site Audit issue expansion: one-line, calm loading state. */
.sx-audit-loading-v0444{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 16px!important;color:#788397!important;font-size:9.5px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important}
.sx-inline-spinner{width:15px;height:15px;border:2px solid #e2e7f0;border-top-color:#5d4af1;border-radius:50%;display:inline-block;animation:sx-v0444-spin .72s linear infinite}
@keyframes sx-v0444-spin{to{transform:rotate(360deg)}}

/* GEO monthly usage quota. */
.sx-geo-quota{margin:0 0 14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e6f3;border-radius:8px;background:linear-gradient(90deg,#f8f7ff,#fbfcff);color:#26314d}
.sx-geo-quota-icon{width:28px;height:28px;border-radius:8px;background:#ebe8ff;color:#5e49ef;display:grid;place-items:center;font-size:14px;flex:0 0 28px}
.sx-geo-quota>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;min-width:0}
.sx-geo-quota b{font-size:10px}
.sx-geo-quota span:not(.sx-geo-quota-icon){font-size:9px;color:#59657a}
.sx-geo-quota small{grid-column:1/-1;color:#8a93a4;font-size:8px}
.sx-geo-quota.exhausted{border-color:#f1dfc2;background:#fffaf2}
.sx-geo-quota.exhausted .sx-geo-quota-icon{background:#fff0d8;color:#c77b00}

/* Keep onboarding beta checkout language visually clean when reopened for additional websites. */
.sx-payment-placeholder .sx-pill{background:#f1efff!important;color:#5b47f5!important}

@media(max-width:900px){
  .sx-workspace-switcher>summary{width:190px}
  .sx-workspace-popover{width:280px}
  .sx-empty-workspace-card{grid-template-columns:48px minmax(0,1fr)}
  .sx-empty-workspace-card .button{grid-column:1/-1;justify-self:start}
}