/* Plantera SEO ONE – responsive no-overlap guard v2.1.4 */

.panel,
.panel-head,
.panel-head > *,
.topbar,
.topbar > *,
.top-actions,
.search-box {
  min-width: 0;
}

.panel-head,
.top-actions {
  flex-wrap: wrap;
}

.top-actions {
  justify-content: flex-end;
}

#seoView .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px 20px;
}

#seoView .panel-head > div {
  min-width: 0;
}

#seoView .source-pill {
  justify-self: end;
  max-width: min(340px, 38vw);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: right;
  line-height: 1.35;
}

#seoView .seo-autofix-head,
#seoView .seo-autofix-head > div,
#seoView .seo-card-head,
#seoView .seo-card-head > div {
  min-width: 0;
}

#seoView .seo-autofix-head,
#seoView .seo-card-head {
  flex-wrap: wrap;
}

#seoView .seo-autofix-state,
#seoView .seo-crawl-state {
  flex: 0 0 auto;
}

@media (max-width: 1180px) {
  .topbar {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 14px 0;
  }

  .top-actions {
    width: 100%;
    justify-content: flex-start;
    gap: 10px;
  }

  .top-actions .search-box {
    flex: 1 1 260px;
    width: auto;
    max-width: 420px;
  }

  .top-actions .profile,
  .top-actions .pseo-notification-center {
    flex: 0 0 auto;
  }

  #seoView .panel-head {
    grid-template-columns: minmax(0, 1fr);
  }

  #seoView .source-pill {
    justify-self: start;
    max-width: 100%;
    text-align: left;
  }
}

@media (max-width: 760px) {
  .top-actions {
    align-items: stretch;
  }

  .top-actions .search-box {
    max-width: none;
  }

  #seoView .seo-autofix-head,
  #seoView .seo-card-head {
    flex-direction: column;
    align-items: flex-start;
  }

  #seoView .seo-autofix-state,
  #seoView .seo-crawl-state {
    align-self: flex-start;
  }
}