/**
 * OW Onboarding Tool v0.83.0
 * Nuwacom sitemap reconciliation and reference-layer presentation.
 */

/* Four-value project summaries stay readable in the narrow editor sidebar. */
.cm-site-stats.cm-site-stats-extended {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 8px;
}

.cm-site-stats.cm-site-stats-extended span {
  min-width: 0;
}

.cm-site-stats.cm-site-stats-extended span:nth-child(even) {
  padding-left: 10px;
  border-left: 1px solid rgba(211, 211, 205, 0.7);
}

.cm-inspector-stats.cm-inspector-stats-four,
.cmp-detail-stats.cmp-detail-stats-four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cm-inspector-stats.cm-inspector-stats-four span,
.cmp-detail-stats.cmp-detail-stats-four span {
  min-width: 0;
}

/* Docs and Trust remain visible, but clearly separated from marketing pages. */
.cm-sidebar-content-section.references .cm-sidebar-content-label {
  color: #6b7280;
}

.cm-sidebar-content-section.references .cm-sidebar-content-label svg {
  color: #64748b;
}

.cm-sidebar-content-section.references .cm-sidebar-content-item {
  background: rgba(248, 250, 252, 0.7);
}

.cm-sidebar-content-section.references .cm-sidebar-content-item:hover,
.cm-sidebar-content-section.references .cm-sidebar-content-item.active {
  background: #f4f6f8;
}

/* Presenter header can expose all four dimensions without squeezing the brand. */
.cmp-identity-stats.cmp-identity-stats-four {
  gap: 8px;
}

.cmp-identity-stats.cmp-identity-stats-four span {
  white-space: nowrap;
}

/* Review mode distinguishes the reference layer without changing its filters. */
.owr-legend.reference {
  color: #64748b;
}

.owr-legend.reference svg {
  color: #64748b;
}

@media (max-width: 1180px) {
  .owr-stage-toolbar > div:last-child .owr-legend:nth-child(3) {
    display: flex;
  }

  .owr-stage-toolbar > div:last-child .owr-legend:nth-child(4) {
    display: none;
  }
}

@media (max-width: 1120px) {
  .cmp-identity-stats.cmp-identity-stats-four {
    display: none;
  }
}

@media (max-width: 520px) {
  .cm-site-stats.cm-site-stats-extended,
  .cm-inspector-stats.cm-inspector-stats-four,
  .cmp-detail-stats.cmp-detail-stats-four {
    grid-template-columns: 1fr;
  }

  .cm-site-stats.cm-site-stats-extended span:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }
}

.owr-node.content.reference {
  border-style: dashed;
  background: #fbfcfd;
}