/* PromptDock SEO Planner v4 */

.pd-seo-advanced-view{
  margin-top:12px;
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:14px;
  padding:12px;
  background:var(--pd-surface-raised,var(--surface));
}

.pd-seo-advanced-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  gap:8px;
  margin:10px 0 12px;
}
.pd-seo-advanced-kpis article{
  display:grid;
  gap:2px;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:10px;
  padding:10px;
  background:var(--pd-surface-subtle,var(--surface-muted));
}
.pd-seo-advanced-kpis strong{font-size:16px}
.pd-seo-advanced-kpis span{color:var(--pd-text-muted,var(--muted));font-size:8px}

.pd-seo-serp-list,
.pd-seo-schema-list,
.pd-seo-redirect-list,
.pd-seo-launch-list{
  display:grid;
  gap:7px;
}

.pd-seo-serp-card{
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:10px;
  padding:10px;
}
.pd-seo-serp-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.pd-seo-serp-card__head>div{display:grid;gap:2px}
.pd-seo-serp-card__head strong{font-size:10px}
.pd-seo-serp-card__head small{color:var(--pd-text-muted,var(--muted));font-size:8px}
.pd-seo-serp-card__columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:8px;
}
.pd-seo-serp-card__columns>div{
  border-radius:8px;
  padding:8px;
  background:var(--pd-surface-subtle,var(--surface-muted));
}
.pd-seo-serp-card__columns h4{margin:0 0 5px;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.pd-seo-serp-card__columns p{margin:2px 0;color:var(--pd-text-secondary,var(--muted));font-size:8px;line-height:1.4}

.pd-seo-schema-types{
  display:grid;
  grid-template-columns:repeat(7,minmax(90px,1fr));
  gap:7px;
  margin:10px 0 12px;
}
.pd-seo-schema-types button{
  display:grid;
  place-items:center;
  gap:5px;
  min-height:70px;
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:10px;
  background:var(--pd-surface-subtle,var(--surface-muted));
  color:var(--pd-text-primary,var(--ink));
  cursor:pointer;
}
.pd-seo-schema-types button span{
  display:grid;
  width:28px;height:28px;place-items:center;
  border-radius:8px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
}
.pd-seo-schema-types button strong{font-size:8px}

.pd-seo-schema-list article{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:9px;
  padding:8px;
}
.pd-seo-schema-list article>span{
  display:grid;width:30px;height:30px;place-items:center;border-radius:8px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
}
.pd-seo-schema-list article>div{display:grid;min-width:0}
.pd-seo-schema-list strong{font-size:9px}
.pd-seo-schema-list small{color:var(--pd-text-muted,var(--muted));font-size:8px}

.pd-seo-framer-tip{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  margin-top:10px;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:10px;
  padding:10px;
  background:var(--pd-accent-soft,var(--accent-soft));
}
.pd-seo-framer-tip>i{
  display:grid;width:34px;height:34px;place-items:center;
  border-radius:9px;background:var(--pd-surface-raised,var(--surface));
  color:var(--pd-accent-primary,var(--accent));
}
.pd-seo-framer-tip strong{font-size:9px}
.pd-seo-framer-tip p{margin:2px 0 0;color:var(--pd-text-secondary,var(--muted));font-size:8px;line-height:1.4}

.pd-seo-redirect-row{
  display:grid;
  grid-template-columns:minmax(150px,1fr) 24px minmax(150px,1fr) 50px auto;
  gap:8px;
  align-items:center;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:9px;
  padding:8px;
}
.pd-seo-redirect-row code{
  overflow:hidden;
  border-radius:6px;
  padding:6px 7px;
  background:var(--pd-surface-muted,var(--surface-muted));
  color:var(--pd-text-primary,var(--ink));
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pd-seo-redirect-row>span{text-align:center;color:var(--pd-accent-primary,var(--accent))}
.pd-seo-redirect-row>b{
  border-radius:999px;
  padding:4px 6px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
  font-size:8px;
  text-align:center;
}

.pd-seo-issue-box{
  margin-top:8px;
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:9px;
  padding:9px;
  background:var(--pd-surface-subtle,var(--surface-muted));
}
.pd-seo-issue-box.is-error{
  border-color:color-mix(in srgb,var(--pd-danger,#dc2626) 25%,var(--pd-border-default,var(--line)));
  background:color-mix(in srgb,var(--pd-danger,#dc2626) 5%,var(--pd-surface-raised,var(--surface)));
}
.pd-seo-issue-box strong{font-size:9px}
.pd-seo-issue-box p{margin:3px 0;color:var(--pd-text-secondary,var(--muted));font-size:8px}

.pd-seo-launch-summary{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:10px 0 12px;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:10px;
  padding:10px;
  background:var(--pd-surface-subtle,var(--surface-muted));
}
.pd-seo-launch-ring{
  display:grid;
  width:64px;height:64px;
  place-items:center;
  align-content:center;
  border-radius:50%;
  background:
    radial-gradient(circle,var(--pd-surface-raised,var(--surface)) 58%,transparent 60%),
    conic-gradient(var(--pd-accent-primary,var(--accent)) var(--launch),var(--pd-surface-muted,var(--surface-muted)) 0);
}
.pd-seo-launch-ring strong{font-size:14px}
.pd-seo-launch-ring small{color:var(--pd-text-muted,var(--muted));font-size:7px}
.pd-seo-launch-summary>div:nth-child(2){display:grid;gap:2px}
.pd-seo-launch-summary>div:nth-child(2)>strong{font-size:10px}
.pd-seo-launch-summary p{margin:0;color:var(--pd-text-muted,var(--muted));font-size:8px}
.pd-seo-launch-state{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  padding:5px 8px;
  background:color-mix(in srgb,var(--pd-danger,#dc2626) 8%,transparent);
  color:var(--pd-danger,#dc2626);
  font-size:8px;
  font-weight:800;
}
.pd-seo-launch-state.is-ready{
  background:color-mix(in srgb,var(--pd-success,#16a34a) 10%,transparent);
  color:var(--pd-success,#16a34a);
}
.pd-seo-launch-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border-top:1px solid var(--pd-border-subtle,var(--line));
  padding:8px 0;
}
.pd-seo-launch-row:first-child{border-top:0}
.pd-seo-launch-toggle{
  display:grid;
  width:22px;height:22px;place-items:center;
  border:1px solid var(--pd-accent-primary,var(--accent));
  border-radius:6px;
  background:transparent;
  color:var(--pd-accent-primary,var(--accent));
  cursor:pointer;
}
.pd-seo-launch-toggle.is-done{
  background:var(--pd-accent-primary,var(--accent));
  color:var(--pd-accent-contrast,#fff);
}
.pd-seo-launch-row>div{display:grid;gap:2px}
.pd-seo-launch-row strong{font-size:9px}
.pd-seo-launch-row small{color:var(--pd-text-muted,var(--muted));font-size:8px;line-height:1.35}

@media(max-width:1100px){
  .pd-seo-schema-types{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:800px){
  .pd-seo-serp-card__columns{grid-template-columns:1fr}
  .pd-seo-schema-types{grid-template-columns:repeat(2,1fr)}
  .pd-seo-redirect-row{grid-template-columns:1fr 24px 1fr}
  .pd-seo-redirect-row>b,.pd-seo-redirect-row .pd-button{grid-column:auto}
  .pd-seo-launch-summary{grid-template-columns:72px 1fr}
  .pd-seo-launch-state{grid-column:1/-1;justify-self:start}
}