/* Mirror Hub — Crosslist details card injected into the editor.
   Reuses .mp-card / .mp-row / .mp-field / .mh-input from manual.css so
   visual style is identical to the manual-product form. Only adds the
   header layout and toast affordances specific to the editor surface. */

.cl-attrs-card {
  /* Sit below the panes with a bit of breathing room. */
  margin-top: 16px;
}

.cl-attrs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
.cl-attrs-actions {
  display: flex;
  gap: 8px;
}

.cl-attrs-toast {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: var(--mh-r-input);
  font-size: 12.5px;
  font-family: var(--mh-mono);
  border: 1px solid var(--mh-line);
  background: var(--mh-bg);
  color: var(--mh-text-mute);
}
.cl-attrs-toast-good {
  border-color: var(--mh-good);
  color: var(--mh-good);
  background: var(--mh-good-soft);
}
.cl-attrs-toast-danger {
  border-color: var(--mh-danger);
  color: var(--mh-danger);
  background: var(--mh-danger-soft);
}