/**
 * Scoped editor surfaces only: Gutenberg sidebar, post/page meta box, Woo product meta box.
 * Loaded on post.php / post-new.php (includes WooCommerce products). Not on plugin admin app pages.
 */

/* —— Gutenberg document sidebar —— */
.interface-complementary-area .tdab-editor-sidebar-panel,
.edit-post-sidebar .tdab-editor-sidebar-panel {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.interface-complementary-area .tdab-editor-sidebar-panel .description,
.edit-post-sidebar .tdab-editor-sidebar-panel .description {
  margin: 0 0 var(--tdab-space-8);
  color: #646970;
  font-size: 12px;
  line-height: 1.45;
}

.interface-complementary-area .tdab-editor-sidebar-panel .components-panel__body,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-panel__body {
  margin-bottom: var(--tdab-space-8);
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #fff;
}

.interface-complementary-area .tdab-editor-sidebar-panel .components-base-control,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control {
  margin-bottom: var(--tdab-space-8);
}

.interface-complementary-area .tdab-editor-sidebar-panel .components-base-control:last-child,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control:last-child {
  margin-bottom: 0;
}

.interface-complementary-area .tdab-editor-sidebar-panel .components-textarea-control__input,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-textarea-control__input,
.interface-complementary-area .tdab-editor-sidebar-panel .components-select-control__input,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-select-control__input {
  border-color: #dce5f0;
  border-radius: 8px;
  min-height: 36px;
  max-width: 100%;
}

.interface-complementary-area .tdab-editor-sidebar-panel .components-base-control__label,
.edit-post-sidebar .tdab-editor-sidebar-panel .components-base-control__label {
  font-weight: 600;
  color: #172033;
}

.tdab-editor-sidebar-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-8);
  border-radius: 8px;
  padding: var(--tdab-space-8) var(--tdab-space-12);
  margin-bottom: var(--tdab-space-8);
  border: 1px solid #dce5f0;
  font-size: 13px;
  line-height: 1.35;
  max-width: 100%;
  min-width: 0;
}

.tdab-editor-sidebar-score strong {
  color: #172033;
  font-weight: 600;
}

.tdab-editor-sidebar-score span:last-child {
  font-size: 12px;
  font-weight: 600;
}

.tdab-editor-sidebar-score--strong {
  background: #f3fbf9;
  border-color: rgba(10, 125, 107, 0.35);
  color: #0a7d6b;
}

.tdab-editor-sidebar-score--building {
  background: #fff8ef;
  border-color: rgba(178, 106, 0, 0.35);
  color: #8a5a00;
}

.tdab-editor-sidebar-score--early {
  background: #fff5f5;
  border-color: rgba(179, 45, 46, 0.28);
  color: #b32d2e;
}

.tdab-editor-sidebar-state {
  margin: 0 0 var(--tdab-space-8);
  padding: var(--tdab-space-8) var(--tdab-space-12);
  border-radius: 8px;
  border: 1px solid #dce5f0;
  background: #f6f8fc;
  color: #52627a;
  font-size: 12px;
  line-height: 1.45;
  max-width: 100%;
}

/* —— Post/page meta box compaction —— */
#tdab-agent-ready .inside,
#thedotdev-agentic-bridge-commerce-agent-ready .inside {
  margin: 0;
  padding: var(--tdab-space-12);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-editor-agent-ready,
.tdab-commerce-agent-ready-panel {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.tdab-editor-lede,
.tdab-commerce-agent-ready-panel > .description {
  margin: 0 0 var(--tdab-space-8);
  font-size: 12px;
  line-height: 1.45;
  color: #646970;
}

.tdab-editor-brand-header {
  margin-bottom: var(--tdab-space-8);
  padding: var(--tdab-space-8) var(--tdab-space-12);
}

.tdab-editor-brand-lockup .tdab-s1-lockup {
  transform: scale(0.68);
  transform-origin: left top;
  margin-right: -72px;
}

.tdab-editor-header-scan-form .button {
  min-height: 36px;
}

.tdab-editor-scorebar,
.tdab-commerce-scorebar {
  margin-bottom: var(--tdab-space-12);
}

.tdab-editor-shell {
  margin-top: var(--tdab-space-8);
}

.tdab-editor-tabs {
  gap: var(--tdab-space-8);
  margin-bottom: var(--tdab-space-12);
  padding: 0;
  border: 0;
  background: transparent;
}

.tdab-editor-tab {
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid #dce5f0;
  border-radius: 8px;
  border-bottom-width: 1px;
  background: #fff;
}

.tdab-editor-tab.is-active,
.tdab-editor-tab[aria-selected='true'] {
  border-color: #bfe6ff;
  background: #f2fbff;
  color: #062c4a;
}

.tdab-editor-panel {
  padding: var(--tdab-space-12);
}

.tdab-editor-accordion,
.tdab-commerce-findings,
.tdab-meta-accordion {
  margin-bottom: var(--tdab-space-8);
}

.tdab-editor-accordion > summary,
.tdab-commerce-findings > summary,
.tdab-meta-accordion > summary {
  padding: var(--tdab-space-8) var(--tdab-space-12);
  min-height: 36px;
  font-size: 13px;
}

.tdab-editor-accordion > *:not(summary),
.tdab-commerce-findings > *:not(summary),
.tdab-meta-accordion > *:not(summary) {
  padding: 0 var(--tdab-space-12) var(--tdab-space-12);
}

.tdab-editor-findings {
  margin-top: var(--tdab-space-8);
}

.tdab-editor-finding {
  margin-bottom: var(--tdab-space-8);
  padding: var(--tdab-space-8);
}

.tdab-meta-help {
  margin-bottom: var(--tdab-space-8);
  font-size: 12px;
}

.tdab-meta-field {
  margin-bottom: var(--tdab-space-8);
}

.tdab-meta-label {
  margin-bottom: var(--tdab-space-4);
  font-size: 13px;
}

/* —— WooCommerce product meta box —— */
.tdab-commerce-agent-ready-panel {
  overflow-x: hidden;
}

.tdab-commerce-scorebar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-8);
  padding: var(--tdab-space-8) var(--tdab-space-12);
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #fff;
}

.tdab-commerce-scorebar-main {
  display: flex;
  align-items: baseline;
  gap: var(--tdab-space-8);
  flex-wrap: wrap;
}

.tdab-commerce-score-value {
  font-family: var(--tdab-font-family-display, 'Space Grotesk', Inter, system-ui, sans-serif);
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  color: #172033;
}

.tdab-commerce-score-denom {
  font-size: 13px;
  color: #646970;
  font-weight: 500;
}

.tdab-commerce-score-band {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #edf7f5;
  color: #0a7d6b;
  font-size: 11px;
  font-weight: 600;
}

.tdab-commerce-scorebar.is-warn .tdab-commerce-score-band {
  background: #fff1dc;
  color: #8a5a00;
}

.tdab-commerce-scorebar.is-weak .tdab-commerce-score-band {
  background: #fdeeee;
  color: #b32d2e;
}

.tdab-commerce-scorebar .description {
  margin: 0;
  font-size: 12px;
}

.tdab-commerce-findings {
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #fff;
}

.tdab-commerce-findings > summary {
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  color: #172033;
}

.tdab-commerce-findings > summary::-webkit-details-marker {
  display: none;
}

.tdab-commerce-findings ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tdab-commerce-finding {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdab-space-8);
  margin-bottom: var(--tdab-space-8);
  padding: var(--tdab-space-8);
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #fbfcfc;
  font-size: 13px;
}

.tdab-commerce-finding:last-child {
  margin-bottom: 0;
}

.tdab-commerce-finding span {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #52627a;
}

.tdab-commerce-finding--pass span {
  color: #0a7d6b;
}

.tdab-commerce-finding--warning span {
  color: #8a5a00;
}

.tdab-commerce-finding--fail span {
  color: #b32d2e;
}

/* Compact metadata (Woo product panel) */
.tdab-meta-fields--compact {
  max-width: 100%;
  min-width: 0;
}

.tdab-meta-fields--compact .tdab-meta-section,
.tdab-meta-fields--compact .tdab-meta-accordion {
  margin-bottom: var(--tdab-space-8);
  padding: 0;
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.tdab-meta-fields--compact .tdab-meta-accordion > summary {
  cursor: pointer;
  list-style: none;
  padding: var(--tdab-space-8) var(--tdab-space-12);
  font-size: 13px;
  font-weight: 600;
  color: #172033;
}

.tdab-meta-fields--compact .tdab-meta-accordion > summary::-webkit-details-marker {
  display: none;
}

.tdab-meta-fields--compact .tdab-meta-accordion[open] > summary {
  border-bottom: 1px solid #dce5f0;
}

.tdab-meta-fields--compact .tdab-meta-accordion-body,
.tdab-meta-fields--compact .tdab-meta-section > :not(.tdab-meta-section-title) {
  padding: 0 var(--tdab-space-12) var(--tdab-space-12);
}

.tdab-meta-fields--compact .tdab-meta-section-title {
  margin: 0;
  padding: var(--tdab-space-8) var(--tdab-space-12);
  font-size: 13px;
}

.tdab-meta-fields--compact .tdab-meta-section > .tdab-meta-section-title {
  border-bottom: 1px solid #dce5f0;
}

.tdab-meta-fields--compact .tdab-meta-check-grid,
.tdab-meta-fields--compact .tdab-meta-claims-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--tdab-space-8);
}

.tdab-meta-fields--compact .tdab-meta-check,
.tdab-meta-fields--compact .tdab-meta-claim-card {
  padding: var(--tdab-space-8);
}

.tdab-meta-fields--compact .tdab-meta-select,
.tdab-meta-fields--compact .tdab-meta-input,
.tdab-meta-fields--compact .tdab-meta-textarea {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 390px) {
  .tdab-editor-brand-lockup .tdab-s1-lockup {
    transform: none;
    margin-right: 0;
  }

  .tdab-editor-brand-actions,
  .tdab-editor-header-scan-form {
    width: 100%;
  }

  .tdab-editor-header-scan-form .button {
    width: 100%;
  }

  .tdab-editor-tabs {
    flex-wrap: wrap;
  }

  .tdab-editor-tab {
    flex: 1 1 calc(50% - 4px);
    justify-content: center;
    min-height: 40px;
  }

  .tdab-meta-check-grid,
  .tdab-meta-claims-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}