/**
 * RegexEditor 组件样式
 */

.regex-editor {
  display: flex;
  flex-direction: column;
  gap: 12px;

  // 复杂度信息区域
  .regex-complexity {
    padding: 12px;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 13px;

    .complexity-item {
      display: flex;
      align-items: center;
      margin-bottom: 8px;

      &:last-child {
        margin-bottom: 0;
      }

      .label {
        font-weight: 500;
        color: #595959;
        margin-right: 8px;
      }

      .score {
        padding: 2px 8px;
        border-radius: 2px;
        font-weight: 600;

        &.score-high {
          background-color: #f6ffed;
          color: #52c41a;
        }

        &.score-medium {
          background-color: #fffbe6;
          color: #faad14;
        }

        &.score-low {
          background-color: #fff2f0;
          color: #ff4d4f;
        }
      }

      .risk {
        padding: 2px 8px;
        border-radius: 2px;
        font-weight: 600;

        &.risk-low {
          background-color: #f6ffed;
          color: #52c41a;
        }

        &.risk-medium {
          background-color: #fffbe6;
          color: #faad14;
        }

        &.risk-high {
          background-color: #fff2f0;
          color: #ff4d4f;
        }
      }
    }

    .complexity-suggestions {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid #e8e8e8;

      .suggestions-title {
        font-weight: 500;
        color: #595959;
        margin-bottom: 8px;
      }

      ul {
        margin: 0;
        padding-left: 20px;

        li {
          color: #8c8c8c;
          line-height: 1.6;
          margin-bottom: 4px;

          &:last-child {
            margin-bottom: 0;
          }
        }
      }
    }
  }

  // 错误标注样式
  .cm-regex-error {
    text-decoration: wavy underline red;
    text-decoration-skip-ink: none;
  }

  .cm-regex-warning {
    text-decoration: wavy underline orange;
    text-decoration-skip-ink: none;
  }

  .cm-regex-info {
    text-decoration: wavy underline blue;
    text-decoration-skip-ink: none;
  }
}