/* PromptDock SEO Planner v5 */

.pd-seo-optimization-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-optimization-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(110px,1fr));
  gap:8px;
  margin:10px 0 12px;
}
.pd-seo-optimization-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-optimization-kpis strong{font-size:16px}
.pd-seo-optimization-kpis span{color:var(--pd-text-muted,var(--muted));font-size:8px}

.pd-seo-intl-groups{display:grid;gap:8px}
.pd-seo-intl-groups>article{
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:10px;padding:10px;
}
.pd-seo-intl-groups>article>header{
  display:flex;justify-content:space-between;gap:10px;margin-bottom:7px
}
.pd-seo-intl-groups strong{font-size:10px}
.pd-seo-intl-groups small{color:var(--pd-text-muted,var(--muted));font-size:8px}
.pd-seo-intl-row{
  display:grid;
  grid-template-columns:80px minmax(180px,1fr) minmax(180px,1fr);
  gap:8px;align-items:center;
  border-top:1px solid var(--pd-border-subtle,var(--line));
  padding:7px 0;
}
.pd-seo-intl-row b{
  border-radius:999px;padding:4px 7px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
  font-size:8px;text-align:center;
}
.pd-seo-intl-row code{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--pd-text-primary,var(--ink));font-size:8px
}
.pd-seo-intl-groups pre{
  overflow:auto;margin:8px 0 0;border-radius:8px;padding:8px;
  background:var(--pd-surface-muted,var(--surface-muted));
  color:var(--pd-text-secondary,var(--muted));
  font-size:8px;line-height:1.4
}

.pd-seo-issue-stack{display:grid;gap:6px;margin-top:10px}
.pd-seo-issue-stack article{
  display:grid;grid-template-columns:28px 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-issue-stack article>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-issue-stack article.is-error{
  border-color:color-mix(in srgb,var(--pd-danger,#dc2626) 25%,var(--pd-border-default,var(--line)))
}
.pd-seo-issue-stack article.is-error>span{
  background:color-mix(in srgb,var(--pd-danger,#dc2626) 9%,transparent);
  color:var(--pd-danger,#dc2626)
}
.pd-seo-issue-stack article>div{display:grid;min-width:0}
.pd-seo-issue-stack strong{font-size:9px}
.pd-seo-issue-stack small{
  overflow:hidden;color:var(--pd-text-muted,var(--muted));font-size:8px;
  text-overflow:ellipsis;white-space:nowrap
}
.pd-seo-issue-stack .pd-button{min-height:28px;padding-inline:8px;font-size:8px}

.pd-seo-media-columns{
  display:grid;grid-template-columns:1fr 1fr;gap:10px
}
.pd-seo-media-columns>section{
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:10px;padding:10px;
  background:var(--pd-surface-subtle,var(--surface-muted))
}
.pd-seo-media-columns h3{margin:0 0 8px;font-size:10px}
.pd-seo-media-row{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;
  gap:8px;align-items:center;
  border-top:1px solid var(--pd-border-subtle,var(--line));
  padding:8px 0
}
.pd-seo-media-row:first-of-type{border-top:0}
.pd-seo-media-row>span{
  display:grid;width:28px;height:28px;place-items:center;border-radius:7px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent))
}
.pd-seo-media-row>div{display:grid;min-width:0}
.pd-seo-media-row strong,.pd-seo-media-row small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.pd-seo-media-row strong{font-size:8px}
.pd-seo-media-row small{color:var(--pd-text-muted,var(--muted));font-size:7px}
.pd-seo-media-row b{
  border-radius:999px;padding:4px 6px;
  background:var(--pd-surface-raised,var(--surface));
  color:var(--pd-text-secondary,var(--muted));
  font-size:7px
}

.pd-seo-ai-score{
  display:grid;grid-template-columns:72px minmax(0,1fr) minmax(240px,.8fr);
  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-ai-score__ring{
  display:grid;width:64px;height:64px;place-items:center;align-content:center;
  border-radius:50%;background:var(--pd-accent-soft,var(--accent-soft))
}
.pd-seo-ai-score__ring strong{font-size:14px}
.pd-seo-ai-score__ring small{color:var(--pd-text-muted,var(--muted));font-size:7px}
.pd-seo-ai-score>div:nth-child(2){display:grid;gap:2px}
.pd-seo-ai-score>div:nth-child(2)>strong{font-size:10px}
.pd-seo-ai-score p{margin:0;color:var(--pd-text-muted,var(--muted));font-size:8px}
.pd-seo-ai-score aside{
  display:flex;gap:7px;align-items:flex-start;
  border-radius:8px;padding:8px;background:var(--pd-surface-raised,var(--surface));
  color:var(--pd-text-secondary,var(--muted));font-size:8px;line-height:1.4
}
.pd-seo-ai-checks{display:grid;gap:5px}
.pd-seo-ai-checks article{
  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-ai-checks article:first-child{border-top:0}
.pd-seo-ai-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-ai-toggle.is-done{
  background:var(--pd-accent-primary,var(--accent));
  color:var(--pd-accent-contrast,#fff)
}
.pd-seo-ai-checks article>div{display:grid;gap:2px}
.pd-seo-ai-checks strong{font-size:9px}
.pd-seo-ai-checks small{color:var(--pd-text-muted,var(--muted));font-size:8px;line-height:1.35}

.pd-seo-duplicate-list,
.pd-seo-decay-list{display:grid;gap:6px}
.pd-seo-duplicate-list article{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;
  gap:8px;align-items:center;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:9px;padding:8px
}
.pd-seo-duplicate-score{
  display:grid;width:44px;height:44px;place-items:center;
  border-radius:50%;background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));font-size:10px;font-weight:850
}
.pd-seo-duplicate-list article>div{display:grid;gap:2px}
.pd-seo-duplicate-list strong{font-size:9px}
.pd-seo-duplicate-list small{color:var(--pd-text-muted,var(--muted));font-size:8px;line-height:1.35}

.pd-seo-decay-note{
  display:flex;gap:7px;align-items:flex-start;
  margin:10px 0;border-radius:8px;padding:8px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-text-secondary,var(--muted));font-size:8px;line-height:1.4
}
.pd-seo-decay-list article{
  display:grid;grid-template-columns:30px minmax(0,1fr) auto;
  gap:8px;align-items:start;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:9px;padding:8px
}
.pd-seo-decay-list article>span{
  display:grid;width:30px;height:30px;place-items:center;
  border-radius:8px;background:color-mix(in srgb,var(--pd-danger,#dc2626) 8%,transparent);
  color:var(--pd-danger,#dc2626)
}
.pd-seo-decay-list article>div{display:grid;gap:2px}
.pd-seo-decay-list strong{font-size:9px}
.pd-seo-decay-list small,.pd-seo-decay-list p{
  margin:0;color:var(--pd-text-muted,var(--muted));font-size:8px;line-height:1.4
}

@media(max-width:1000px){
  .pd-seo-optimization-kpis{grid-template-columns:1fr 1fr}
  .pd-seo-media-columns{grid-template-columns:1fr}
  .pd-seo-ai-score{grid-template-columns:72px 1fr}
  .pd-seo-ai-score aside{grid-column:1/-1}
}
@media(max-width:700px){
  .pd-seo-intl-row{grid-template-columns:70px 1fr}
  .pd-seo-intl-row small{grid-column:1/-1}
  .pd-seo-duplicate-list article{grid-template-columns:48px 1fr}
  .pd-seo-duplicate-list article .pd-seo-priority,
  .pd-seo-duplicate-list article .pd-button{grid-column:auto}
}