.pc-care-plans-definition-editor {
  display: block;

  .editor-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 76px;
    min-height: 76px;
    padding: 0 var(--spacing-2xl);
    gap: var(--spacing-2xl);
    border-bottom: 1px solid var(--color-border-secondary);
    background-color: var(--color-bg-primary);
  }

  .editor-tabs-section {
    display: flex;
    flex: 1;
    align-items: center;
    gap: var(--spacing-xxs);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .editor-tab {
    display: flex;
    align-items: center;
    height: 40px;
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--border-radius-sm);
    color: inherit;
    font-size: var(--font-size-nav-item);
    white-space: nowrap;

    &:hover {
      background-color: var(--color-bg-primary_hover);
    }

    &.active {
      background-color: var(--color-bg-active);
      font-weight: var(--weight-semi-bold);
    }
  }

  h2 {
    margin: 0 0 var(--spacing-xs);
    color: var(--color-text-primary);
    font-size: var(--font-size-xl);
  }

  .items-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 var(--spacing-xl);

    p {
      margin: 0;
      color: var(--color-text-quaternary);
      font-size: var(--font-size-sm);
    }
  }

  .items-empty {
    padding: var(--spacing-3xl);
    border: 1px solid var(--color-border-secondary);
    border-radius: var(--border-radius-xs);
    background-color: var(--color-bg-primary);
    color: var(--color-text-quaternary);
    text-align: center;
  }

  .content-preview {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: 42ch;
    overflow-wrap: anywhere;
    overflow: hidden;
  }

  .problem-editor,
  .goal-editor,
  .intervention-editor {
    .problem-editor-back,
    .goal-editor-back,
    .intervention-editor-back,
    .problem-editor-header,
    .goal-editor-header,
    .intervention-editor-header {
      margin-bottom: var(--spacing-3xl);
    }

    .problem-editor-header p,
    .goal-editor-header p,
    .intervention-editor-header p {
      margin: 0;
      color: var(--color-text-quaternary);
      font-size: var(--font-size-sm);
    }

    .problem-editor-section,
    .goal-editor-section,
    .intervention-editor-section {
      margin-bottom: var(--spacing-2xl);
      padding: var(--spacing-3xl);
      border: 1px solid var(--color-border-secondary);
      border-radius: var(--border-radius-xs);
      background-color: var(--color-bg-primary);

      h3 {
        margin: 0 0 var(--spacing-xl);
        color: var(--color-text-primary);
      }
    }

    .problem-editor-actions,
    .goal-editor-actions,
    .intervention-editor-actions {
      display: flex;
      justify-content: flex-end;
      gap: var(--spacing-lg);
    }
  }
}