/* Webtick SEO Pro UX — task-oriented workspaces */
.wt-seo-pro-dock{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:8px;background:#f7f8fb;border:1px solid #e7e9ef;border-radius:16px;position:relative;z-index:5}
.wt-seo-pro-dock button{appearance:none;border:0;background:transparent;color:#5b6270;border-radius:11px;padding:9px 14px;font:inherit;font-weight:800;cursor:pointer;transition:.18s ease}
.wt-seo-pro-dock button:hover{background:#fff;color:#151923}.wt-seo-pro-dock button.is-active{background:#111827;color:#fff;box-shadow:0 6px 18px rgba(17,24,39,.14)}
.wt-seo-pro-panel[hidden]{display:none!important}.wt-seo-pro-side-tabs{margin-bottom:12px}.wt-seo-pro-side-tabs button{flex:1;text-align:center}
.wt-seo-pro-sticky{position:sticky;top:92px;align-self:start}.wt-seo-pro-side-stack{min-width:0}
.wt-seo-pro-note{font-size:12px;color:#747b89;margin-inline-start:auto;padding:0 8px}
.wt-seo-pro-stepbar{display:grid;grid-template-columns:repeat(var(--steps,3),1fr);gap:8px;margin:0 0 18px}
.wt-seo-pro-step{padding:10px 12px;border:1px solid #e7e9ef;border-radius:14px;background:#fff;display:flex;gap:9px;align-items:center;color:#6b7280;font-size:12px;font-weight:800}.wt-seo-pro-step b{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#f0f2f6;color:#111827}.wt-seo-pro-step.is-current{border-color:#c7d2fe;background:#f8faff;color:#3730a3}.wt-seo-pro-step.is-current b{background:#111827;color:#fff}

/* Meta — editor + preview inspector */
.wt-meta.wt-seo-pro .wt-meta-layout{align-items:start}.wt-meta.wt-seo-pro #wt-meta-form{min-width:0}.wt-meta.wt-seo-pro .wt-meta-side{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin;padding-inline-end:3px}.wt-meta.wt-seo-pro .wt-meta-side>.wt-meta-preview-card,.wt-meta.wt-seo-pro .wt-meta-side>.wt-meta-output-card{margin-top:0}.wt-meta.wt-seo-pro .wt-meta-form-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wt-meta.wt-seo-pro .wt-meta-form-group>.wt-field-wide,.wt-meta.wt-seo-pro .wt-meta-form-group>.wt-meta-checks,.wt-meta.wt-seo-pro .wt-meta-form-group>.wt-meta-actions{grid-column:1/-1}.wt-meta.wt-seo-pro .wt-meta-section-head{grid-column:1/-1}.wt-meta.wt-seo-pro .wt-meta-actions{margin-top:4px}

/* Schema — type-first builder */
.wt-schema-page.wt-seo-pro .wt-schema-layout{align-items:start}.wt-schema-page.wt-seo-pro .wt-schema-side{position:sticky;top:92px;align-self:start}.wt-schema-page.wt-seo-pro .wt-schema-type-grid{max-height:310px;overflow:auto;scrollbar-width:thin;padding:2px}.wt-schema-page.wt-seo-pro .wt-schema-card{min-width:0}.wt-schema-page.wt-seo-pro .wt-schema-output{max-height:360px;overflow:auto}

/* Anchor — planner + link lab */
.wt-anchor-page.wt-seo-pro .wt-anchor-layout{align-items:start}.wt-anchor-page.wt-seo-pro .wt-anchor-side{position:sticky;top:92px;align-self:start}.wt-anchor-page.wt-seo-pro .wt-anchor-main{min-width:0}.wt-anchor-page.wt-seo-pro .wt-anchor-results-card{min-height:320px}.wt-anchor-page.wt-seo-pro .wt-anchor-side>section{margin-top:0}

/* Favicon finder — scan console */
.wt-favicon-page.wt-seo-pro .wt-favicon-grid{align-items:start}.wt-favicon-page.wt-seo-pro .wt-favicon-side{position:sticky;top:92px;align-self:start}.wt-favicon-page.wt-seo-pro .wt-favicon-results{max-height:680px;overflow:auto;scrollbar-width:thin;padding-inline-end:3px}

/* Favicon generator — staged studio */
.wt-fg.wt-seo-pro .wt-fg-grid{align-items:start}.wt-fg.wt-seo-pro .wt-fg-main{min-width:0}.wt-fg.wt-seo-pro .wt-fg-side{position:sticky;top:92px;align-self:start}.wt-fg.wt-seo-pro .wt-fg-main>.wt-fg-card{margin-top:0}.wt-fg.wt-seo-pro #wtFgEditorCard .wt-fg-stage-wrap{position:sticky;top:105px;align-self:start}.wt-fg.wt-seo-pro .wt-fg-editor{align-items:start}

/* UTM — campaign console */
.wt-utm.wt-seo-pro .wt-utm-layout{align-items:start}.wt-utm.wt-seo-pro .wt-utm-result{position:sticky;top:92px;align-self:start}.wt-utm.wt-seo-pro .wt-utm-advanced-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border:1px dashed #d7dbe4;border-radius:12px;padding:10px 12px;background:#fafbfc;cursor:pointer;font-weight:800;color:#505866}.wt-utm.wt-seo-pro .wt-utm-advanced-toggle small{font-weight:600;color:#8a919e}.wt-utm.wt-seo-pro .wt-field.is-advanced[hidden]{display:none!important}

/* Inspector — report views */
.wtsi.wt-seo-pro #wtsi-results{position:relative}.wtsi.wt-seo-pro .wtsi-report-head{position:sticky;top:76px;z-index:12;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-radius:16px;padding:12px 14px;margin-bottom:12px}.wtsi.wt-seo-pro .wtsi-pro-report-tabs{margin:10px 0 0}.wtsi.wt-seo-pro .wtsi-groups{scroll-margin-top:150px}

@media(max-width:980px){.wt-seo-pro-sticky,.wt-meta.wt-seo-pro .wt-meta-side,.wt-schema-page.wt-seo-pro .wt-schema-side,.wt-anchor-page.wt-seo-pro .wt-anchor-side,.wt-favicon-page.wt-seo-pro .wt-favicon-side,.wt-fg.wt-seo-pro .wt-fg-side,.wt-utm.wt-seo-pro .wt-utm-result{position:static;max-height:none;overflow:visible}.wt-fg.wt-seo-pro #wtFgEditorCard .wt-fg-stage-wrap{position:static}.wtsi.wt-seo-pro .wtsi-report-head{position:static}.wt-seo-pro-dock{overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.wt-seo-pro-dock::-webkit-scrollbar{display:none}.wt-seo-pro-dock button{white-space:nowrap}.wt-meta.wt-seo-pro .wt-meta-form-group{grid-template-columns:1fr}}
@media(max-width:620px){.wt-seo-pro-stepbar{grid-template-columns:1fr}.wt-seo-pro-step{padding:8px 10px}.wt-seo-pro-note{display:none}}
