/* Existing diff mode styles */
.sage-ai-diff-edit-mode {
  position: relative;
  border: 2px solid var(--jp-brand-color1);
}

/* Styles for hidden diff mode */
.sage-ai-diff-edit-mode-hidden {
  position: relative;
  border: 2px dashed var(--jp-border-color2);
  opacity: 0.75;
}

.sage-ai-diff-edit-mode-hidden::after {
  content: 'DIFF (INACTIVE NOTEBOOK)';
  position: absolute;
  top: 5px;
  right: 5px;
  background: var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 3px;
  opacity: 0.7;
}
