.notes-publish-dialog {
  width: min(560px, calc(100% - 2rem));
}

.notes-publish-dialog h2 {
  margin: 0 0 0.5rem;
}

.notes-publish-dialog #notesPublishFields {
  display: grid;
  gap: 1rem;
}

.notes-publish-permission {
  margin: 0;
  color: var(--muted, #68768c);
  font-size: 0.85rem;
  line-height: 1.6;
}

.notes-publish-link {
  padding: 0.8rem;
  border: 1px solid var(--border, #ccd4e0);
  border-radius: 8px;
}

.notes-publish-link p {
  margin: 0.4rem 0 0;
  overflow-wrap: anywhere;
  user-select: text;
}

.notes-publish-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.6rem;
}

.notes-publish-dialog [hidden] {
  display: none !important;
}

.tree-context-menu button[data-tree-action^='publication-'] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 44px;
}

:is(.tree-context-menu, .notes-responsive-menu)
  button[data-tree-action^='publication-'] svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.notes-responsive-menu button[data-tree-action^='publication-'] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 44px;
}

@media (max-width: 480px) {
  .notes-publish-dialog {
    padding: 1rem;
  }
}

.notes-publication-badge {
  margin: 0.4rem 0;
  color: var(--muted, #68768c);
  font-size: 0.8rem;
}

.notes-publication-badge[hidden] {
  display: none;
}