/* PromptDock SEO Planner v3 */

.pd-seo-research-view,
.pd-seo-local-view,
.pd-seo-links-view,
.pd-seo-review-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-research-summary,
.pd-seo-links-summary,
.pd-seo-review-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(110px,1fr));
  gap:8px;
  margin:10px 0 12px;
}

.pd-seo-research-summary{grid-template-columns:repeat(3,minmax(110px,1fr))}

.pd-seo-research-summary article,
.pd-seo-links-summary article,
.pd-seo-review-kpis article{
  display:grid;
  gap:2px;
  min-width:0;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:10px;
  padding:10px;
  background:var(--pd-surface-subtle,var(--surface-muted));
}

.pd-seo-research-summary strong,
.pd-seo-links-summary strong,
.pd-seo-review-kpis strong{
  font-size:16px;
  color:var(--pd-text-primary,var(--ink));
}

.pd-seo-research-summary span,
.pd-seo-links-summary span,
.pd-seo-review-kpis small{
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
}

.pd-seo-research-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.pd-seo-research-group{
  min-width:0;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:10px;
  padding:10px;
  background:var(--pd-surface-subtle,var(--surface-muted));
}

.pd-seo-research-group>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:7px;
}

.pd-seo-research-group h3{
  margin:0;
  font-size:10px;
}

.pd-seo-research-group small{
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
}

.pd-seo-gap-card{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
  border-top:1px solid var(--pd-border-subtle,var(--line));
  padding:8px 0;
}

.pd-seo-gap-card:first-of-type{border-top:0}

.pd-seo-gap-card__state{
  display:grid;
  width:26px;
  height:26px;
  place-items:center;
  border-radius:7px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
}

.pd-seo-gap-card__copy{display:grid;min-width:0;gap:2px}
.pd-seo-gap-card__copy strong{font-size:9px}
.pd-seo-gap-card__copy small,
.pd-seo-gap-card__copy p{
  margin:0;
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
  line-height:1.35;
}

.pd-seo-gap-card .pd-button{
  min-height:28px;
  padding-inline:8px;
  font-size:8px;
}

.pd-seo-mini-empty{
  padding:14px 6px;
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
  text-align:center;
}

.pd-seo-local-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  padding:5px 8px;
  background:var(--pd-surface-muted,var(--surface-muted));
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
  font-weight:800;
}

.pd-seo-local-status.is-ready{
  background:color-mix(in srgb,var(--pd-success,#16a34a) 12%,transparent);
  color:var(--pd-success,#16a34a);
}

.pd-seo-local-modes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0 12px;
}

.pd-seo-local-modes button{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:2px 8px;
  align-items:center;
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:10px;
  padding:10px;
  background:var(--pd-surface-raised,var(--surface));
  color:var(--pd-text-primary,var(--ink));
  text-align:left;
  cursor:pointer;
}

.pd-seo-local-modes button>span{
  display:grid;
  grid-row:1/3;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:8px;
  background:var(--pd-surface-muted,var(--surface-muted));
  color:var(--pd-text-muted,var(--muted));
}

.pd-seo-local-modes button strong{font-size:9px}
.pd-seo-local-modes button small{
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
  line-height:1.3;
}

.pd-seo-local-modes button.is-active{
  border-color:var(--pd-accent-primary,var(--accent));
  background:var(--pd-accent-soft,var(--accent-soft));
}

.pd-seo-local-modes button.is-active>span{
  background:var(--pd-accent-primary,var(--accent));
  color:var(--pd-accent-contrast,#fff);
}

.pd-seo-local-off{
  display:grid;
  min-height:180px;
  place-items:center;
  align-content:center;
  gap:6px;
  border:1px dashed var(--pd-border-default,var(--line));
  border-radius:10px;
  padding:20px;
  color:var(--pd-text-muted,var(--muted));
  text-align:center;
}

.pd-seo-local-off>i{
  color:var(--pd-accent-primary,var(--accent));
  font-size:24px;
}

.pd-seo-local-off strong{
  color:var(--pd-text-primary,var(--ink));
  font-size:10px;
}

.pd-seo-local-off p{
  max-width:48ch;
  margin:0;
  font-size:8px;
  line-height:1.5;
}

.pd-seo-local-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pd-seo-local-form label{
  display:grid;
  gap:4px;
  min-width:0;
}

.pd-seo-local-form label>span{
  color:var(--pd-text-primary,var(--ink));
  font-size:9px;
  font-weight:750;
}

.pd-seo-local-form label>span b{
  margin-left:4px;
  border-radius:999px;
  padding:2px 5px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
  font-size:7px;
}

.pd-seo-local-form label small{
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
  line-height:1.35;
}

.pd-seo-local-form textarea{
  min-height:58px;
  resize:vertical;
  border:1px solid var(--pd-border-default,var(--line));
  border-radius:8px;
  padding:8px;
  background:var(--pd-surface-raised,var(--surface));
  color:var(--pd-text-primary,var(--ink));
  font:inherit;
  font-size:9px;
}

.pd-seo-local-actions{
  grid-column:1/-1;
  display:flex;
  gap:6px;
  justify-content:flex-end;
}

.pd-seo-link-row{
  display:grid;
  grid-template-columns:minmax(120px,1fr) 24px minmax(120px,1fr) minmax(120px,1.4fr) auto;
  gap:8px;
  align-items:center;
  border-top:1px solid var(--pd-border-subtle,var(--line));
  padding:8px 0;
}

.pd-seo-link-row:first-child{border-top:0}
.pd-seo-link-row__page{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-radius:7px;
  padding:6px 8px;
  background:var(--pd-surface-muted,var(--surface-muted));
  font-size:8px;
  font-weight:700;
}
.pd-seo-link-row__arrow{text-align:center;color:var(--pd-accent-primary,var(--accent))}
.pd-seo-link-row__anchor{
  overflow:hidden;
  color:var(--pd-text-muted,var(--muted));
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pd-seo-link-row .pd-button{min-height:28px;padding-inline:8px;font-size:8px}

.pd-seo-review-kpis article{
  grid-template-columns:26px 1fr;
  grid-template-rows:auto auto;
  column-gap:8px;
}
.pd-seo-review-kpis article>span{
  display:grid;
  grid-row:1/3;
  width:26px;
  height:26px;
  place-items:center;
  border-radius:7px;
  background:var(--pd-accent-soft,var(--accent-soft));
  color:var(--pd-accent-primary,var(--accent));
}
.pd-seo-review-kpis strong{font-size:14px}

.pd-seo-review-note{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin-bottom:8px;
  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-review-findings{display:grid;gap:6px}
.pd-seo-review-finding{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:8px;
  align-items:center;
  border:1px solid var(--pd-border-subtle,var(--line));
  border-radius:9px;
  padding:8px;
}
.pd-seo-review-finding>span{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:8px;
  background:var(--pd-surface-muted,var(--surface-muted));
}
.pd-seo-review-finding>div{display:grid}
.pd-seo-review-finding strong{font-size:9px}
.pd-seo-review-finding small{color:var(--pd-text-muted,var(--muted));font-size:8px}
.pd-seo-review-finding--winner>span{color:var(--pd-success,#16a34a)}
.pd-seo-review-finding--loser>span{color:var(--pd-danger,#dc2626)}
.pd-seo-review-finding--opportunity>span{color:var(--pd-accent-primary,var(--accent))}

@media(max-width:1100px){
  .pd-seo-research-groups{grid-template-columns:1fr}
  .pd-seo-local-modes{grid-template-columns:1fr 1fr}
  .pd-seo-research-summary,.pd-seo-links-summary,.pd-seo-review-kpis{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  .pd-seo-local-form{grid-template-columns:1fr}
  .pd-seo-local-modes{grid-template-columns:1fr}
  .pd-seo-link-row{grid-template-columns:1fr auto 1fr}
  .pd-seo-link-row__anchor,.pd-seo-link-row .pd-button{grid-column:1/-1}
}