/* ========================================
   MMGD BRANDING EDITOR MODE
======================================== */

.brand-editor-page {
  display: grid;
  gap: 18px;
}

.brand-editor-page .workspace-intro,
.brand-editor-page .project-module-shell,
.brand-editor-page .section-card.panel.narrow {
  background: var(--brand-panel-bg);
  border: var(--brand-border-width) solid var(--brand-panel-line);
  border-radius: var(--brand-panel-radius);
  box-shadow: var(--brand-panel-shadow);
}

.brand-editor-page .workspace-intro__copy,
.brand-editor-page .project-module__summary-main {
  max-width: 52rem;
}

.brand-editor-page .workspace-intro .page-title,
.brand-editor-page .section-card.panel.narrow h1 {
  font-family: var(--brand-title-font);
  letter-spacing: var(--brand-title-tracking);
}

.brand-editor-page .workspace-jumpnav__link,
.brand-editor-page .project-module__status,
.brand-editor-page .glossary-meta span {
  border-color: color-mix(in srgb, var(--brand-panel-line) 86%, transparent);
}

.brand-profile-picker {
  display: grid;
  gap: 14px;
}

.brand-profile-picker__copy {
  display: grid;
  gap: 8px;
}

.brand-profile-picker__hint {
  color: var(--muted);
  font-family: var(--brand-meta-font);
  font-size: var(--text-sm);
  line-height: 1.6;
}

.brand-profile-picker__link {
  color: var(--brand-accent-strong);
  font-family: var(--brand-meta-font);
  font-size: var(--text-sm);
  text-decoration: underline;
  text-underline-offset: 0.14em;
}

.brand-profile-picker__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(18rem, 1fr);
  gap: 18px;
  align-items: start;
}

.brand-profile-picker__field,
.brand-profile-picker__preview-stack {
  display: grid;
  gap: 12px;
}

.brand-profile-picker__preview-stack .brand-profile-preview__shell {
  min-height: 100%;
}

.brand-editor-page .project-settings-form {
  gap: var(--brand-flow-gap);
}

@media (max-width: 860px) {
  .brand-profile-picker__layout {
    grid-template-columns: 1fr;
  }
}